Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: JavaScript ongelma

JimProfit [24.08.2010 15:46:33]

#

Terve

Osaisko joku nopeasti katsoa mikä tossa on vikana kun en saa noita kenttiä lisääntymään tolla give me more fields-napilla. Se poistaminen kyllä toimii.

<html>
<head>

<script type="text/javascript">

var counter = 0;

function moreFields() {
	counter++;
	var newFields = document.getElementById('readroot').cloneNode(true);
	newFields.id = '';
	newFields.style.display = 'block';
	var newField = newFields.childNodes;
	for (var i=0;i<newField.length;i++) {
		var theName = newField[i].name
		if (theName)
			newField[i].name = theName + counter;
	}
	var insertHere = document.getElementById('writeroot');
	insertHere.parentNode.insertBefore(newFields,insertHere);
}

window.onload = moreFields;



</script>

</head>
<body>
<div id="readroot" style="display: none">

	<input type="button" value="Remove review"
		onclick="this.parentNode.parentNode.removeChild(this.parentNode);" /><br /><br />

	<input name="cd" value="title" />

	<select name="rankingsel">
		<option>Rating</option>
		<option value="excellent">Excellent</option>
		<option value="good">Good</option>
		<option value="ok">OK</option>
		<option value="poor">Poor</option>
		<option value="bad">Bad</option>
	</select><br /><br />

	<textarea rows="5" cols="20" name="review">Short review</textarea>
	<br />Radio buttons included to test them in Explorer:<br />
	<input type="radio" name="something" value="test1" />Test 1<br />
	<input type="radio" name="something" value="test2" />Test 2

</div>

<form method="post" action="/cgi-bin/show_params.cgi">

	<span id="writeroot"></span>

	<input type="button" id="moreFields" value="Give me more fields!" />
	<input type="submit" value="Send form" />

</form>

</body>
</html>

trilog [24.08.2010 16:00:00]

#

Et tee mitään kun nappia painetaan. Lisää onclick-tapahtuma, joka kutsuu lisäysfunktiota.

JimProfit [24.08.2010 16:32:10]

#

Ok kiitos vinkistä tossa se ratkasu oli !

<input type="button" value="Give me more fields!" onclick="moreFields('readroot', this)"/>

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta