Pitäisi sada "Tooltips" asennettua omalle nettisivulle niin että kun hiiren osoitin osuu tietyn tekstipätkän päälle, silloin pitäisi ponnahtaa esille pieni mini-ikkuna jossa on lisätietoa siitä sanasta jonka päällä hiirenosoitin lepää. Miten saan sen toimimaan? Tiedän jotenkuten että serverille pitäisi ladata 1-2 tiedostoa jonnekin (mihin kansioon?) ja että sen lisäksi pitäisi laittaa pari esim. javascript-pätkää samalle html-sivulle jossa mini-ikkunat pitäisi ponnahtaa esille. Miten se tehdään että se toimii oikein? Pitääkö ne olla "head"-tagien vai "body"-tagien sisäpuolella?
Ongelmani on lähinnä se, että minulle on jäänyt epäselväksi mitä osioita pitää ladata mihinkin kansioon ja miten tehdään erillisen toimivan listauksen kaikista niistä sanoista joiden on määrä avata tietyllä sivulla tooltipsit.
Kiitos paljon avusta!
Tässä demo-esimerkki siitä mitä tarkoitan:
http://www.menucool.com/tooltip/javascript-tooltip
Tässä toinen demo:
http://netdna.webdesignerdepot.com/uploads7/how-to-create-a-simple-css3-tooltip/tooltip_demo.html#
Ongelmani on lähinnä se, että minulle on jäänyt epäselväksi mitä osioita pitää ladata mihinkin kansioon ja miten tehdään erillisen toimivan listauksen kaikista niistä sanoista joiden on määrä avata tietyllä sivulla tooltipsit.
Kiitos paljon avusta!
Tässä demo-esimerkki siitä mitä tarkoitan:
http://www.menucool.com/tooltip/javascript-tooltip
Tässä toinen demo:
http://netdna.webdesignerdepot.com/uploads7/how-to-create-a-simple-css3-tooltip/tooltip_demo.html#
Vastaukset 1
Vanhimmat
En nyt nää lähdekoodia puhelimella mutta yleensä head tägin sisällä kerrotaan mistä dokumentti hakee css ja javascript tiedoston eli itse tiedostot voi olla missä vaan kunhan viittaat niiden oikean sijainnin. Vaihtoehtoisesti voit kirjoittaa em. koodit kokonaan head tägiin mutta silloin et voi käyttää niitä muissa dokumenteissa. Itse linkissä johon se tooltippi tulee on yleensä triggeri id:ssä # jolla viitataan skriptiin. Teen ite nykyään noita jqueryllä ja netissä on helppoja tutoriaaleja, kato niistä se rakenne ja aseta omaan dokumenttiin ne palikat samalla tavalla niin saat toimimaan.