login  Naam:   Wachtwoord: 
Registreer je!
 Forum

probleem met navigatie scriptje

Offline devilman - 22/06/2006 15:30 (laatste wijziging 22/06/2006 15:30)
Avatar van devilmanHTML interesse
  1. <?php
  2.  
  3. for($x=1; $x<=$aantalpaginas; $x++ ){
  4.  
  5. $kleuren = "style='backgroundImage='url(img/backmenu.png)'; onMouseover=this.style.backgroundImage='url(img/navover.png)'; onMouseout=this.style.backgroundImage='url(img/backmenu.png)';";
  6.  
  7. $nummer .= "<td ".$kleuren."><a href=?nav=leden&p=".($x-1).">".$x."</a></td>";
  8. }
  9.  
  10. ?>


hoe kan ik er nu voor zorgen dat bij een bepaalde pagina bv p=3, de
de <td>3</td> een andere achtergrond krijgt?

p (pagina nummer) heb ik in de variabele $huidige_pagina gestoken

dus als $huidige_pagina = x moet <td>x</td> een andere achtergrond krijgen

3 antwoorden

Gesponsorde links
Offline marten - 22/06/2006 15:34
Avatar van marten Beheerder je moet in je style dus elke td apart aan kunnen roepen. Je maakt dus bijvoorbeeld een klasse met de naam class . [x]

In die for lus krijg je dus bijvoorbeeld

style1
style2
style3
enz

Hier maak je dan verschillende classes voor in je css

Snap je?
Offline devilman - 22/06/2006 15:54
Avatar van devilman HTML interesse nee sorry, ksnap em nie
Offline marten - 22/06/2006 15:59
Avatar van marten Beheerder
  1. <?php
  2.  
  3. for($x=1; $x<=$aantalpaginas; $x++ ){
  4.  
  5. $kleuren = "style='backgroundImage='url(img/backmenu.png)';
  6. onMouseover=this.style.backgroundImage='url(img/navover.png)'; onMouseout=this.style.backgroundImage='url(img/backmenu.png)';";
  7. $klasse = 'td' . $x
  8.  
  9. $nummer .= "<td class=$klasse><a href=?nav=leden&p=".($x-1).">".$x."</a></td>";
  10. }
  11.  
  12. ?>


In je css zet je vervolgens:

  1. td1 { backgroundImage=url(img/backmenu.png);
  2. onMouseover=this.style.backgroundImage=url(img/navover.png); onMouseout=this.style.backgroundImage=url(img/backmenu.png);
  3. background-color: #000000;
  4. }
  5.  
  6. td2 { backgroundImage=url(img/backmenu.png);
  7. onMouseover=this.style.backgroundImage=url(img/navover.png); onMouseout=this.style.backgroundImage=url(img/backmenu.png);
  8. background-color: #0000DD;
  9. }

enz
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s