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

59

    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. Aivosyöpää sairastava Olga Temonen TV:ssä - Viimeinen Perjantai-keskusteluohjelma ulos

      Näyttelijä-yrittäjä Olga Temonen sairastaa neljännen asteen glioomaa eli aivosyöpää, jota ei ole mahdollista leikata. Hä
      Maailman menoa
      80
      2809
    2. Pelotelkaa niin paljon kuin sielu sietää.

      Mutta ei mene perille asti. Miksi Venäjä hyökkäisi Suomeen? No, tottahan se tietenkin on jos Suomi joka ei ole edes soda
      Maailman menoa
      295
      1626
    3. Mikä saa ihmisen tekemään tällaista?

      Onko se huomatuksi tulemisen tarve tosiaan niin iso tarve, että nuoruuttaan ja tietämättömyyttään pilataan loppuelämä?
      Sinkut
      246
      1527
    4. Minkä merkkisellä

      Autolla kaivattusi ajaa? Mies jota kaipaan ajaa Mersulla.
      Ikävä
      87
      1371
    5. IL - VARUSMIEHIÄ lähetetään jatkossa NATO-tehtäviin ulkomaille!

      Suomen puolustuksen uudet linjaukset: Varusmiehiä suunnitellaan Nato-tehtäviin Puolustusministeri Antti Häkkänen esittel
      Maailman menoa
      401
      1349
    6. Nyt kun Pride on ohi 3.0

      Edelliset kaksi ketjua tuli täyteen. Pidetään siis edelleen tämä asia esillä. Raamattu opettaa johdonmukaisesti, että
      Luterilaisuus
      396
      1273
    7. Esko Eerikäinen tatuoi kasvoihinsa rakkaan nimen - Kärkäs kommentti "Ritvasta" lävähti somessa

      Ohhoh! Esko Eerikäinen on ottanut uuden tatuoinnin. Kyseessä ei ole mikä tahansa kuva minne tahansa, vaan Eerikäisen tat
      Suomalaiset julkkikset
      38
      1027
    8. Kiitos nainen

      Kuitenkin. Olet sitten ajanmerkkinä. Tuskin enää sinua näen ja huomasitko, että olit siinä viimeisen kerran samassa paik
      Tunteet
      2
      999
    9. Hyväksytkö sinä sen että päättäjämme ei rakenna rauhaa Venäjän kanssa?

      Vielä kun sota ehkäpä voitaisiin välttää rauhanponnisteluilla niin millä verukkeella voidaan sanoa että on hyvä asia kun
      Maailman menoa
      329
      854
    10. Miksi Purra-graffiti ei nyt olekkaan naisvihaa?

      "Pohtikaapa reaktiota, jos vastaava graffiti olisi tehty Sanna Marinista", kysyy Tere Sammallahti. Helsingin Suvilahden
      Maailman menoa
      254
      832
    Aihe