Javascript tooltip (tooltip) - egyszerű webes szkriptek

Tooltip - elég fontos design elem a modern honlapján. És ha ez még mindig szépen rendezni, és nem élnek vissza a kérelmet.

Megyek egyenesen a lényegre:

A szervezetben az oldal jelen kell lennie div láthatóság = »rejtett» és pozíció = »abszolút». Természetesen lehetőség van dinamikus, de bízom a mérlegelése szerint, valóban, és a design. Felhasználási tooltip szükséges so:

  • tooltip megfelelően működnek, így a megjelenése nyomokat paraméterként elfogadja az elem, ami miatt a tooltip és súgó szöveg
  • funkció hide_info elrejtése tooltip
  • ietruebody funkcióra van szükség annak érdekében, hogy figyelembe vegyék a görbület a különböző változatai IE
  • positiontip függvény tooltip helyzetben, míg az egér mozgatásával a cél fölé
  • megjelenik a funkció biztosítja a zavartalan megjelenés tippek

lebeg az egeret az alábbi szöveget:

Alkalmazza feltétlenül az összes elemet. Megjegyezzük továbbá, hogy semmi sem akadályozza meg, hogy használja html tag a szövegben megjelenő utasításokat.

Nem világos, hogyan kell használni ezt a szkriptet ... Hol néz elem id = # „rendetlenség #”? Van egy script nem működik, az IE hibaüzenetet ad, nem történik semmi más böngészőkben. Próbáltam kitalálni, hogyan kell ezt csinálni tip ezen az oldalon, de itt nem érti. Még az azonos funkciójú tooltip és titokzatos elem id = # „rendetlenség #” nem található. Tud valaki adjon tippeket a script csak a html kód nélkül kapcsolat szkriptek, így másolja be a böngésző egy kiterjesztésű fájl html?

És ha átírjuk a jQuery - így minden rövid lesz. By the way, hogyan lehet csinálni valamit, hogy ismerje el a rel attribútum és követ el aktus? típus

...

Köszönöm szépen működik. Super ... Sokan webhelyen talált)) PS Ez nem világos ... id = # "rendetlenség # írandó Div ...

Köszönjük példa. Régebben a honlapján. Az igazság jelenik meg az IE nem elég, ahogy kellene, akkor, amikor elhelyezzük a tippeket a szélessége csökken, ha a szélén az elem.

Üdvözlet! Ez nem működik mozgó tippeket. Mondd el, mi lehet az oka?

Alkalmazása előtt mi van ágyazva html tárgyak módszerek javasoljuk, hogy egyeztessen velük, ezért nem: (document.getElementById ! Document.all) vagy (document.all ! Window.opera), vagy valamilyen más módon, és ellenőrizze, hogy van-e olyan módszer, amit akar. Naprmer mint ez: var cursorX = e.pageX. e.pageX. . E.clientX + ietruebody () scrollLeft; És furcsa, hogy van írva néhány helyen a változó e egy másik esemény a script ugyanaz. Az emberek tévútra vezetett

Az emberek a probléma ezzel a script: Ha a káosz mellett (a kód) a hívó folyamatok elemzése, minden működik (de más objektumok átfedik egymást it), és ha az alsó elülső , felváltja a hívót. mondja meg, mi a teendő?