login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[JS] Mouseover veranderd text

Offline thyssimonis - 28/12/2006 16:04
Avatar van thyssimonisPHP interesse Hi,

Als ik over een link ga wil ik dat er onder een text veranderd in iets anders!
Bijv: <a href="" mouseover="naar nieuwe text" mouseout="terug naar oude text">Link</a><br />
Text die veranderd

Greetz,

T Simonis

6 antwoorden

Gesponsorde links
Offline arian - 28/12/2006 16:12
Avatar van arian HTML interesse <a href="#"
onmouseover="this.innerHTML = 'nieuwe tekst'"
onmouseout = "this.innerHTML = 'oude tekst'"
>Link</a>
Offline thyssimonis - 28/12/2006 16:14 (laatste wijziging 28/12/2006 16:14)
Avatar van thyssimonis PHP interesse Thnx 
Maar hij moet buiten de <a>
Offline Chupskie - 28/12/2006 16:14
Avatar van Chupskie MySQL beginner Ik heb dit wel eens met een input veld gedaan.
Maybe heb je daar iets aan:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2. <input type='text' size=15 name='zoekveld' value='Zoek op trefwoord' onFocus="if(this.value == 'Zoek op trefwoord'){this.value='';}" onBlur="if(this.value == ''){this.value='Zoek op trefwoord';}">
  3. ?>


Succes
-Chupskie
Offline timo - 28/12/2006 16:19
Avatar van timo PHP ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function erover(id)
  2. {
  3. document.getElementById(id).innerHTML = "erovertext";
  4. }
  5. function eraf(id)
  6. {
  7. document.getElementById(id).innerHTML = 'eraftext';
  8. }

en dat dan oproepen met this.id ofzo bij onmouseover en onmouseout...
Offline arian - 28/12/2006 16:20 (laatste wijziging 28/12/2006 16:22)
Avatar van arian HTML interesse <a href="#"
onmouseover="document.getElementById('element').innerHTML = 'nieuwe tekst'"
onmouseout = "document.getElementById('element').innerHTML = 'oude tekst'"
>Link</a>

<div id="element"></div>

------------------

met de code van timo
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function erover(id)
  2. {
  3. document.getElementById(id).innerHTML = "erovertext";
  4. }
  5. function eraf(id)
  6. {
  7. document.getElementById(id).innerHTML = 'eraftext';
  8. }
  9.  
  10. <a href="#" onmouseover="erover('element')" onmouseout="eraf('element')">Link</a>
  11.  
  12. <div id="element"></div>
Offline thyssimonis - 28/12/2006 17:02 (laatste wijziging 28/12/2006 17:09)
Avatar van thyssimonis PHP interesse Bedankt Ben nooit zo goed in JS meer in de php maar kan ik ook noig een nieuwe tekst op 1 of andere manieer mee geven

Dat heb ik ook al gefixd
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s