Consigli su uno script (Ho iniziato da poco a programmare)

**brauvince91** · 02-02-2017, 20:29

salve ragazzi vorrei dei suggerimenti su questo script Javascript, sto facendo delle prove per prendere dimistichezza con l'argomento, semplicemente volevo fare in modo che ad ogni click del pulsante si aggiungesse un form in piï¿½, piï¿½ o meno ci sono riuscito ma mi sono accorto che la funzione non era generalizzabile e per ogni form aggiunto avrei dovuto cambiare i parametri e aggiungere una nuova funzione. Lo script ï¿½ il seguente:

codice:

<!doctype html><html>
<head>
<meta charset="utf-8">
<title>Prova</title>




</head>


<body>


<div>
<form name="campione1" id="camp1"> 
   <input type="number" value="0" name="valori">
</form>  
   <input type="button" name="addnumber" value="+" onClick="aggiungi(camp1)">
</div>


<div>
<form name="campione2" id="camp2"> 
   <input type="number" value="0" name="valori">
</form>  
   <input type="button" name="addnumber" value="+" onClick="aggiungi()" align="left">
</div>


<div>
<form name="campione3" id="camp3"> 
   <input type="number" value="0" name="valori">
</form>  
   <input type="button" name="addnumber" value="+" onClick="aggiungi()" align="left">
</div>
   
<br>
   <input type="button" name="invia1" value="Elabora">





<script type="text/javascript">  


function aggiungi (a) {


var inp = document.createElement("input");
var inpat = document.createAttribute("type");
inpat.value = "number";
inp.setAttributeNode(inpat);  // crea un nuovo form number //


var camp = new String (""+a);
document.getElementById(""+camp).appendChild(inp);  }




                                     
</script>


</body>
</html>

Il punto ï¿½ che vorrei che leggesse la variabile "a" come stringa in modo da poter specificare direttamente dalla funzione ogni volta che la inserisco a quale form si riferisce.

Grazie Mille in anticipo per le risposte

**Little Hawk** · 02-02-2017, 20:54

Ciao, il problema e' che quando passi il nome del form (e.g. camp1) devi mettero tra quotes perche' altrimenti e' gia' un riferimento all'elemento con quell'id. Secondo puoi semplificare un po' il JavaScript che aggiunge il campo al form:

codice:

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Prova</title>
</head>
<body>
		<form name="campione1" id="camp1">
			<input type="number" value="0" name="valori">
		</form>
		<input type="button" name="addnumber" value="+" onClick="aggiungi('camp1')">
	</div>


	<div>
		<form name="campione2" id="camp2">
			<input type="number" value="0" name="valori">
		</form>
		<input type="button" name="addnumber" value="+" onClick="aggiungi('camp2')" align="left">
	</div>


	<div>
		<form name="campione3" id="camp3">
			<input type="number" value="0" name="valori">
		</form>
		<input type="button" name="addnumber" value="+" onClick="aggiungi('camp3')" align="left">
	</div>


	<br>
	<input type="button" name="invia1" value="Elabora">


	<script type="text/javascript">
		function aggiungi(parent) {
			var input = document.createElement("input");
			input.setAttribute("type", "number");
			document.getElementById(parent).appendChild(input);
		}
	</script>
</body>
</html>

**brauvince91** · 02-02-2017, 21:49

Grazie mille, insomma il problema era che usavo " " invece di ' ', pensavo che non facesse differenza quali limitatori si usassero. Cmq ora capisco anche perchè quando scrivevo document.write(camp1) mi stampava htmFormelement...

Sei stato gentilissimo da solo non ci sarei mai arrivato. Se hai un po di tempo sapresti dirmi anche come scegliere in che posizione del form far apparire il campo, come vedi ho usato i "div" per racchiudere tutti i moduli del form e appendChild per inserirlo nell'array come ultimo figlio, ma mi chiedevo se ci fosse modo di specificare di inserirlo dalla seconda posizione in poi.

Grazie ancora

**Little Hawk** · 03-02-2017, 11:43

In vanilla JavaScript potresti usare qualcosa come insertBefore e metodi simili

https://developer.mozilla.org/en-US/...e/insertBefore

**brauvince91** · 03-02-2017, 16:29

Originariamente inviata da Little Hawk

In vanilla JavaScript potresti usare qualcosa come insertBefore e metodi simili

https://developer.mozilla.org/en-US/...e/insertBefore

Va bene proverò, Grazie ancora

**Little Hawk** · 03-02-2017, 16:55

Originariamente inviata da brauvince91

Va bene proverò, Grazie ancora

np

Discussione: Consigli su uno script (Ho iniziato da poco a programmare)

Strumenti discussione

Ricerca discussione

Visualizza

Consigli su uno script (Ho iniziato da poco a programmare)

Permessi di invio