mam taki kod formularza
Kod
<form id="af" enctype="multipart/form-data" action="" method="post">
<dl class="zend_form">
<dt id="embed-label"><label for="embed" class="required">Kod embed</label></dt>
<dd id="embed-element">
<textarea name="embed" id="embed" rows="4" cols="30"></textarea></dd>
<!-- tu chcę mieć dodatkowe textarea -->
<dt id="submit-label"> </dt>
<dd id="submit-element">
<input type="submit" name="submit" id="submit" value="Dodaj Film"></dd>
</dl>
</form>
<span id="add_input">dodaj następną część</span>
<dl class="zend_form">
<dt id="embed-label"><label for="embed" class="required">Kod embed</label></dt>
<dd id="embed-element">
<textarea name="embed" id="embed" rows="4" cols="30"></textarea></dd>
<!-- tu chcę mieć dodatkowe textarea -->
<dt id="submit-label"> </dt>
<dd id="submit-element">
<input type="submit" name="submit" id="submit" value="Dodaj Film"></dd>
</dl>
</form>
<span id="add_input">dodaj następną część</span>
i funkcję js dodającą nowe pola textarea
Kod
<script type="text/javascript">
window.onload = Laduj;
var liczba=1;
function Laduj()
{
var link = document.getElementById('add_input');
link.onclick = DodajElement;
}
function DodajElement()
{
var element = document.createElement('textarea');
liczba ++;
if (liczba > 15) {
alert('Możesz dodać maksymalnie 15 części');
return;
}
element.setAttribute('name', 'czesci[]');
element.value= 'kod embed części ' + liczba;
element.setAttribute('cols', '30');
element.setAttribute('rows', '4');
// element.style.display = "block";
element.style.margin = "0 20px 20px 20px";
document.forms['af']. appendChild(element);
}
</script>
window.onload = Laduj;
var liczba=1;
function Laduj()
{
var link = document.getElementById('add_input');
link.onclick = DodajElement;
}
function DodajElement()
{
var element = document.createElement('textarea');
liczba ++;
if (liczba > 15) {
alert('Możesz dodać maksymalnie 15 części');
return;
}
element.setAttribute('name', 'czesci[]');
element.value= 'kod embed części ' + liczba;
element.setAttribute('cols', '30');
element.setAttribute('rows', '4');
// element.style.display = "block";
element.style.margin = "0 20px 20px 20px";
document.forms['af']. appendChild(element);
}
</script>
teraz nowe textarea pojawiają się na samym dole.
jak zrobić aby pojawiały się przed
<dt id="submit-label"> </dt>
?