Layer bei MousOver eines Textes

TheSkaterFriend · 07.09.2004, 16:39

Hallo,

Ich möchte gerne, wenn ich über einen bestimmten Text fahre, dass dann ein Layer mit einem beliebigen Text als Inhalt kommt.

Danke und Tschau

TheSkaterFriend

07.09.2004, 16:52

z.b. über js:
function auf(){
document.getElementById("asd").style.display="bloc k"; }

(war es "block"? bin mir nicht ganz sicher. zum ausschalten "none" verwenden)

Guradia · 07.09.2004, 17:14

Zitat:

Zitat von TheSkaterFriend

Scheint nicht zu funktionieren, hier mein Code:

Code:

<html>
<head>
<script type="text/javascript">
function auf(){ 
document.getElementById("asd").style.display="block"; 
}
</script>
</head><body>

Links-Rechts
</body>
</html>

Nunja .. es fehlt ja auch der Tag mit id="asd" .. der überhaupt erst
aufblenden könnte ...

TheSkaterFriend · 07.09.2004, 17:14

Scheint nicht zu funktionieren, hier mein Code:

Code:

<html>
<head>
<script type="text/javascript">
function auf(){ 
document.getElementById("asd").style.display="block"; 
}
</script>
</head><body>

Links-Rechts
</body>
</html>

EDIT// Hier is wohl einiges durcheinander gekommen.

EDIT2// Danke Guradia

08.09.2004, 09:41

des habsch au mal gebraucht sowas änliches
so als hilfe

hab halt nur mit images realisiert aber den mousover befehl kannste dann auch grad bei nem link einfügen

also habsch vor einigen wochen mir mal eins selbst gebastelt
vieleicht is des ja des was du suchst

Code:

<script language="JavaScript">
<!--

// script by henbug for w*w.seaofsin.info | .net | .de

// ANFANG Textinhalte für die Hilfepopups
var info1 = ('TEXT1');
var info2 = ('TEXT2.');
var info3 = ('TEXT3');
// ENDE Textinhalte für die Hilfepopups

var IE = document.all?true:false

function tipp(info,event)
{
	var content="<table class='hinweis'><tr><td><span style='font-family:Arial;font-size:12px; color:#800000'> Hinweis</span>

<span style='font-family:Arial;font-size:12px;'>"+info+"</span></td></tr></table>";

	document.getElementById("popups").innerHTML=content;
	document.getElementById("popups").style.visibility="visible";

	/* -- Mouse Funktionen -- */
	if (!IE) {
		document.getElementById("popups").style.left = event.pageX;
		document.getElementById("popups").style.top = event.pageY;
	}
	if (IE){
		tempX = event.clientX + document.body.scrollLeft; /*mauspos x achse fuer ie*/
    	tempY = event.clientY + document.body.scrollTop; /*mauspos x achse fuer ie*/

		document.getElementById("popups").style.left = tempX;
		document.getElementById("popups").style.top = tempY;

	}
}

function verberge()
{
	document.getElementById("popups").style.visibility="hidden";
}
// script by henbug

-->

</script>

am anfang in deinem body hauste grad des div rein

Code:

<div id="popups" name="popups" class="popups"></div>

html image / mouseonover:
[img]question.gif[/img]

des wichtige für dich währe des:

Code:

onmouseover="tipp(info1,event)" onmouseout="verberge()"

welche info text eingezeigt werden soll gibste hier mit
tipp(info1,event)

der css teil sieht so aus

Code:

.hinweis
{
background-color:#AFFEAE;
padding: 5px;
border-width:1px;
border-color:black;
border-style:solid;
width:200px;
filter:Alpha(opacity=80, finishopacity=80, style=2);
z-index: 10000;
}

.popups
{
position: absolute;
visibility: hidden;
z-index: 100;
}

hmm des beispiel siehste bei ***.seaofsin.info direkt auf de startseite
sorry für die schleichwerbung aber so kann er gleich sehn obs des is was er braucht

un ne extre testseite dafür habsch keine zeit

die divs sind zusehen bei den fragezeichen

ich hoffe ich konnte helfen

greetz henbug

19.10.2004, 10:36

Hallo!

Schön ist das ja. Bloss wo sage ich dem Fenster wo es geöffnet werden soll?
Ich möchte es gerne über dem mouseover-Kontakt.

:wink:

19.10.2004, 14:34

jenachdem wo dus haben wilst
wenns nen image is hauste des halt ins image

Code:

onmouseover="tipp(info1,event)" onmouseout="verberge()"

also könnte so aussehen

Code:

[img]image.gif[/img]

würde im link genauso aussehen
oder meinst du was andres?

ahso bei nem text machste halt nen span drum

19.10.2004, 15:56

