Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Scripts > JavaScript > Overige > Tooltip

Reacties op het script Tooltip

jeroen44h

Gepost op: 23 februari 2009 - 16:40

Nieuw lid

heb ik lang naar gezocht

mooi script (alleen is het ipv ;))

Koen

Gepost op: 23 februari 2009 - 16:45

PHP expert

Bedankt

werkt even goed, aangezien ik nergens aangeef dat mijn voorbeeld XHTML Valid is.

PS: het is

html4strict code - Bekijk de code zonder highlighting - Klap code in

<span style="font-weight: bold;">Tekst</span>

<span style="font-weight: bold;">Tekst</span>

vinTage

Gepost op: 23 februari 2009 - 21:54

Nieuw lid

is goed voor screenreaders en , terwijl alleen maar dik gedrukt is, ze zijn ook beide xhmtl valid

svm

Gepost op: 24 februari 2009 - 11:12

PHP ver gevorderde

Je bent een beetje snel geweest met typen:

css code - Bekijk de code zonder highlighting - Klap code in

                a:hover {
color: black;
tex-decoration: underline; //text-decoration
}
            
a:hover {
color: black;
tex-decoration: underline; //text-decoration
}
 

html4strict code - Bekijk de code zonder highlighting - Klap code in

<div id="tooltip" style="display: none; position: absolute; height: 15px; background-color: #ffffcc; border-style: solid; boder-color: black; border-width: 1px;"><div id="innertooltip" style="margin-left: 2px; margin-right: 2px;"></div></div>

<div id="tooltip" style="display: none; position: absolute; height: 15px; background-color: #ffffcc; border-style: solid; boder-color: black; border-width: 1px;"><div id="innertooltip" style="margin-left: 2px; margin-right: 2px;"></div></div>

(boder-color) en eventueel inkorten -->

html4strict code - Bekijk de code zonder highlighting - Klap code in

<div id="tooltip" style="display: none; position: absolute; height: 15px; background-color: #ffffcc; border: 1px solid #000000;"><div id="innertooltip" style="margin-left: 2px; margin-right: 2px;"></div></div>

<div id="tooltip" style="display: none; position: absolute; height: 15px; background-color: #ffffcc; border: 1px solid #000000;"><div id="innertooltip" style="margin-left: 2px; margin-right: 2px;"></div></div>

Verder zie ik dat je de functies aanroept met bijvoorbeeld showTip();, kan zijn dat ik het mis heb, maar ik dacht dat die ; niet nodig was, omdat je immers geen javascript: ervoor hebt staan.

Verder een goed scriptje.
Ik ben er nu zelf ook eentje aan het schrijven welke je met een attribuut tooltip aanroept (bijv. <a href=.... tooltip="tekstje">hoi</a>).

Koen

Gepost op: 24 februari 2009 - 11:14

PHP expert

Dat was inderdaad een snel-getypt voorbeeldje, maar het gaat hier om de javascript, kunnen we het daar dus bij houden?

En dat attribuut van je, dat is niet xhtml valid

Chillobillo

Gepost op: 24 februari 2009 - 17:39

Lid

Zeer nice, ben lange tijd opzoek geweest naar zo'n script. Bedankt!

gothmog

Gepost op: 04 maart 2009 - 20:04

Lid

Nice, zeer handig ga ik in de toekomst zeker gebruiken!

Enkel aanvullende informatie, vragen en antwoorden op vragen zijn welkom.