javascript - En funktion, der ændrer css class? - Udvikleren.dk

Tags: javascript

Bruger #6559 @ 19.06.09 13:52

Hej Udviklere!

På min hjemmeside inkluderer jeg mine undersider ved hjælp af PHP. Jeg skal have hjælp til at lave et script der kan nulstille class attributten i menu'en, og så sætte det link der er trykket på til "active". Mit script ser ud som følgende, men der sker ikke noget.

JScript kode

 function make_active(current_element)
         {
             var link_elements = document.getElementById("menu").getElementsByTagName("a");
             var i;
         
             for(i = 0; i <= link_elements.length; i++)
                 link_elements[i].className = '';            
             current_element.className = 'active';
         }

EDIT: Det er lige gået op for mig, at når jeg klikker på linket, så bliver siden genindlæst og derfor vil nyheder altid være "aktiv". Så jeg skal nok ud i noget AJAX for at kunne gøre det jeg ville eller?

Indlæg senest redigeret d. 19.06.2009 13:57 af Bruger #6559

5 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #11328 @ 19.06.09 15:54

1.323

Eller bare sætte det der classname ved hjælp af PHP?
Semi-Pseudo:

PHP kode

 <?php
      for($i = 0, $length = count($allSites); $i < $length; $i++) {
           echo ($current_site == $allSites[$i]) ? "<a href="#" class="active">Link</a>" : "<a href="#">Link</a>";
      }
 ?>

Indlæg senest redigeret d. 19.06.2009 15:55 af Bruger #11328

Bruger #5620 @ 19.06.09 21:18

1.500

du kunne i stedet evt. sætte php til at lave din active css klasse:

simple css, har kun effekt på det eller de link der har href t.html.

Kode

a[href="t.html"]{
  color:red;
  
}

hvis du i din php kode ved hvordan det aktive links href kode ser ud skal du da bare skrive det ind i stedet for t.html:

Kode

a[href="<?php echo $activehref;?>"]{
  color:red;
  
}

Indlæg senest redigeret d. 19.06.2009 21:19 af Bruger #5620

Bruger #6559 @ 19.06.09 18:17

843

Jeg vil gerne indrømme jeg er i tvivl hvordan det skulle lade sig gøre på den måde?

Bruger #6559 @ 19.06.09 21:59

843

Mine links ser ud som følgende:

HTML kode

 <ul>
   <li><a href="/?page=news">Nyheder</a></li>
   <li><a href="/?page=about_me">Om mig</a></li>
 </ul>

Kan det så passe css-delen skal se således ud:

PHP kode

 <?php
     
     $current_page = addslashes($_GET['page']);
     
 ?>
 <style type="text/css">
     a[href="?page=<?php print $current_page; ?>"] {
         background-image: url;
     }
 </style>

EDIT: Har prøvet at gøre følgende, men det ser ikke ud til at virke. Du kan se det her: http://askjaer.wep.dk

Indlæg senest redigeret d. 19.06.2009 22:07 af Bruger #6559

Bruger #6559 @ 19.06.09 22:54

843

Nørden du får points, da jeg fik det til at virke. Jeg skulle bare skrive følgende i stedet:

#menu a[href="?page=<?php print $current_page; ?>"] {}.

Jeg siger mange tak.

En funktion, der ændrer css class?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler