TOOLTIP 4

JavaScripts knippen en plakken

Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.

Home CSS DHTML Forum E-mail Sitezoeker Links

TOOLTIP 4

Een tooltip die met instelbare vertraging openschuift.
De inhoud kun je in de pagina zelf opnemen of uit een extern html-bestand ophalen.

De inhoud van deze tooltip werd in deze pagina opgenomen.

1. Kopieer deze code en plaats ze in het HEAD-gedeelte van je pagina : 2. Kopieer deze code en plaats ze in het BODY-gedeelte van je pagina :

<p><a href="#" id="voorbeeld1" rel="tipInhoud">Voorbeeld 1</a></p>
<DIV id="tipInhoud" style="position:absolute; visibility: hidden; border: 3px solid #00CC00; background-color: #66FF66; width: 300px; padding: 5px; font-family: Arial; font-size: 12 ">
De inhoud van deze tooltip werd in deze pagina opgenomen.
</DIV>

<p align="center"><a href="#" id="voorbeeld2" rel="tipInhoud2" rev="http://users.skynet.be/javascript/links/tooltip4_inhoud.htm">Voorbeeld 2</a> </p>
<DIV id="tipInhoud2" style="position:absolute; visibility: hidden; border: 3px solid #FF3300; background-color:#FF99FF; width: 300px; padding: 5px; font-family: Arial; font-size: 12">

</DIV>

<script type="text/javascript">
// tooltip4.init("hyperlinkID", "plaatsing-schuifrichting", schuifTijd)
tooltip4.init("voorbeeld1", "right-bottom", 500)
tooltip4.init("voorbeeld2", "right-bottom", 1000)
// de plaatsing van de tooltip kun je bepalen met "right-bottom", "left-bottom", "right-top" of "left-top"
</script>

3. Download tooltip4.js en plaats dit bestand in dezelfde map.

Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.