php - Paging og aktivt link - Udvikleren.dk - Programmering, webdesign og grafik

Tags: php javascript css css3

<< < 1 2 3 > >>

Bruger #16627 @ 21.11.11 10:52

Hej Udvikleren.

Jeg har en side hvor jeg i bunden kan bladre mellem side 1, 2, 3 osv.
Jeg har lavet det manuelt, med almindelige <a> links, og ikke et paginition system.
Er det muligt enten med css, php eller javascript at få det link man er på til at få en anden farve?
Jeg ønsker når man trykker på 1 tallet og er på den side bliver 1 tallet rødt og hvis man herefter klikker på 2 er det det der bliver rødt osv.

Med css er det vel kun muligt at lave:

A:link
A:visited
A:active
A:hover

Der giver vel ikke mulighed for den funktion jeg ønsker gør det?

På forhånd tak!

vh

KP

26 svar postet i denne tråd vises herunder
12 indlæg har modtaget i alt 23 karma

Sorter efter stemmer Sorter efter dato

Bruger #13723 @ 23.11.11 21:30

Okay prøv en af de her muligheder i din gallery.js fil:
HAR LIGE OPDATERET det

JScript kode

 jQuery(document).ready(function(jQuery){
          
          
          jQuery("a.gallery").click(function(){
              var url = "http://www.kp-foto.com/subsites/gallery.php?name=";
              var text = $(this).html();
              
              $("#content").load(url + text);
              
              var head = $("#content h1").html();
              if(text == head){
                  $(this).addClass('red');
              }else{
                  $(this).removeClass('red');
              }
              
          });
      });

eller den her bliver uden farve koder dog

JScript kode

 jQuery(document).ready(function(jQuery){
          
          
          jQuery("a.gallery").click(function(){
              var url = "http://www.kp-foto.com/subsites/gallery.php?name=";
              var text = $(this).html();
              
              $("#content").load(url + text);
              
          });
      });

Indlæg senest redigeret d. 23.11.2011 21:40 af Bruger #13723

Bruger #13723 @ 23.11.11 21:52

Okay ændrer gallery.js til den gamle og så bør det virke som før, fordi vi har bare lavet lidt ekstra smart til din php fil som burde virke fint.

Og jeg vil meget gerne rode med det

Er i gang med at lave en kopi side med samme funktionalitet og se hvordan jeg løser problemet

Bruger #16627 @ 21.11.11 11:35

Tak for det Frederik.

Jeg kigger på det, selvom jeg er bange for det bliver for avanceret for mig.

Det er mærkeligt der ikke findes en simpel funktion som bare "læser" noget ala GET URL og på den måde bestemmer hvilken URL man er på og derefter anvender fx en farve på det/de links der peger på den URL.

/KP

Bruger #16627 @ 21.11.11 13:34

Fedt hvis det kan lade sig gøre Mickelvim!

Kan du hjælpe mig med at implementere det?

Mine links ser således ud:

<a href="http://www.kp-foto.com/blog/">1</a>
<a href="http://www.kp-foto.com/blog2/">2</a>
<a href="http://www.kp-foto.com/blog3/">3</a>

OSV.

På forhån tusind tak!

/KP

Bruger #16627 @ 21.11.11 19:34

Hej Kasper.

Det lyder nice hvis vi kan få det til at kører.
Jeg har nu lagt koden ind på to af mine blogsider.
Men det lader ikke til at virke

Du kan se det her:
Bemærk det er de øverste cifre der hvor der kun er 4, dem nedenunder er de gamle dem der ikke skifter farve når man er på siderne.

http://www.kp-foto.com/blog/
http://www.kp-foto.com/blog2/

På forhånd tak.

Koden jeg har sat ind ser således ud:

Kode

<?php
 // Det url jeg er på nu.
 $uri = $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
 $aktiv = "color:#0f0"; // farven grøn
 $normal = "color:#000"; // farven sort
 
 // Hvis min url jeg er på nu lig med det mit link henviser til farves det til $aktiv ellers $normal.
 echo " <a href='http://www.kp-foto.com/blog/' style='".($uri == "http://www.kp-foto.com/blog/" ? $aktiv : $normal)."'>1</a>";
 
 echo " | <a href='http://www.kp-foto.com/blog2/' style='".($uri == "http://www.kp-foto.com/blog2/" ? $aktiv : $normal)."'>2</a>";
 
 echo " | <a href='http://www.kp-foto.com/blog3/' style='".($uri == "http://www.kp-foto.com/blog3/" ? $aktiv : $normal)."'>3</a>";
 
 echo " | <a href='http://www.kp-foto.com/blog4/' style='".($uri == "http://www.kp-foto.com/blog4/" ? $aktiv : $normal)."'>4</a>";
?>

På forhånd tak!

vh

KP

Bruger #16627 @ 21.11.11 21:08

Hej igen Kasper.

Jeg har nu fundet ud af det.
Det kører nu perfekt!
Tusind tak for det!!!!

Tænk sig hvad der kan lade sig gøre med en lille smugle php frem for et kæmpe paging system!!

Godt tænkt!!!

Koden ser nu ud som følger:

Kode

<?php
 // Det url jeg er på nu.
 $uri = $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
 $aktiv = "color:#FF0000"; // farven rød
 $normal = "color:#000"; // farven sort
 
 // Hvis min url jeg er på nu lig med det mit link henviser til farves det til $aktiv ellers $normal.
 echo " <a href='http://www.kp-foto.com/blog/' style='".($uri == "www.kp-foto.com/blog/" ? $aktiv : $normal)."'>1</a>";
 echo " | <a href='http://www.kp-foto.com/blog2/' style='".($uri == "www.kp-foto.com/blog2/" ? $aktiv : $normal)."'>2</a>";
 echo " | <a href='http://www.kp-foto.com/blog3/' style='".($uri == "www.kp-foto.com/blog3/" ? $aktiv : $normal)."'>3</a>";
 echo " | <a href='http://www.kp-foto.com/blog4/' style='".($uri == "www.kp-foto.com/blog4/" ? $aktiv : $normal)."'>4</a>";
  echo " | <a href='http://www.kp-foto.com/blog5/' style='".($uri == "www.kp-foto.com/blog5/" ? $aktiv : $normal)."'>5</a>";
   echo " | <a href='http://www.kp-foto.com/blog6/' style='".($uri == "www.kp-foto.com/blog6/" ? $aktiv : $normal)."'>6</a>";
    echo " | <a href='http://www.kp-foto.com/blog7/' style='".($uri == "www.kp-foto.com/blog7/" ? $aktiv : $normal)."'>7</a>";
	 echo " | <a href='http://www.kp-foto.com/blog8/' style='".($uri == "www.kp-foto.com/blog8/" ? $aktiv : $normal)."'>8</a>";
	 echo " | <a href='http://www.kp-foto.com/blog9/' style='".($uri == "www.kp-foto.com/blog9/" ? $aktiv : $normal)."'>9</a>";
	  echo " | <a href='http://www.kp-foto.com/blog10/' style='".($uri == "www.kp-foto.com/blog10/" ? $aktiv : $normal)."'>10</a>";
?>

Indlæg senest redigeret d. 21.11.2011 21:24 af Bruger #16627

Bruger #16627 @ 22.11.11 09:41

Nice Kasper!
Tak for det!

Jeg har en anden lille ting du måske kunne hjælpe mig med.

mine billedgallerier ude i venstre side er listet ud fra hvad undermapperne hedder.
ligenu hedder de hhv. Birds, Landscapes, Insects, Nature og Mammals.

det er php der lister dem:

Kode

$dir = "./pictures_thumbnails/";
$gallery = ""; 

// List directories in the pictures folder
foreach(scandir($dir) as $item)
{
	if (!is_dir($item))
	{
        $gallery = $gallery . "<li><a href='javascript:void(0);' class='gallery' value='".$item."'>" . $item . "</a></li>";
    }
}

Kan det lade sig gøre at farve disse links røde når de er aktive?
Altså når man klikker på "nature" så skal "nature" være rød, så man kan se hvilken mappe man er inde i?
På forhånd endnu engang tak!!!
vh