Ich meinte es wahscheinlich anders, habe mir aber jetzt schon anderes geholfen.

Code:

hier 
das 
Fenster

hier der Link

Vielen Dank.

19.10.2004, 16:18

ahso

hmm wenn des fenster immer an der gleichen stelle sein soll
dan hauste grad die mouse funktion raus
un gibst dem fenster feste grössen

falls de nich immer neue divs machen willst un des eine div dadurch immer wo anderst is un du abstand haben willst kannste in de var content per css den abstand vergrössern

padding u margin sin da hilfreich

aber hast dir ja schon selbst geholfen wie de gesagt hast

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Link hinter div layer nicht anklickbar (Firefox)		HTML, Usability und Barrierefreiheit	3	26.11.2009 17:12
Layer immer zentriert erscheinen lassen	andrew22	HTML, Usability und Barrierefreiheit	2	10.05.2007 10:19
div layer kopieren	Riks	HTML, Usability und Barrierefreiheit	3	01.03.2007 15:31
Layer ebenen	kiffy	HTML, Usability und Barrierefreiheit	1	07.05.2006 15:42
Layer relativ zur Tabelle	suter	HTML, Usability und Barrierefreiheit	4	20.03.2006 14:06
Layer auf Bild	Rotti	HTML, Usability und Barrierefreiheit	6	25.12.2005 10:14
kleines Problem mit css layer	Rotti	HTML, Usability und Barrierefreiheit	0	08.12.2005 22:36
Training von neuronalen Netzen		PHP Tipps 2005	5	28.09.2005 15:12
Layer am Ende einer Seite platzieren	php1	HTML, Usability und Barrierefreiheit	2	21.03.2005 22:44
Text in Layer	Stümper	HTML, Usability und Barrierefreiheit	16	23.02.2005 05:26
Layer nach Klicken des Banners schließen?!		HTML, Usability und Barrierefreiheit	2	07.11.2004 18:05
Layer mittels PHP steuern		PHP Tipps 2004	1	30.08.2004 09:27
Layer visibility per Css-Script ändern		HTML, Usability und Barrierefreiheit	3	18.08.2004 23:28
Layer zentrieren	rocco	HTML, Usability und Barrierefreiheit	12	02.08.2004 17:25
Div Layer erst nach 2 Sekunden öffnen		HTML, Usability und Barrierefreiheit	1	22.07.2004 18:22

07.09.2004, 16:39
TheSkaterFriend Erfahrener Benutzer Registriert seit: 11.05.2004 Beiträge: 498	Layer bei MousOver eines Textes Hallo, Ich möchte gerne, wenn ich über einen bestimmten Text fahre, dass dann ein Layer mit einem beliebigen Text als Inhalt kommt. Danke und Tschau TheSkaterFriend


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.09.2004, 16:52
Gast Beiträge: n/a	z.b. über js: function auf(){ document.getElementById("asd").style.display="bloc k"; } (war es "block"? bin mir nicht ganz sicher. zum ausschalten "none" verwenden)

07.09.2004, 17:14
TheSkaterFriend Erfahrener Benutzer Registriert seit: 11.05.2004 Beiträge: 498	Scheint nicht zu funktionieren, hier mein Code: Code: <html> <head> <script type="text/javascript"> function auf(){ document.getElementById("asd").style.display="block"; } </script> </head><body> Links-Rechts </body> </html> EDIT// Hier is wohl einiges durcheinander gekommen. EDIT2// Danke Guradia

19.10.2004, 10:36
Gast Beiträge: n/a	Hallo! Schön ist das ja. Bloss wo sage ich dem Fenster wo es geöffnet werden soll? Ich möchte es gerne über dem mouseover-Kontakt. :wink:

19.10.2004, 14:34
Gast Beiträge: n/a	jenachdem wo dus haben wilst wenns nen image is hauste des halt ins image Code: onmouseover="tipp(info1,event)" onmouseout="verberge()" also könnte so aussehen Code: [img]image.gif[/img] würde im link genauso aussehen oder meinst du was andres? ahso bei nem text machste halt nen span drum

19.10.2004, 15:56
Gast Beiträge: n/a	Ich meinte es wahscheinlich anders, habe mir aber jetzt schon anderes geholfen. Code: hier das Fenster hier der Link Vielen Dank.

19.10.2004, 16:18
Gast Beiträge: n/a	ahso hmm wenn des fenster immer an der gleichen stelle sein soll dan hauste grad die mouse funktion raus un gibst dem fenster feste grössen falls de nich immer neue divs machen willst un des eine div dadurch immer wo anderst is un du abstand haben willst kannste in de var content per css den abstand vergrössern padding u margin sin da hilfreich aber hast dir ja schon selbst geholfen wie de gesagt hast