Du bist hier: Startseite » Tutorials » Button mit ladeanzeige TutorialHI,
hier zeig ich euch wie Ihr euer Formular mit einer Ladeanzeige (gif-Bild) Pimt ^^
Zu erst braucht ihr ein Formular eurer Wahl, und der Button bekommt onclick="showcssboxwhileuploading()"
CODE:
<input name="nsubmit" value="Hochladen" onclick="showcssboxwhileuploading()" type="submit">
und im head wird ein js eingebunden
CODE:
<script type="text/javascript" src="lade.js"></script>
in der js-Datei ( hier "lade.js" ) steht dann
CODE:
function showcssboxwhileuploading()
{
var elem = document.getElementById('whileuploading');
if (elem.style.display=="") {
elem.style.display="none";
} else {
elem.style.display="";
}
}
nun müsst ihr nur noch eine div bauen die wen man auf den Button klickt angezeigt wird
z.B.
CODE:
<div id="whileuploading" style="display:none;">
<img src="http://c-f.lima-city.de/upload/inc/img/loading.gif">
</div>
wichtig ist display:none;
Natürlich könnt ihr die div so gestalten wie ihr wollt, ich hab sie in der Demo 70% transparent gemacht
und über eine andere div gelegt
und fertig ist es
Bei fragen einfach fragen
#1 von
KröteGAMES 
Nur registrierte Mitglieder könnten einen Kommentar schreiben.
Melde dich doch ganz einfach an, es ist kostenlos. :-)
1448 - 
lucas 
Kann man bestimmt mal gebrauchen!