KP

Bruger #16627 @ 22.11.11 11:21

Tak for det Daniele!
Det må jeg kigge nærmere på engang når jeg magter/har tid til det projekt.

Men det kunne være fedt/nemt hvis jeg kunne anvende Kaspers php farveskift på linksne ude i venstre side på gallerinavnene.

vh

/KP

Bruger #16627 @ 23.11.11 19:47

Hej Kasper.

Det lyder ski nice!

Som sgat det her står inde i default filen:

Kode

$dir = "./pictures_thumbnails/";
$gallery = ""; 

// List directories in the pictures folder
foreach(scandir($dir) as $item)
{
	if (!is_dir($item))
	{
        $gallery = $gallery . "<li><a href='javascript:void(0);' class='gallery' value='".$item."'>" . $item . "</a></li>";
    }
}

Nede hvor den lister navnene på mapperne står:

Kode

<?php echo $gallery; ?>

Inde i gallery filen står så:

Kode

<?php

$dir = '../pictures_thumbnails/' . $_GET["name"] . '/';

$gallery = "<div><table>";

$count = 0;

$explode = explode(".", $item);



$files = scandir($dir);
shuffle($files);

foreach($files as $item)
            {   
	        if (!is_dir($item))
	        {
				
				$explode = explode(".", $item);
				
				
	
		    if (($count % 5) == 0)  
		    {   
			if($count == 0)
			{
				$gallery = $gallery .
				"<tr>
				 <td>
				 <a href='http://www.kp-foto.com/pictures/" . $_GET["name"] . "/" . $item . "' rel='lightbox[gallery]' title='" . $explode[0] . "'>
				 <img src='http://www.kp-foto.com/pictures_thumbnails/" .  $_GET["name"] . "/" . $item . "' id='gylle'/>
				 </a> 
				 </td>";  
			}
			else
			{
				$gallery = $gallery .
				"</tr>
				  <tr>
				  <td>
				  <a href='http://www.kp-foto.com/pictures/" . $_GET["name"] . "/" . $item . "' rel='lightbox[gallery]' title='" . $explode[0] . "'>
				  <img src='http://www.kp-foto.com/pictures_thumbnails/" .  $_GET["name"] . "/" . $item . "'  id='gylle'/>
				  </a>
				  </td>";
			}
		    } 
		    else
		    {
			      $gallery = $gallery . 
				  "<td>
				  <a href='http://www.kp-foto.com/pictures/" . $_GET["name"] . "/" . $item . "' rel='lightbox[gallery]' title='" . $explode[0] . "'>
				  <img src='http://www.kp-foto.com/pictures_thumbnails/" .  $_GET["name"] . "/" . $item . "' id='gylle' />
				  </a>
				  </td>";
				  
		    }
		
                 $count++;
				 
            }
            }
 
$gallery = $gallery . "</table></div>";
echo $gallery 
?>

Det som "systemet" gør er, at tage alle mapper som ligger inde i http://www.kp-foto.com/pictures_thumbnails/ og liste dem ude i venstre side af min side, denne listning foregår automatisk.
Så hvis jeg fx oprette en mappe der hedder sommerfugle, så er der lige pludselig en kategori mere over i galleriet i venstre side.
De små billeder bliver så listet i et array når man klikker på navnet, og herefter kan billeder klikkes op i stort, de store billeder ligger så i http://www.kp-foto.com/pictures/
Det smarte ved det system er at jeg nemt kan ligge nye billeder op i de mapper der allerede er og jeg nemt kan oprette ny kategorier. Min side er jo en fotoside så det er alfa omega at det er nemt at uploade billeder og skifte dem der allerede ligger ud.

Problemet ligger så i at når man klikker på fx "Nature" så bliver navnet "Nature" ikke rødt, så man kan ikke se at det er den kategori man er inde i.
Puha... Det var en lang smørre! Håber det gir mening.

På forhånd tak for hjælpen!

vh

/KP

Bruger #16627 @ 23.11.11 19:57

Det lyder sku super Kasper. Er du på msn?

<< < 1 2 3 > >>

Paging og aktivt link

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler