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
:
9848
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: 24.04.2024
Uhrzeit: 10:36 Uhr
Online: 7 User
User heute: 3759
User allgem.: 33701828
Eingeloggt als Gast
Download des Monats
unsere Monats Umfrage
unsere Bestseller