"popup"'s

[scharle]

es gibt doch die fensterchen die erscheinen wenn ich über eine bestimmte stelle auf einer seite mit der maus fahre.
wie heißen die?
und hat einer einen link wie ich die am schnellsten/ einfachsten einbaue?

danke!

[Cop]

Nennt man sowas nicht "toolstips"?

Wie man die einbaut? Keine Ahnung!:D

[iglo]

Mit oder ohne XMLHttpRequest?

[scharle]

ohne.

[iglo]

Hm hab den Link nich mehr, hatte damals moveable layers gegoogelt oder sowas.

[Agamemnon]

Tooltip oder Bubblehelp.

Quellen kann ich allerdings keine liefern.

[scharle]

http://www.hot-elle.de/2007-02-21/css-o ... ltippopup/

sowas zB

danke!!

[Hunter]

oder das
http://www.bosrup.com/web/overlib/

[zOZo]

Selber schreiben ist angesagt

<DIV class="label" id="LTEST" title="Test" style="Z-INDEX: 101; LEFT: 40px; WIDTH: 116px; COLOR: black; POSITION: absolute; TOP: 264px; HEIGHT: 20px"
align="left" ms_positioning="FlowLayout" onmouseover="MyOnMouseOver(event)" onmouseout="MyOnMouseOut()">TEST</DIV>

<DIV id="PopUp" style="DISPLAY: inline; Z-INDEX: 109; LEFT: 24px; VISIBILITY: hidden; WIDTH: 70px; POSITION: absolute; TOP: 24px; HEIGHT: 15px; BACKGROUND-COLOR: gray" ms_positioning="FlowLayout">Label</DIV>

function MyOnMouseOver(event)
{
var myPopUp = document.getElementById('Popup');
myPopUp.style.visibility = "visible";
myPopUp.style.top = "264px"; // beliebig
myPopUp.style.left = "40px"; // beliebig
}

function MyOnMouseOut()
{
var myPopUp = document.getElementById('Popup');
myPopUp.style.visibility = "hidden";
}


Das ist ne simple lösung. Wenn du das ganze dynischer machen willst machst du das mit nem iframe anstatt des div popups. da kannste dann ne komplette html seite drin anzeigen. die kannst du dann natürlich auch noch dynisch erzeugen....

[zOZo]

Allerdings wenn du nur nen Tooltip willst kannst du einfach auch nur folgendes machen:


<DIV class="label" id="LUser" title="Hier ist das tooltip zu sehen" style="Z-INDEX: 101; LEFT: 40px; WIDTH: 116px; COLOR: black; POSITION: absolute; TOP: 264px; HEIGHT: 20px" align="left" ms_positioning="FlowLayout" >Hallo</DIV>


da kriegst du dann nen tooltip wie unter windows standard...

[Spike]

scharles Link ist wohl am besten, JavaScript würde ich für so etwas nicht benutzen.