ich bin auf der suche am probieren beim auslesen aus der DB einen ladebalken vor"zuschalten"
Bei einem einfachem beispiel funktioniert dies auch:
<script type="text/javascript"> <!-- function layer_close(){ if(document.getElementById("statusload").style.visibility=="visible"){ document.getElementById("statusload").style.visibility="hidden"; } } window.setTimeout("layer_close()",3000); // Angabe in Millisekunden, Layer(Div) wird nach 3 Sek. ausgeblendet --> </script> <div> <div id="statusload" style="visibility:visible;background-repeat: no-repeat;background-position:center;background-image:url('kurze-stefan.de/bilder/mom.gif');background-color:#FFFFFF; position:absolute; height:16px; width:195px; z-index:1;"></div> <div style="height:16px; width:195px;">Jetzt siehst mich auch!</div> </div>
Mach ich dies jetzt aber in einer while-schleife dann funktioniert dies nicht mehr. ich gehe mal davon aus das es am Script liegt. gibt es da vielleicht ein andere lösung ein DB ergebniss (while-schlefe) anzeigenzulasen mit "vorgeschaltetem" ladebalken?
Das mein derzeitiger code
<script type="text/javascript"> <!-- function layer_close(){ if(document.getElementById("statusload").style.visibility=="visible"){ document.getElementById("statusload").style.visibility="hidden"; } } window.setTimeout("layer_close()",3000); // Angabe in Millisekunden, Layer(Div) wird nach 3 Sek. ausgeblendet --> </script> <? $abfrage = "SELECT * FROM prefix_userst WHERE uid = '".$_SESSION['authid']."'"; $ergebnis = db_query($abfrage); while($row = db_fetch_object($ergebnis)) { echo ' <tr> <td width="" height="11">'.$row->surl.':'.$row->sport.'</td> <td width="" height="11"><div> <div id="statusload"></div> <div style="height:16px; width:195px;">'.$status.'</div> </div> </td> <td width="" height="11"> <table cellpadding="0" cellspacing="0"> <tr> <td width="30"> <p><img src="include/images/icons/start.png" width="22" height="22" border="0" alt="star"></p> </td> <td width="30"><img src="include/images/icons/stop.png" width="22" height="22" border="0" alt="stop"></td> <td width="30"><img src="include/images/icons/reload.png" width="22" height="22" border="0" alt="neu"></td> <td width="30"> <p><img src="include/images/icons/logfile.png" width="22" height="22" border="0" alt="Logfile"></p> </td> <td width="30"> <p><img src="include/images/icons/edit.png" width="22" height="22" border="0" alt="edit"></p> </td> </tr> </table> </td> </tr>'; } ?> </table>