login  Naam:   Wachtwoord: 
Registreer je!
 Forum

PHP JS - MouseOver

Offline larssy1 - 15/02/2010 00:11
Avatar van larssy1MySQL beginner Beste sitemasters,

Ik ben weer bezig met een project van me. Maar nu zit ik met een probleem die mij belemmert mijn einddoel te behalen.
Dit stukje gaat over het weergeven van de laatste 5 projecten met een visueel effect (MouseOver).

Nu geeft de code de laatste 5 projecten goed weer. Maar het visueel effect is wat het probleem is.
Zo heb ik 5 plaatjes, met de MouseOver event verwerkt in JavaScript.
Echter werkt dit perfect voor 1 plaatje, maar voor meerdere gaat dit zonnetje niet op.
Zodra ik dus 5 plaatjes wil weergeven, raakt JS gebugged omdat al deze 5plaatjes dezelfde JS source op willen roepen.
En dan zie je dus bij elk plaatje die MouseOver event wat dus het probleem veroorzaakt.

Nu heb ik dus jullie hulp nodig voor wat advies of voorbeeldjes van hoe ik dit probleem zou kunnen oplossen.

Hieronder staat het afdruk script van de 5 projecten en het JS stukje.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2. 	for($e=1; $last_ = mysql_fetch_assoc($last_5_hp_Qry); $e++)
  3. 	{
  4. 		echo "<td width='92' height='89'>
  5. 		<a href='#' onMouseOver='document.rollover.src=image2.src' onMouseOut='document.rollover.src=image1.src'> 
  6. 		<img src='images/icons/unknown_picture.png' border=0 name='rollover'></a>
  7. 		</td>
  8. 		<td width='15'>&nbsp;</td>";
  9. 	}
  10. >

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. //Image Hover
  2. if (document.images) 
  3. { 	
  4. 	image1 = new Image 
  5. 	image2 = new Image 
  6. 	image1.src = 'images/icons/unknown_picture.png' 
  7. 	image2.src = 'images/icons/unknown_picture_hover.png' 
  8. }


Met Vriendelijke Groet,
Larssy1

3 antwoorden

Gesponsorde links
Offline Martijn - 15/02/2010 12:31 (laatste wijziging 15/02/2010 15:04)
Avatar van Martijn Crew PHP je moet gewoon een nieuwe mouseover functie maken
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <img id="menu1" src="image1.jpg" 
  2.     onmouseover="change('menu1','image1_hover.jpg')"
  3.     onmouseout ="change('menu1','image1.jpg')" />


met als functie
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function change(id,src){
  2.     document.getElementById(id).src = src;
  3.     }


beetje basic alles, maar you get the point 
Offline larssy1 - 15/02/2010 13:09
Avatar van larssy1 MySQL beginner heb 't even ingeboud in de site, echter werkt die mouseover functie niet.

Denk dat ik eventueel moet overwegen om dit dan gewoon telkens handmatig even te veranderen.
Toch zeer bedankt!
Offline Martijn - 15/02/2010 15:06
Avatar van Martijn Crew PHP mja, nu werkt ie wel. Dr stond 'getElemebtById' ipv Element. Die had je best zelf kunnen oplossen.
Niet domweg kopieren en als t niet werkt meteen aannemen dat de code fout is. Als iemand moeite neemt om een code te geven, zal die code een klein bugje kunnen hebben.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s