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

97

    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. Nainen kokki autossa kammottavan kuoleman sähköauto-Teslan syttyessä tuleen.

      https://www.is.fi/autot/art-2000011652873.html Näin vaarallisia sähköautopalot voivat olla.
      Maailman menoa
      84
      5157
    2. Persuja ei aluevaltuustoissa näy

      Ei tunnu persuja paljon paikalliset asiat kiinnostavan, vaan ainoastaan ulkomaalaiset, joku Israel ja Trumpin fanitus.
      Maailman menoa
      25
      3480
    3. Päivän Riikka: Uudenkaupungin autotehdas hiljeni

      Näin ne 100 000 uutta pysyvää ei-tempputyötä yksityiselle sektorille tämän hallituksen ansiosta syntyy. Työntekijöille j
      Maailman menoa
      38
      2828
    4. Riikka vie Suomen kohta ykköseksi työttömyyskisassa

      Espanja: 10,5 % Suomi: 10,3 % Ruotsi: 9,3 % Kisa on tiukkaa, mutta Riikalla hyvä draivi päällä. Vasemmistolaisen päämin
      Maailman menoa
      9
      1972
    5. Kerro kaivattusi nimi tai nimikirjaimet

      🌠 Tähdenlento! Kirjoittamalla kaivattusi nimen tai nimikirjaimet tähän, saattaa toiveesi toteutua.
      Ikävä
      58
      1820
    6. Miksi pitäisit enemmän

      Minusta kuin siitä toisesta?
      Ikävä
      47
      1586
    7. Alkuvuodesta poistuu työttömyyskorvaus kaikilta joilla on säästössä rahaa

      Tippuu korvaukselta iso määrä työttömiä.
      Maailman menoa
      263
      1476
    8. Mitä meidän välillä

      Tulee tapahtumaan vai tuleeko mitään?
      Ikävä
      94
      1382
    9. Tämmönen höpsö

      Höpönassu mä olen. En mikään erikoinen…hölötän välillä ihan levottomia. Tykkäisit varmasti jos olisin siellä sun vieress
      Suhteet
      44
      1356
    10. Hiljaisuus

      Tarkoittaa välinpitämättömyyttä, henkistä väkivaltaa ja kiusaamista. Olet valinnut hiljaisuuden.
      Ikävä
      73
      1078
    Aihe