login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onClick change class

Offline aldiin - 27/02/2008 23:53
Avatar van aldiinNieuw lid Hallo


Ik werk met tabs op mijn siteje.
On mouseover verandert de tab ...
Dus gewoon me a:hover in de CSS style

Ik wil nu als ik op de tab klik, dat die tab hetzelfde blijft als met mouseover.

En als ik op een andere tab klik, dat de andere terug normaal wordt.

Ik denk wel dat jullie me begrijpen 


Ik kan ni goe JavaScript, maar google ruluez...


Ik heb deze JS functie:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. function changeClass(obj) {
  3.         var ppUl=obj.parentNode.parentNode;
  4.         var pLi=obj.parentNode;
  5.         var lis=ppUl.getElementsByTagName('LI');
  6.         for (var i=0; i<lis.length; i++)  {
  7.                 var lnk=lis[i].getElementsByTagName('A')[0];
  8.                 if (lnk!=obj) {
  9.                         lnk.className='';
  10.                 }       
  11.         }       
  12.         obj.className='ITEM_ON';
  13. }
  14. </script>



En mijn links:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. 		<!-- CSS Tabs -->
  3. 		<li><a href="index.php?p=home" onClick="changeClass(this);"><span>Home</span></a></li>
  4. 		<li><a href="index.php?p=forum" onClick="changeClass(this);"><span>Forum</span></a></li>
  5. 		<li><a href="index.php?p=profit" onClick="changeClass(this);"><span>Proft Calculator</span></a></li>
  6. 		<li><a href="index.php?p=trade" onClick="changeClass(this);"><span>Trade Calculator</span></a></li>
  7. 	</ul>



Dus met de onClick="changeClass(this);" parameter


Het rare is, als ik de van de links '#' maak, werkt het perfect...
Maar als ik mijn gewone links gebruik, dus index.php?p=...
dan werkt het ineens ni meer.

Ik include de pagina's in mijn index.php, dus ik verlaat de pagina niet. Het zou moeten werken, denk ik 


Iemand een idee?

2 antwoorden

Gesponsorde links
Offline Ontani - 27/02/2008 23:56
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 je verlaat de pagina wel, je blijft misschien wel op index.php maar de pagina wordt wel herladen, wat er voor zorgt dat je script niets gaat afdoen.
Offline aldiin - 28/02/2008 00:08
Avatar van aldiin Nieuw lid En wat zou de oplossing daarvoor kunnen zijn?
Het is een simpele pagina, ik heb geen zin om nu me sessie te gaan werken ...

Ik ben trouwens een beginner, het zal een tijdje duren voordat ik het zou fixen... 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.36s