Loading...   Upload Image

LadebalkenTutorials » JavaScript Tutorials » Ladebalken

Verfasst von Alice am 20.02.2012 - wurde schon 15907 mal gelesen

Kategorie: JavaScript
Bewertung:
6x bewertet
Schwierigkeit: einfach
Kommentare: [ 3 ]

Tag - Schlagwort JavaScript Tag - Schlagwort Ladebalken Tag - Schlagwort CSS

Ladebalken - Tutorial

Und wieder mal ein Tutorial-Wunsch, der in Erfuellung geht ...

einen Ladebalken der nach
Ablauf einer bestimmten Zeit 100% erreicht. Zum Beispiel ich habe den Eintrag in der DB: 'bis' in der Spalte 'bis' steht ein $timestamp.
Also ich rechne $bis - $time und erhalte so die restliche Zeit. Aber wie kriege ich das jetzt in einen Ladebalken verpackt ?


Beispiel ansehen

Step 1 - Div-Elemente = Ladebalken


Wir benoetigen folgende Div Elemente:


DIV id=balken ist unser Ladebalken
DIV id=prozent ist fuer die Prozentanzeige zustaendig

Step 2 - Javascript Funktion zaehle();






Als erstes folgt die Angabe der Sekunden, wie lange der Balken braucht um 100% erreicht zu haben.
Anschliessend eine simple Funktion mit der Bezeichnung zaehle, welche ein Div-Element verbreitert solange der Balken laden soll

var intervalZaehle = window.setInterval('zaehle()', sekunden ); Startet den Ladebalken beim betreten der Seite ...

Jetzt sollte man den Div Elementen per CSS noch eine feste Groesse zuweisen und dem Prozent DIV eine Hintergrundfarbe verpassen und schon laed unser Ladebalken






Alice Grafixx - Ladebalken










Das war dann auch schon der ganze Spuck mit dem Ladebalken ;)

Kommentar schreibenHinterlasse einen Kommentar

Du musst angemeldet sein, um einen Kommentar zu hinterlassen...

Du bist noch kein Mitglied von Alice-Grafixx.de?
Dann kannst du dich hier kostenlos registrieren ...


Affiliates:   Design Grafixx  •   The Seduction  •   Gallery Yuri  •   Colorful Gfx  •   Blue-Graphics  •   Pat DG  •   Chibi Graphics  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider