24. August 2005 - 12:24
Es sollen mit Hilfe einer Checkbox, alle Checkboxen einer bestimmten Gruppe auf einmal markiert werden.
Das Formular
Das Formular dazu sieht so aus:
Ich verwende für die Checkboxen Namen,
die in PHP üblich sind um Elemente als Array abzufragen.
Der HTML Quellcode:
<form action="#">
<p><input type="checkbox" name="loeschen[]"> box 1<br>
<input type="checkbox" name="loeschen[]"> box 2<br>
<input type="checkbox" name="loeschen[]"> box 3<br>
<input type="checkbox" name="loeschen[]"> box 4<br>
<input type="checkbox" name="loeschen[]"> box 5<br>
<p>
<input onclick="check_all('loeschen[]', this)" type="checkbox"> Alle
</form> |
<form action="#">
<p><input type="checkbox" name="loeschen[]"> box 1<br>
<input type="checkbox" name="loeschen[]"> box 2<br>
<input type="checkbox" name="loeschen[]"> box 3<br>
<input type="checkbox" name="loeschen[]"> box 4<br>
<input type="checkbox" name="loeschen[]"> box 5<br>
<p>
<input onclick="check_all('loeschen[]', this)" type="checkbox"> Alle
</form>
JS Quellcode
Der Quellcode ist relativ simpel:
function check_all(name, el){
if(!el || !el.form) return alert('falscher Parameter');
var box = el.form.elements[name];
if(!box) return alert(name + ' existiert nicht!');
if(!box.length) box.checked = el.checked; else
for(var i = 0; i < box.length; i++) box[i].checked = el.checked;
} |
function check_all(name, el){
if(!el || !el.form) return alert('falscher Parameter');
var box = el.form.elements[name];
if(!box) return alert(name + ' existiert nicht!');
if(!box.length) box.checked = el.checked; else
for(var i = 0; i < box.length; i++) box[i].checked = el.checked;
}
24. August 2005 - 10:22
Beschreibung
Tooltips sind die kleine gelben Kästchen, die angezeigt werden, wenn
der Mauszeiger über ein Elemente steht.
Am einfachsten lassen sich diese mit dem title
Attribut umsetzen.
Jedes HTML Elemente läßt sich mit dieser Eigenschaft belegen:
[... weiterlesen]
19. August 2005 - 01:16
Beschreibung
Ein Javascript, mit dem man vergößerte Bilder anzeigen lassen kann.
Das Skript paßt die Popupgröße automatisch an die Größe des Bildes an. Das Popup läßt sich zentrieren und je nach Einstellung, mit einem Klick auf das Bild oder automatisch wenn das Popup den Fokus verliert, schliessen.
[... weiterlesen]