Jim Panse: Probleme mit innerHTML

Beitrag lesen

hi! erstmal danke für deine hilfe, dass mit dem popups hab ich sofort umgesetzt! ich will euch den code natürlich nicht vorenthalten und es ist wahrscheinlich auch besser wenn ihr seht was los ist! hier der code ( asp habe ich rausgenommen!)

<html>

<head> <basefont face="Comic Sans MS"> <title>Fotoalbum &Uuml;bersicht</title>

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

function ShowImage( imgSource, imgName)   {

window.document.all.subtable.innerHTML =    "<table border='2' height='100%' rules='none' width='100%'>" +

"  <tr height='20%'>" +    "    <td align='center' colsapn='2' valign='middle' width='100%'>" +    "  <h2 align='center'>" + imgName + "</h2>" +    "    </td>" +    "  </tr>" +

"  <tr height='80%'>" +    "    <td align='center' colspan='2' rowspan='2' valign='middle' width='100%'>" +    "  <img alt='" + imgName + "' height='200' src='" + imgSource + "' width='256'>" +    "    </td>" +    "  </tr>" +

"</table>";

}

function ShowMenu( )   {

window.document.all.subtable.innerHTML =    "<table border='2' height='100%' rules='none' width='100%'>" +

"  <tr height='20%'>" +    "    <td align='center' valign='middle' width='100%'> </td>" +    "  </tr>" +

"  <tr height='30%'>" +    "    <td align='center' valign='middle' width='100%'>" +    "<h1 align='center'>Meeting Kassel 12.2002 - Seite 1</h1>" +    "    </td>" +    "  </tr>" +

"  <tr height='30%'>" +    "    <td align='center' valign='middle' width='50%'>" +    "<font size='4'><a href='foto2.asp?folder=%5CFotos%5CMeeting+Kassel+12%2E2002&curPage=1' onClick='window.location.href = this.href'>Seite 1</a>, </font><font size='4'><a href='foto2.asp?folder=%5CFotos%5CMeeting+Kassel+12%2E2002&curPage=2' onClick='window.location.href = this.href'>Seite 2</a>, </font><font size='4'><a href='foto2.asp?folder=%5CFotos%5CMeeting+Kassel+12%2E2002&curPage=3' onClick='window.location.href = this.href'>Seite 3</a>, </font>" +    "   </td>" +

"  <tr height='20%'>" +    "    <td align='center' valign='middle' width='100%'> </td>" +    "  </tr>" +

"</table>";

}

//--> </script>

</head>

<body onLoad="window.setTimeout( 'ShowMenu( )', 1)" style="margin:0">

<table border="0" height="100%" width="100%">

<tr height="25%">      <td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>      </td>

<td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>

</td>

<td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>

</td>

<td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>

</td>    </tr>

<tr height="25%">      <td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>      </td>

<td align="center" colspan="2" height="15%" valign="middle" rowspan="2" width="50%">    <span id="subtable"> </span>      </td>

<td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>      </td>    </tr>

<tr height="25%">      <td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>      </td>

<td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>      </td>    </tr>

<tr height="25%">      <td align="center" rowspan="2" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>      </td>

<td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>      </td>

<td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>      </td>

<td align="center" valign="middle" width="25%">   <a href='popup.asp?folderPath=Meeting Kassel 12.2002&imgSrc=Leeds Stadtmauer 2.JPG' onClick='window.open( this.href, "new_win", "height=600,widht=550");return false;'>   <img alt='Leeds Stadtmauer 2' border='1' height='125' name='Leeds Stadtmauer 2' onMouseOut='ShowMenu( )' onMouseOver='ShowImage( this.src, this.name)' src='http:\knebel\gerbig\Fotos\Meeting Kassel 12.2002\Leeds Stadtmauer 2.JPG' width='160'>   </a>      </td>    </tr>

</table>

</body>

</html>

jetzt scrollt mal von einem bild aus, schnell in die mitte und veruscht da einen link zu klicken, es funktioniert nicht. scrollt langsam von einem bild aus in die mitte und es geht!

cu