Helft mir bitte mal auf die Sprünge

matho · 27-02-2001 17:12:00

matho
Moderator
Offline

Herkunft: Deutschland
Registrierungsdatum: 21-01-2001
Beiträge: 1.352

Thema: Helft mir bitte mal auf die Sprünge

Auf die Idee kam ich im Zusammenhang der Frage von JoeCool007, aber weil der das ja mit nem window machen will, mach ich ein neues Thema draus. Ich dachte mir, es wäre doch ganz "elegant", wenn man ein newArray einfach als quasi-Text-Datei benutzen könnte. Ich sitze jetzt hier seit etlichen Stunden und probier alles möägliche aus und komm auf keinen grünen Zweig, weil es mir einfach nicht gelingen will, die Array-Bearbeitung konkret an einen bestimmten auslösenden Event zu binden. Ich hab's auch schon mit if-Abfragen probiert, aber wie gesagt: Irgendwie steh ich wie das Kaninchen vor der Schlange. Hier mein- bisher leider nicht so richtig funktionierender Versuch: <HTML><HEAD><TITLE>arrays3</TITLE> <style type="text/css"> div{position:absolute;margin-Top:100;margin-Left:100;height:160;width:160;background-Color:#00ff00;visibility:hidden;} </style> <script language="javascript"> TT=new Array("text6","text1","text2","text3","text4","text5");function BLA() {for(i=0;i<6;i++){ document.getElementsByTagName("a")[i].onmouseover=X; document.getElementsByTagName("a")[i].onmouseout=Y;}}function S(){return(i++-i);}function X() {with(document.getElementsByTagName("div")["0"]){style.visibility="visible"; innerHTML=TT.sort(S).slice(0,1);}} function Y() {document.getElementsByTagName("div")["0"].style.visibility="hidden";} </script> </HEAD> <BODY onload="BLA()"> <div></div> <a href="#">Bild 1</a> <a href="#">Bild 2</a> <a href="#">Bild 3</a> <a href="#">Bild 4</a> <a href="#">Bild 5</a> <a href="#">Bild 6</a></BODY> </HTML>@KUF, wenn Du ein bißchen Zeit übrig hast, kuck's Dir doch mal an, ich glaub, Du hast schon so ähnliche Sachen gemacht.Mit Gruß an alle matho

KUF · 27-02-2001 19:22:00

KUF
Mitglied
Offline

Herkunft: 53844 Troisdorf
Registrierungsdatum: 05-10-2000
Beiträge: 314

Re: Helft mir bitte mal auf die Sprünge

Wenn ich ehrlich sein soll, würde ich's mir ganz einfach machen:<html><head> <title>Over-Events</title><style type="text/css"> div{ position:absolute; top:100;left:100;height:160;width:160; background-color:#00ff00; visibility:hidden; } </style><script language="JavaScript">function init() { text = new Array("text1", "text2", "text3", "text4", "text5", "text6"); beschreibung = (document.layers) ? document.Beschreibung : document.getElementById("Beschreibung"); }function over(i) { if (document.layers) { beschreibung.document.open("text/html"); beschreibung.document.writeln(text[i]); beschreibung.document.close(); beschreibung.visibility = "visible"; } else { beschreibung.innerHTML = text[i]; beschreibung.style.visibility = "visible"; } }function out() { if (document.layers) { beschreibung.visibility = "hidden"; } else { beschreibung.style.visibility = "hidden"; } } //--></script> </head><body onLoad="init()"><div id="Beschreibung"></div> <a href="#" onMouseOver="over(0)" onMouseOut="out()">Bild 1</a> <a href="#" onMouseOver="over(1)" onMouseOut="out()">Bild 2</a> <a href="#" onMouseOver="over(2)" onMouseOut="out()">Bild 3</a> <a href="#" onMouseOver="over(3)" onMouseOut="out()">Bild 4</a> <a href="#" onMouseOver="over(4)" onMouseOut="out()">Bild 5</a> <a href="#" onMouseOver="over(5)" onMouseOut="out()">Bild 6</a> </body> </html>Aber Du willst es garantiert kompliziert haben, also bitte sehr, bitte gleich:<html><head> <title>Over-Events</title><style type="text/css"> div{ position:absolute; top:100;left:100;height:160;width:160; background-color:#00ff00; visibility:hidden; border-style:none; border-width:thin; } </style><script language="JavaScript">if (window.Event) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); } document.onmouseover=over; document.onmouseout=out;function init() { text = new Array("text1", "text2", "text3", "text4", "text5", "text6"); beschreibung = (document.layers) ? document.Beschreibung : document.getElementById("Beschreibung"); }function over(e) { ziel = (e) ? e.target : window.event.srcElement; for (i=0; i<document.links.length; i++) { if (ziel == document.links[i] || ziel.parentNode == document.links[i]) { // parentNode für NN6 if (document.layers) { beschreibung.document.open("text/html"); beschreibung.document.writeln(text[i]); beschreibung.document.close(); beschreibung.visibility = "visible"; } else { beschreibung.innerHTML = text[i]; beschreibung.style.visibility = "visible"; } } } }function out(e) { if (document.layers) { beschreibung.visibility = "hidden"; } else { beschreibung.style.visibility = "hidden"; } } //--></script> </head><body onLoad="init()"><div id="Beschreibung"></div> <a href="#">Bild 1</a> <a href="#">Bild 2</a> <a href="#">Bild 3</a> <a href="#">Bild 4</a> <a href="#">Bild 5</a> <a href="#">Bild 6</a> </body> </html> Die Hintergrundfarbe zeigt NN4 übrigens ums Verrecken nicht an...

