Hallo iedereen,
Ik ben sinds kort weer aan het scripten,
En nu zat ik met een vraag.
Namelijk ik ben bezig met een admin pagina voor de regels (nieuwe regels toevoegen, oude bewerke, ect)
Maar nu loop ik tegen iets aan,
namelijk ik zoek iets, dat als ik op een linkje klik dat mijn pagina dan automatisch onder alle andere inputs een nieuwe input plaatst.
Hoe moet ik dit doen?
Alvast bedankt,
Mvg
Ja, dat is wat ik bedoel,
Ik was zelf al een tijdje aan het zoeken,
Maar snap er niet echt iets van :s
Dit is mijn code waar het in moet komen:
<form method="post">
<table>
<?php
$rules = mysql_query("SELECT id, regel FROM regels WHERE id != 0") or die(mysql_error());
while($regels = mysql_fetch_array($rules)){
?>
<tr>
<td><input type="text" value="<?php echo $regels['id']; ?>" onKeyPress="onlyNumeric(arguments[0])" maxlength="3" class="text_short" /></td>
<td><input type="text" value="<?php echo $regels['regel']; ?>" class="text_ulong" /></td>
</tr>
<?php } ?>
</table>
<a href="#"><img src="images/icons/tekst_edit.png"> Voeg regel toe</a>
</form>Ja, dat is wat ik bedoel,
Ik was zelf al een tijdje aan het zoeken,
Maar snap er niet echt iets van :s
Dit is mijn code waar het in moet komen:
Hallo,
Wat snap je dan niet?
Wat heb je geprobeerd?
Welke voorbeelden heb je geprobeerd?
Mvg,
Tim
http://stackoverflow.com/quest…t-add-dynamic-input-field
http://papermashup.com/dynamic…-and-submit-using-jquery/
http://stackoverflow.com/quest…d-dynamically-with-jquery
http://jsfiddle.net/jaredwilli/tZPg4/4/
Ik heb niet zo erg veel verstand van jQuery/JavaScript, daarmee snap ik er niet veel van :s
http://www.codecademy.com/tracks/jquery
Je hebt geen voorkennis van javascript nodig, al is dat wel handig. Je leert snel hoe jQuery werkt.
Hoe dit op te lossen:
Wat je nodig hebt:
- Een link "Klik om nog een input veld aan te maken"
- Een jQuery script die ervoor zorgt dat er aan de rij nog een input veld word toegevoegd
Nu is het eerste vrij makkelijk.
Je geeft een id mee zodat je dat later kan gebruiken in je jQuerey script. Als je namelijk niet specificeert bij welke link hij moet reageren zal hij bij álle links het script uitvoeren en dat wil je niet.
Nu de jQuery.
$(document).ready(function(){
$('a#nieuveld').click(function(){
$('div#id_van_div_waar_input_moet_worden_toegevoegd').append("<input type="text"></input>");
});
});Als je de track op codecademy volgt zal je begrijpen wat er gebeurd. (Wat overigens niet al te moeilijk te begrijpen is door alleen naar de code te kijken.
Heb je nog geen account? Registreer je nu en word deel van onze community!