Seite 1 von 1

"popup"'s

Verfasst: Mi 8. Aug 2007, 14:42
von 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!

Verfasst: Mi 8. Aug 2007, 15:01
von Cop
Nennt man sowas nicht "toolstips"?

Wie man die einbaut? Keine Ahnung!:D

Verfasst: Mi 8. Aug 2007, 15:07
von iglo
Mit oder ohne XMLHttpRequest?

Verfasst: Mi 8. Aug 2007, 15:17
von scharle
ohne.

Verfasst: Mi 8. Aug 2007, 15:33
von iglo
Hm hab den Link nich mehr, hatte damals moveable layers gegoogelt oder sowas.

Verfasst: Mi 8. Aug 2007, 16:01
von Agamemnon
Tooltip oder Bubblehelp.

Quellen kann ich allerdings keine liefern.

Verfasst: Mi 8. Aug 2007, 16:34
von scharle

Verfasst: Do 9. Aug 2007, 10:39
von Hunter

Verfasst: Do 9. Aug 2007, 13:36
von 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....

Verfasst: Do 9. Aug 2007, 13:58
von 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...

Verfasst: Sa 11. Aug 2007, 19:51
von Spike
scharles Link ist wohl am besten, JavaScript würde ich für so etwas nicht benutzen.