Link hover után cellába szöveg?
Sziasztok!
Elég kezdő vagyok még és próbálgatok dolgokat. :)
Van egy táblázatom, ami 2 cellából áll.
x1
x2
Az x1ben linkek vannak. Azt szeretném megcsinálni, hogy ha ráhúzom az x1 cellában lévő linkre az egeret, az x2 cellában jelenjen meg egy hozzátartozó kis szöveg.
Valaki tudna segíteni, légyszi? Azt is megköszönöm, ha valami oldalt linkeltek, ahol találok leírást valami hasonlóhoz!
válasza: válasza:Meg lehet csinálni egy egyszerű Javascript kód segítségével:
1. Adsz a celláknak és a linkeknek egy-egy id-t (HTML kódban), hogy ez alapján le tudd kérni az adott HTML elemeket Javascripttel document.getElementById("elemazonositoja");
2. Az adott azonosítójú linkeknek onmouseover eseményének (tehát amikor ráhúzod az egeret) értékül adsz egy függvény. Ez fog lefutni, valahányszor az adott elem fölé állsz a kurzorral.
3. Az onmouseover függvényében módosítod az x2 cella tartalmát. document.getElementById("x2_cella_azonositoja").innerHTML = "tetszőleges szöveg..."
4. Ha azt is akarod, hogy eltűnjön a cella tartalma, miután levetted a kurzort a linkről, akkor a link onmouseout tulajdonságával egyszerűen üres szöveget (két idézőjel egymás mellett) teszel bele a megadott elem innerHTML-jébe.
Egy példa, hogy érhetőbb legyen:
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!