met JS input element toevoegen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Nofx nofx

nofx nofx

27/09/2009 21:56:00
Quote Anchor link
Ik heb een DIV op mijn pagina die leeg is. Hierin wil ik een input element laden dmv javascript. Ik weet dat het hiermee mogelijk is, ik zou alleen niet weten hoe.

Zou iemand mij hiermee opweg kunnen helpen??
 
PHP hulp

PHP hulp

22/11/2024 21:01:38
 
Nofx nofx

nofx nofx

27/09/2009 22:22:00
Quote Anchor link
Ik heb dit script nu gevonden wat precies is wat ik zoek, alleen de functie om het te verwijderen werkt niet helemaal. Iemand een idee wat het kan zijn??
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
function addElement() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = 'my'+num+'Div';
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = 'Element Number '+num+' has been added! <a href=\'#\' onclick=\'removeElement('+divIdName+')\'>Remove the div "'+divIdName+'"</a>';
  ni.appendChild(newdiv);
}

function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
</script>

<input type="hidden" value="0" id="theValue" />
<p><a href="javascript:;" onclick="addElement();">Add Some Elements</a></p>
<div id="myDiv"> </div>


Gelieve Niet Bumpen::
Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de Afbeelding knop om je tekst aan te passen.

SanThe.
Gewijzigd op 01/01/1970 01:00:00 door nofx nofx
 
Jan Willem van der Veer

Jan Willem van der Veer

28/09/2009 07:10:00
Quote Anchor link
function removeElement(divNum) {
var olddiv = document.getElementById(divNum);
olddiv.parentNode.removeChild(olddiv);
}

Zoiets misschien?
 
Repelsteeltje

repelsteeltje

28/09/2009 09:20:00
Quote Anchor link
ik denk dat het iets met de quootjes te maken had
onderstaande code werkt wel
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
function addElement() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = "my"+num+"Div";
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = "Element Number "+num+" has been added! <a href=\"#\" onclick=\"removeElement('"+divIdName+"')\">Remove the div "+divIdName+"</a>";
  ni.appendChild(newdiv);
}

function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
</script>

<input type="hidden" value="0" id="theValue" />
<p><a href="#" onclick="addElement();">Add Some Elements</a></p>
<div id="myDiv"> </div>
Gewijzigd op 01/01/1970 01:00:00 door repelsteeltje
 
Nofx nofx

nofx nofx

28/09/2009 15:37:00
Quote Anchor link
ja bedankt, nu werkt het :)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.