Tooltips-asennukseen kaivataan neuvoja

Tooltips apua pliis

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#

1

93

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • codebanker

      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.

    Ketjusta on poistettu 1 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. IL - Patteriauto syttyi parkkihallissa Tampereella - 50 autoa LUNASTUKSEEN!

      "Palon aikaan parkkihallissa oli 90 autoa, joista noin 50 tuhoutui palossa korjauskelvottomiksi. Lisäksi palo vaurioitti
      Maailman menoa
      240
      45241
    2. Polttomoottoriauto tulessa parkkihallissa Tampereella

      Pystyy näkemättä jo sanomaan, koska sähköautoissa ei ole palavia nesteitä lainkaan. Ihme ettei polttomoottoriautoja ole
      Maailman menoa
      123
      25996
    3. SDP palauttaa Suomen kansalle kulta-ajat

      Hyvinvointivalto on pääosin SDP:n ja osin myös Maalaisliiton rakentama. Hyvinvointivaltion ylläpito edellyttää oikeude
      Maailman menoa
      325
      15677
    4. Kristillisistä Siionisteista asiallista tietoa Hesarissa.

      KD ja Persut ovat kaiken takana avoimesti!
      Maailman menoa
      30
      11203
    5. Persut JYTKYTTÄÄ ylös, ohi kepun! +2,1 %

      Persut palasi kolmen suurimman joukkoon ja on matkalla kohti kevään 2027 eduskuntavaalivoittoa. Sosialistit ovat syöksy
      Maailman menoa
      171
      10805
    6. Älkää vassarit kuvitelko, että Marinin kulta-ajat palaavat

      Vaikka demarit voittaisivat seuraavat vaalit, se ei palauta Marinin taskut-täyteen-kelasta-aikaa takaisin, ei voi eikä h
      Maailman menoa
      122
      9707
    7. Sanna Marin saa ylistystä Hillary Clintonilta

      Jos joku ei tiedä kuka tämä rouva Hillary Clinton on, niin kerrottakoon "fun fact", eli hän on se keneltä Donald Trump
      Maailman menoa
      36
      9681
    8. Ja jälleen uusi latauksessa olleen sähköauton palo! Nyt Keravan Prisman parkkihallissa.

      IS 3.10.2025 Latauksessa ollut sähköauto syttyi yöllä tuleen Keravan Prisman parkkihallissa, Keski-Uudenmaan pelastusla
      Maailman menoa
      85
      8478
    9. 242
      6824
    10. Gallup, PS:lle JÄRISYTTÄVÄ nousu, SDP suurin laskija

      https://yle.fi/a/74-20186114 PS kovaa vauhtia nousemassa ennen 2027 vaaleja suurimmaksi puolueeksi. Nyt mennään jo etua
      Maailman menoa
      223
      6491
    Aihe