add inputs in form

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

add inputs in form

Δημοσίευση από panosru » 03 Ιαν 2006 13:27

Κώδικας: Επιλογή όλων

<FORM>
	<INPUT type="text" size="5" name="num" id="num" value="1">
	<INPUT type="button" value="add" onclick="addNum&#40;&#41;">
</FORM>
<SCRIPT type="text/javascript">
function addNum &#40;&#41;
&#123;
	var newNum = document.getElementById&#40;"num"&#41;.value;
	document.getElementById&#40;"num"&#41;.value = parseFloat&#40;newNum&#41; + 1;
&#125;
function getNum &#40;&#41;
&#123;
	var myNum = document.getElementById&#40;"num"&#41;.value;
	return &#40;myNum&#41;;
&#125;
for &#40;i = 0; i < getNum&#40;&#41;; i++&#41; &#123;
	document.write&#40;"<INPUT type=\"text\" size=\"50\" name=\"asd\" id=\"asd\" value=\"" + i + "\"><BR />"&#41;;
&#125;
</SCRIPT>
ti prepei na kano edo gia na enymerothei to getNum() me thn nea timi tou xoris na xreiastei na kano refresh sthn selida?

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

add inputs in form

Δημοσίευση από skeftomilos » 03 Ιαν 2006 16:52

Μάλλον θα πρέπει να αλλάζει δυναμικά η ιδιότητα innerHTML κάποιου στοιχείου. Ωστόσο δεν κατάλαβα ακριβώς πιο είναι το ζητούμενο στο συγκεκριμένη περίπτωση.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

add inputs in form

Δημοσίευση από panosru » 03 Ιαν 2006 17:25

basika den ksero kala javascript tora diabazo to javascript bible 5th edition ayto pou prospatho na kano einai otan patao add na prostithete ena akoma input type text sthn forma

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

add inputs in form

Δημοσίευση από cherouvim » 03 Ιαν 2006 19:53

Me megali agonia mipos me prolavei o skeftomilos paratheto ta eksis:

html

Κώδικας: Επιλογή όλων

<script type='text/javascript' src='script.js'></script>

Κώδικας: Επιλογή όλων

<form method='get'>
	<div class='inputentry'><label>Input&#58;</label><input type='text' name='foo&#91;&#93;'/></div>
	<input type='button' value='Add Input' id='adder'/>
	<input type='submit'/>
</form>
js

Κώδικας: Επιλογή όλων

window.onload=init;

function init&#40;&#41; &#123;
	if&#40;document.getElementById && document.createTextNode&#41; &#123;
		document.getElementById&#40;'adder'&#41;.onclick=function&#40;&#41; &#123;
			var input = this.parentNode.getElementsByTagName&#40;"div"&#41;&#91;0&#93;.cloneNode&#40;true&#41;;
			this.parentNode.insertBefore&#40;input, this&#41;;
		&#125;
	&#125;
&#125;
1. Antigrafei olokliro to <div> block pou periexei to label kai to input.
2. Doulevei opos tha eprepe ola ta JS na doulevoun (horis onclick diloseis kai loipes savoures mesa sto html).
3. Einai telios primitive script. Den kanei kanenan elegho gia to an yparxei forma sto html sou kai oti afti periexei div elements sto structure pou sou periegrapsa.
4. Ta input variable names telionoun me [] pou simainei oti stin PHP tha metafrastoun ola mazi se ena array apo times.
5. Sto demo eho method='get' gia na deis ontos stelnontai ta polla inputs.
Live demo @ http://temp.cherouvim.com/forums/addinput

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

add inputs in form

Δημοσίευση από panosru » 03 Ιαν 2006 20:03

cherouvim++!!!!!

ayto akribos zhtousa!!!!!! thanks!!!

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

add inputs in form

Δημοσίευση από panosru » 03 Ιαν 2006 20:21

tha to allakso ligaki sta metra mou akribos kai einai to teleio! thanks para poly!! :D
pantos den mporo na diabaso kai me poly eykolia to javascript ayto (molis arxisa javascript, oti ksero apo php mono katalabeno :P )

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

add inputs in form

Δημοσίευση από skeftomilos » 04 Ιαν 2006 17:44

Κώδικας άλφα-άλφα. :)
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

add inputs in form

Δημοσίευση από panosru » 14 Ιουν 2006 13:16

gia na mhn kano neo topic askopa synexizo apo edo, loipon exo to eksis problhmataki, na po thn allhtheia den asxolhthika mexri aidias giati den exo kai poly xrono dystixos ayth thn periodo.

loipon exo grapsei ayton ton html kodika

Κώδικας: Επιλογή όλων

<form action="?" method="post" enctype="multipart/form-data" id="form1">
<input type='button' value='Add Input' id='adder' />&nbsp;
<input type="checkbox" name="Overwrite" value="Overwrite" id="Overwrite" />
<label for="Overwrite">Overwrite</label>&nbsp;
<input type="submit" name="Upload" value="Upload" id="Submit" />
<div id="FileUploadContainerFileSystem">
	<div>
		<label for="file1">File 1</label>&nbsp;<input type="file" name="file&#91;&#93;" id="file1" />
	</div>
</div>
<input type="hidden" name="FileNum" id="FileNum" value="1" /> 
</form>
kai ton eksis JavaScript kodika:

Κώδικας: Επιλογή όλων

<script type="text/javascript">
<!--

window.onload = init;

function init &#40;&#41;
&#123;
	AddInutTypeFile&#40;&#41;;
&#125;

function AddInutTypeFile &#40;&#41;
&#123;
	if &#40;document.getElementById && document.createTextNode&#41;
	&#123;
		var FileNum = document.getElementById&#40;'FileNum'&#41;;
		var InpuEntryDiv = document.getElementById&#40;'FileUploadContainerFileSystem'&#41;;
		var Adder = document.getElementById&#40;'adder'&#41;;
		var num = 1;
		
		Adder.onclick = function &#40;&#41;
		&#123;
			// Increase Counter
			++num;
			
			// Create Div Element
			var InputDivElement = document.createElement&#40;'div'&#41;;
			
			// Create Lable Element
			var InputLableElement = document.createElement&#40;'lable'&#41;;
			InputLableElement.setAttribute&#40;'for','file'+num&#41;;
			
			// Create Text for Lable Element
			var InsertLableText = document.createTextNode&#40;'File '+num&#41;;
			
			// Insert Text in Lable Element
			InputLableElement.appendChild&#40;InsertLableText&#41;;			
			
			// Create Lable - Input Seperator
			var Lable_InputSeperator = document.createTextNode&#40;' '&#41;;
			
			// Create Input Element
			var InputInputElement = document.createElement&#40;'input'&#41;;
			InputInputElement.setAttribute&#40;'type','file'&#41;;
			InputInputElement.setAttribute&#40;'name','file&#91;&#93;'&#41;;
			InputInputElement.setAttribute&#40;'id','file'+num&#41;;
				
			// Insert Lable Element into Div Element
			InputDivElement.appendChild&#40;InputLableElement&#41;;
			
			// Insert Lable - Input Seperator
			InputDivElement.appendChild&#40;Lable_InputSeperator&#41;;
			
			// Insert Input Element befor Lable Element
			InputDivElement.appendChild&#40;InputInputElement&#41;;
			//this.parentNode.insertBefore&#40;InputInputElement,InputLableElement&#41;;			
			
			// Construct Main Element
			var FinalElement =	InputDivElement;
			
			// Append All Child
			InpuEntryDiv.appendChild&#40;FinalElement&#41;;						
			
			// Increase Counter in Hidden Value
			FileNum.value = parseInt&#40;FileNum.value&#41; + 1;
		&#125;
	&#125;
&#125;

-->
</script>
ousiastika douleyei kanonika to mono problhma einai pos den leitourgei to Lable for apo to file 2 kai meta (ta opoia topothetountai me JavaScript) eno to file 1 (to opoio einai idi topothethmeno) leitourgei kanonika

ayta... thanks..

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

add inputs in form

Δημοσίευση από panosru » 14 Ιουν 2006 13:52

em ama eimai blakas kai den grafo lable
var InputLableElement = document.createElement('lable');


ELEOS


anyway ok elikse :D

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες