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

87

    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. Laitetaas nyt kirjaimet tänne

      kuka kaipaa ja ketä ?
      Ikävä
      149
      10891
    2. Pieni häivähdys sinusta

      Olet niin totinen
      Ikävä
      52
      5200
    3. Taas ryssittiin oikein kunnolla

      r….ä hyökkäsi Viroon sikaili taas ajattelematta yhtään mitään https://www.is.fi/ulkomaat/art-2000011347289.html
      NATO
      45
      2413
    4. Missä olet ollut tänään kaivattuni?

      Ikävä sai yliotteen ❤️ En nähnyt sua tänään söpö mies
      Ikävä
      30
      2113
    5. Vanha Suola janottaa Iivarilla

      Vanha suola janottaa Siikalatvan kunnanjohtaja Pekka Iivaria. Mies kiertää Kemijärven kyläjuhlia ja kulttuuritapahtumia
      Kemijärvi
      13
      1681
    6. Valtimon Haapajärvellä paatti mäni nurin

      Ikävä onnettomuus Haapajärvellä. Vene hörpppi vettä matkalla saaren. Veneessä ol 5 henkilöä, kolme uiskenteli rantaan,
      Nurmes
      42
      1514
    7. Tiedän kuka sinä noista olet

      Lucky for you, olen rakastunut sinuun joten en reagoi negatiivisesti. Voit kertoa kavereillesi että kyl vaan, rakkautta
      Ikävä
      30
      1221
    8. Känniläiset veneessä?

      Siinä taas päästiin näyttämään miten tyhmiä känniläiset on. Heh heh "Kaikki osalliset ovat täysi-ikäisiä ja alkoholin v
      Nurmes
      35
      1166
    9. Daniel Nummelan linjapuhe 2025

      Kansanlähetyksen toiminnanjohtajan Daniel Nummelan linjapuhe tänään. Rehellistä analyysiä mm. evlut kirkosta ja piispo
      Luterilaisuus
      92
      925
    10. TÄSTÄ TAITAA TULLA SUOMEN HISTORIAN SUURIN USKONNONVAPAUDEN OIKEUDENKÄYNTI.

      Sinun täytyy hyväksyä se että jos sinä vetoat uskonnonvapauteen, silloin sinun tulee antaa myös muille vastaava vapaus o
      Hindulaisuus
      317
      882
    Aihe