matho · 27-02-2001 19:39:00

matho
Moderator
Offline

Herkunft: Deutschland
Registrierungsdatum: 21-01-2001
Beiträge: 1.352

Re: Helft mir bitte mal auf die Sprünge

Ich danke aufrichtig! Wie kommt's Du drauf, daß ich's unbedingt kompliziert haben will? Gruß matho

matho · 27-02-2001 20:58:00

matho
Moderator
Offline

Herkunft: Deutschland
Registrierungsdatum: 21-01-2001
Beiträge: 1.352

Re: Helft mir bitte mal auf die Sprünge

Hallo KUF - wg: Hintergrundfarbe NN 4.7 - so nimmt er': <html><head> <title>Over-Events2</title> <style type="text/css"> div{position:absolute;top:100px;left:100px;height:160px;width:160px;background-color:#00ff00;visibility:hidden;} </style> <script language="JavaScript"> if (window.Event) {document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);} document.onmouseover=over;document.onmouseout=out; function init(){text = new Array("text1", "text2", "text3", "text4", "text5", "text6"); b=(document.layers)? document.B:document.getElementById("B");} function over(e){ziel=(e)?e.target:window.event.srcElement; for (i=0;i<document.links.length;i++){ if(ziel==document.links[i]||ziel.parentNode==document.links[i]){ if(document.layers){b.document.open("text/html");b.document.writeln(text[i]);b.document.close();b.visibility="visible";b.bgColor="00ff00";} else{b.innerHTML = text[i];b.style.visibility = "visible";}}}} function out(e){ if(document.layers){b.visibility = "hidden";} else {b.style.visibility = "hidden";}} </script> </head> <body onLoad="init()" onresize="history.go(0)"> <div id="B"></div> <a href="#">Bild 1</a> <a href="#">Bild 2</a> <a href="#">Bild 3</a> <a href="#">Bild 4</a> <a href="#">Bild 5</a> <a href="#">Bild 6</a> </body></html>Man muß also im Script-Bereich die bgColor notieren, nur so, und die Dimensionierungen nimmt er auch nicht, seufz.... Vielleicht kannst Du's ja in irgendnem Zusammenhang gebrauchen. Nochmals DANKE!!! gruß matho

matho · 01-03-2001 00:21:00

matho
Moderator
Offline

Herkunft: Deutschland
Registrierungsdatum: 21-01-2001
Beiträge: 1.352

Re: Helft mir bitte mal auf die Sprünge

KUF, eins möcht' ich Dir noch sagen - und Du gestattest mir hoffentlich, daß ich Dich da korrigiere: Das, was Du da geschrieben hast, ist selbstverständlich mitnichten kompliziert, sondern kurz, prägnant, sinnvoll: mit einem Wort: in meinen Augen einfach SCHÖN. gruß matho

Helft mir bitte mal auf die Sprünge

Beiträge [ 5 ]

1 Thema von matho 27-02-2001 17:12:00

Thema: Helft mir bitte mal auf die Sprünge

2 Antwort von KUF 27-02-2001 19:22:00

Re: Helft mir bitte mal auf die Sprünge

3 Antwort von matho 27-02-2001 19:39:00

Re: Helft mir bitte mal auf die Sprünge

4 Antwort von matho 27-02-2001 20:58:00

Re: Helft mir bitte mal auf die Sprünge

5 Antwort von matho 01-03-2001 00:21:00

Re: Helft mir bitte mal auf die Sprünge

Beiträge [ 5 ]