JavaScript - Fortschrittsanzeige mit JavaScript verändern

Der <progress>-Tag (HTML 5), kann mit Hilfe von JavaScript verändert werden.


<progress max="4" value="0" id="p"></progress>


<
script>
var 
progressBar document.getElementById('p');
function 
updateProgress(newValue) {
 
progressBar.value newValue;
}
</
script>

<
input type="button" value="1" name="" onClick="updateProgress('1')"
<
input type="button" value="2" name="" onClick="updateProgress('2')"
<
input type="button" value="3" name="" onClick="updateProgress('3')"
<
input type="button" value="4" name="" onClick="updateProgress('4')">

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<dialog> Dialog Element

CSS - Diagonaler Streifen-Effekt

PHP - Prüfen ob die Datei in der Zeichenkodierung UTF-8 gespeichert wurde

JavaScript - Funktion zur zufälligen Auswahl eines Bildes aus einer Bildliste

MySQL - Spalte löschen

Schneller Design Wechsel
Das Design von Webseiten ändert sich ca.1–2-mal pro Jahr. Um eine Umstellung zu erleichtern, empfiehlt sich eine externe CSS-Datei. Dort kann man für die ganze Homepage zum Beispiel eine andere Hintergrundfarbe in wenigen Sekunden ändern. Weitere Informationen wie man solch eine Datei erstellt finden Sie unter: CSS-Datei erstellen.