Wenn Sie zusätzliche Informationen von Ihren Besuchern erfassen müssen, fügt dieses JavaScript dynamisch ein Text Feld direkt nach einer Checkbox hinzu.. Dieses hilft, Ihre Formulare ordentlich und sauber zu halten.
Autor: unbekannt
zur Demo
in <head> zufügen
<script type="text/javascript">
function addElement() {
var aInput=document.getElementById('myspan').getElementsByTagName('input');
for(var i=0; i<aInput.length; i++) {
aInput[i].onclick=new Function('addDelete(this)');
}
}
function addDelete(obj) {
var parentSpan=document.getElementById('myspan');
if(obj.nextSibling.nodeName!='INPUT') { // add
var oInputText=document.createElement('input');
oInputText.setAttribute('type', 'text');
parentSpan.insertBefore(oInputText, obj.nextSibling);
}
else { // delete
parentSpan.removeChild(obj.nextSibling);
}
}
// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
in <body> einfügen
<span id="myspan">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</span>
|