Teksti näkymään kun vie hiiren kuvan ylle?

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ä
51105
Äänestä

Muut lukivat myös

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.

Äänestä
  • Minun koodiahan se ei ollut, netistä poimittua.

    Kiitän ja kumarran :D

    Äänestä

  • ^^^^ kirjoitti:

    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

    Äänestä

  • ^^^^ kirjoitti:

    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

    Äänestä


Kommentoi aloitusta


^^^^ kirjoitti:

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ä

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu