DVIs mit Javascript schrieben von .ckick, 21.03.2002 08:53

DVIs mit Javascript schrieben

.ckick 21.03.2002 08:53

javascript

Hi Leute! Ich hab mir n Script geschrieben, dass automatisch 4 DIVs schreiben solte in dennen automatisch 4 Tabellen drin sind (also je eine Tabelle) Nur leider geht das ganze nicht so richtig.

zeigt der die Tabellen (wenn er die mal anzeigt) nicht da wo ich das DIV deklariert habe und
sagt er mir, wenn ich mit mouse over über eins von 4 (auch automatisch eingefügten) Bildern drüberfahre dass es die DIVs nicht gibt.

Ich weiss leider überhaupt nicht mehr weiter. Ich hab schon mit HEXCODE Zeichen gearbeitet, aber das hat auch nur teilweise was gebracht.

Na ja,.. ich posten jetzt hier mal die Quellcode Seite:

<html> <link rel=stylesheet Type="text/css" href="../css/style.css"> <head> <title>holgerkrupp.de</title> </head> <body>

<style> <!--

.index {position: absolute; top: 0px; left: 0px; width: 400px; visibility: visible; z-index: 4;} .picture { position: absolute; top: 200px; left: 10px; width: 400px; visibility: hidden; z-index: 3;}

//--> </style>

var n = 4 // Anzahl der bilder

function showObject(object) { object.visibility = "VISIBLE"; }

function hideObject(object) { object.visibility = "HIDDEN"; }

document.write('<div id="index" class="index">'); document.write('<table border="0" cellspacing="0" cellpadding="3"><tr>'); for (i=1;i<n+1;i++) { document.write('<td><img src="1/Image' +i+ '_2x3.jpg" onMouseOver="document.all.bild'+i+'.style.visibility=&#34visible&#34"></td>'); } document-write('</div>');

for (i=1;i<n+1;i++) { document.write('<div id="bild'+i+'" class="picture">'); document.write('<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="240" HEIGHT="160">');

document.write('<TR>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image10" SRC="1/Image' +i+ '_1x1.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image11" SRC="1/Image' +i+ '_1x2.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image12" SRC="1/Image' +i+ '_1x3.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image13" SRC="1/Image' +i+ '_1x4.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image14" SRC="1/Image' +i+ '_1x5.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image15" SRC="1/Image' +i+ '_1x6.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('</TR>');

document.write('<TR>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image16" SRC="1/Image' +i+ '_2x1.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image17" SRC="1/Image' +i+ '_2x2.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image18" SRC="1/Image' +i+ '_2x3.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image19" SRC="1/Image' +i+ '_2x4.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image110" SRC="1/Image' +i+ '_2x5.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image111" SRC="1/Image' +i+ '_2x6.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('</TR>');

document.write('<TR>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image112" SRC="1/Image' +i+ '_3x1.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image113" SRC="1/Image' +i+ '_3x2.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image114" SRC="1/Image' +i+ '_3x3.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image115" SRC="1/Image' +i+ '_3x4.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image116" SRC="1/Image' +i+ '_3x5.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image117" SRC="1/Image' +i+ '_3x6.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('</TR>');

document.write('<TR>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image118" SRC="1/Image' +i+ '_4x1.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image119" SRC="1/Image' +i+ '_4x2.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image120" SRC="1/Image' +i+ '_4x3.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image121" SRC="1/Image' +i+ '_4x4.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image122" SRC="1/Image' +i+ '_4x5.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('<TD ROWSPAN="1" COLSPAN="1" WIDTH="40" HEIGHT="40">'); document.write('<IMG NAME="1/Image123" SRC="1/Image' +i+ '_4x6.jpg" onmouseover="this.style.filter=&#39invert()&#39" onmouseout="this.style.filter=&#39none&#39"WIDTH="40" HEIGHT="40" BORDER="0">');document.write('</TD>'); document.write('</TR>');

document.write('</TABLE>'); document.write('</div>');

} </script> </body>

</html>

Ach ja, das muss nur im IE laufen NN wär cool, muss aber net :-)

Beitrag melden

– Informationen zu den Bewertungsregeln

DVIs mit Javascript schrieben
.ckick 21.03.2002 09:10

javascript
– Informationen zu den Bewertungsregeln
damn, das war nur n scheiss Tippfehler,.....

aber die erste ebene (id=bild1) wird immer noch falsch angezeigt, alle anderen richtig.

Und gibt es ne möglichkeit alle Ebene deren id mit bild anfängt auszublenden?????

MFG .c
Beitrag melden

–
Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

.ckick: DVIs mit Javascript schrieben