login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Spaninhoud veranderen

Offline Frederic - 10/01/2006 22:26
Avatar van FredericPHP ver gevorderde Ik weet dat het een veel voorkomende vraag is, maar ik kan geen antwoord vinden via de zoekfunctie!

Ik heb volgend script:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <SCRIPT language="JScript">
  2.  
  3. 	function Informatie(tekst)
  4. 	{
  5. 		if(!tekst)
  6. 			tekst = "Welkom!";
  7. 		document.forms(0).informatie_tekst.value = tekst;
  8. 		window.status = tekst;
  9. 	}
  10.  
  11. 	function StartSelectie(sender, nummer)
  12. 	{
  13. 		sender.style.backgroundColor='#003399';
  14. 		sender.style.fontWeight = 'bold';
  15. 		switch(nummer)
  16. 		{
  17. 			case '0':
  18. 				Informatie('Test0');
  19. 				break
  20. 			case '1':
  21. 				Informatie('Test1');
  22. 				break
  23. 			case '2':
  24. 				Informatie('Test2');
  25. 				break
  26. 			case '3':
  27. 				Informatie('Test3');
  28. 				break
  29. 			case '4':
  30. 				Informatie('Test4');
  31. 				break
  32. 		}
  33. 	}
  34.  
  35. 	function StopSelectie(sender)
  36. 	{
  37. 	sender.style.backgroundColor='#3366cc';
  38. 	sender.style.fontWeight = 'normal'
  39. 	Informatie('Welkom!')
  40. 	}
  41.  
  42. 	</SCRIPT>

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <INPUT NAME="informatie_tekst" style="COLOR: white; BORDER-TOP-STYLE: none; FONT-FAMILY: Verdana; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: none"
  2. 				TYPE="text" size="100" VALUE="Welkom!">

en dan iets verder bij een link:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. onMouseover="StartSelectie(this, '0')"
  2. 			onMouseout="StopSelectie(this)"

Nu, de tekst wordt mooi getoond in het textfield als ik met mijn muis over de link ga. Maar is het ook mogelijk om dit met een span te doen. Ik weet hoe de CSS eigenschappen te veranderen van een span in JS, maar is dit ook mogelijk voor de inhoud?

1 antwoord

Gesponsorde links
Offline haytjes - 10/01/2006 22:52 (laatste wijziging 10/01/2006 22:52)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <SCRIPT language="JScript">
  2.  
  3.   function Informatie(tekst)
  4.   {
  5.     if(!tekst)
  6.       tekst = "Welkom!";
  7.     document.getElementById("holder").innerHTML = tekst;
  8.     window.status = tekst;
  9.   }
  10.  
  11.   function StartSelectie(sender, nummer)
  12.   {
  13.     sender.style.backgroundColor='#003399';
  14.     sender.style.fontWeight = 'bold';
  15.     switch(nummer)
  16.     {
  17.       case '0':
  18.         Informatie('Test0');
  19.         break
  20.       case '1':
  21.         Informatie('Test1');
  22.         break
  23.       case '2':
  24.         Informatie('Test2');
  25.         break
  26.       case '3':
  27.         Informatie('Test3');
  28.         break
  29.       case '4':
  30.         Informatie('Test4');
  31.         break
  32.     }
  33.   }
  34.  
  35.   function StopSelectie(sender)
  36.   {
  37.   sender.style.backgroundColor='#3366cc';
  38.   sender.style.fontWeight = 'normal'
  39.   Informatie('Welkom!')
  40.   }
  41.  
  42.   </SCRIPT>
  43. <span id="holder"></span>

dit zou het moeten doen,
de functie roep je op dezelfde manier aan.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.193s