javascriptin aloittelija pitää nyt kysyä että:
Minulla on noin 8 kuvaa jotka ovat päällekkäin sivulla (ne toimivat linkkeinä). Tarkoituksena olisi että kun vie hiiren kuvan päälle niin joko sivulle tai kuvan alle ilmestyisi tekstiä, ja sitten teksti häviää kun hiiren vie pois kuvan päältä.
Miten saan tämän toimimaan?
Satuin kyllä itse löytämään yhden koodipätkän netistä kun googlasin. Mutta koodi ei toimi FF:ssä. Operassa toimii, koodi ei myöskään toimi IE:ssä.
Tässä koodipätkä:
function toggleVisibility(me){
if (me.style.visibility=="hidden"){
me.style.visibility="visible";
}
else {
me.style.visibility="hidden";
}
}
Tähän tulee esimerkki teksti.
Helppiä
Minulla on noin 8 kuvaa jotka ovat päällekkäin sivulla (ne toimivat linkkeinä). Tarkoituksena olisi että kun vie hiiren kuvan päälle niin joko sivulle tai kuvan alle ilmestyisi tekstiä, ja sitten teksti häviää kun hiiren vie pois kuvan päältä.
Miten saan tämän toimimaan?
Satuin kyllä itse löytämään yhden koodipätkän netistä kun googlasin. Mutta koodi ei toimi FF:ssä. Operassa toimii, koodi ei myöskään toimi IE:ssä.
Tässä koodipätkä:
function toggleVisibility(me){
if (me.style.visibility=="hidden"){
me.style.visibility="visible";
}
else {
me.style.visibility="hidden";
}
}
Tähän tulee esimerkki teksti.
Helppiä
Vastaukset 5
Vanhimmat
kirjoitettu koodi? Javascript muutenkin toimii niin huonosti, että kannattaa olla html ja javascript oikean syntaksin mukaan kirjoitettu.
Tein testisivun ja toimii Firefoxissa
test
function toggleVisibility(me)
{
if (me.style.visibility=="hidden")
{
me.style.visibility="visible";
}
else
{
me.style.visibility="hidden";
}
}
Tähän tulee esimerkki teksti.
Minun koodiahan se ei ollut, netistä poimittua.
Kiitän ja kumarran :D
Taisin iloita liian aikaisin.
Heti kun laittaa kaksi tai enemmän kuvaa allekkain niin koko homma luisuu käsistä.
Tekstit ilmestyvät väärän kuvan alle, tekstit ilmestyvät kun kursori vie kuvan päältä pois.
Helkkari, pitänee varmaan tyytyä tavalliseen html:än
Oma vika kun ei tominut :D
Pikku typo löytyi ja nyt kaikki tomii :P
http://meyerweb.com/eric/css/edge/popups/demo.html
http://meyerweb.com/eric/css/edge/popups/demo2.html
http://www.cssplay.co.uk/menu/balloons.html
http://www.thescripts.com/forum/thread592734.html