Tutorials
Fortschrittsbalken
Fortschrittsbalken
Sie möchten mit einem Fortschrittsbalken signalisieren, dass Inhalte
nachgeladen werden? So geht es:
Script:
<html>
<head>
<title>Fortschrittsbalken</title>
<style type="text/css">
#antwort
{
background: blue;
color: white;
border: solid 1px;
}
#P1
{
background: blue;
width: 0px;
height: 10px;
position: absolute;
top: 100px;
left: 100px;
}
</style>
<script type="text/javascript">
//Erzeuge das XMLHttpRequestObject
function erzXMLHttpRequestObject()
{
var resObjekt = null;
try
{
resObjekt = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(Error)
{
try
{
resObjekt = new ActiveXObject("MSXML2.XMLHTTP");
}
catch(Error)
{
try
{
resObjekt = new XMLHttpRequest();
}
catch(Error)
{
alert("Erzeugung des XMLHttpRequest-Objekts fehlgeschlagen!");
}
}
}
return resObjekt;
}
function sndReq()
{
resObjekt.open('get', 'fortschritt.php?z=' + Math.random(), true);
resObjekt.onreadystatechange = handleResponse;
resObjekt.send(null);
fortschritt();
}
function handleResponse()
{
if(resObjekt.readyState == 4)
{
document.getElementById("antwort").innerHTML = resObjekt.responseText;
}
}
i = 0;
function fortschritt()
{
document.getElementById("P1").style.width = i++;
if(resObjekt.readyState != 4)
{
setTimeout("fortschritt()", 5);
}
else
{
i = 0;
document.getElementById("P1").style.width = i;
}
}
resObjekt = erzXMLHttpRequestObject();
</script>
</head>
<body>
<form>
<input type="button" value="Zeige Ladebalken" onClick="sndReq()" />
</form>
<div id="antwort"></div>
<div id="P1"></div>
</body>
</html>
Seiten
:
1
hinzugefügt am
:
28.12.2007
Autor
:
Na
Listings
ID :
1518
Status zum lesen
:
Gast
gelesen
:
10345
mal
Die Möglichkeit diesen Artikel zu verlinken
:
HTML-Code:
Code zum Einbinden in ein Forum:
Hinweis
: Das lesen des Artikels Fortschrittsbalken
- listings ID: 1518
auf Dreamcodes ,
sowie Link Verweise auf Internetseiten
fremder Anbieter erfolgen auf eigene Gefahr. Dreamcodes
haftet nicht für Schäden, die aus der Verwendung des
Inhaltes der Artikel erfolgen könnten. Schadenersatzansprüche, aus welchem
Rechtsgrund auch immer, sind ausgeschlossen !
Live Statistik
Datum: 21.11.2024
Uhrzeit: 20:49 Uhr
Online: 17 User
User heute: 24369
User allgem.: 35307197
Eingeloggt als Gast
Download des Monats
unsere Monats Umfrage
unsere Bestseller