Erelid |
|
Ik heb volgend probleem.
<div id="slachtoffers">
<em><strong>Sender:
</strong></em>
<table border="0">
<tr>
<td width="150">Recipient name: </td>
<td><input name="slachtoffer_naam[]" type="text" id="slachtoffer_naam[]" onFocus="this.style.backgroundColor='#333333'" onBlur="this.style.backgroundColor='#000000'" size="32"></td>
</tr>
<tr>
<td>Recipient email: </td>
<td><input name="slachtoffer_email[]" type="text" id="slachtoffer_email[]" onFocus="this.style.backgroundColor='#333333'" onBlur="this.style.backgroundColor='#000000'" size="32"></td>
</tr>
</table>
</div>
+ <a href="JavaScript: slachtoffertoevoegen('slachtoffers');">Add recipient</a>
<div id="slachtoffers"> <em><strong>Sender: </strong></em> <table border="0"> <tr> <td width="150">Recipient name: </td> <td><input name="slachtoffer_naam[]" type="text" id="slachtoffer_naam[]" onFocus="this.style.backgroundColor='#333333'" onBlur="this.style.backgroundColor='#000000'" size="32"></td> </tr> <tr> <td>Recipient email: </td> <td><input name="slachtoffer_email[]" type="text" id="slachtoffer_email[]" onFocus="this.style.backgroundColor='#333333'" onBlur="this.style.backgroundColor='#000000'" size="32"></td> </tr> </table> </div> + <a href="JavaScript: slachtoffertoevoegen('slachtoffers');">Add recipient</a>
En dit is de functie:
function slachtoffertoevoegen(div) {
var thisNew = document.getElementById(div);
var thisOldValue = thisNew.innerHTML;
var thisNewValue = "";
thisNewValue += '<table border="0">';
thisNewValue += ' <tr>';
thisNewValue += ' <td width="150">Recipient name (' + slachtoffercount +'): </td>';
thisNewValue += ' <td><input name="slachtoffer_naam[]" type="text" id="slachtoffer_naam[]" onFocus="this.style.backgroundColor=\'#333333\'" onBlur="this.style.backgroundColor=\'#000000\'" size="32"></td>';
thisNewValue += ' </tr>';
thisNewValue += ' <tr>';
thisNewValue += ' <td>Recipient email: (' + slachtoffercount +'): </td>';
thisNewValue += ' <td><input name="slachtoffer_email[]" type="text" id="slachtoffer_email[]" onFocus="this.style.backgroundColor=\'#333333\'" onBlur="this.style.backgroundColor=\'#000000\'" size="32"></td>';
thisNewValue += ' </tr>';
thisNewValue += '</table>';
thisNew.innerHTML = thisOldValue + thisNewValue;
slachtoffercount++;
}
function slachtoffertoevoegen(div) { var thisNew = document.getElementById(div); var thisOldValue = thisNew.innerHTML; var thisNewValue = ""; thisNewValue += '<table border="0">'; thisNewValue += ' <tr>'; thisNewValue += ' <td width="150">Recipient name (' + slachtoffercount +'): </td>'; thisNewValue += ' <td><input name="slachtoffer_naam[]" type="text" id="slachtoffer_naam[]" onFocus="this.style.backgroundColor=\'#333333\'" onBlur="this.style.backgroundColor=\'#000000\'" size="32"></td>'; thisNewValue += ' </tr>'; thisNewValue += ' <tr>'; thisNewValue += ' <td>Recipient email: (' + slachtoffercount +'): </td>'; thisNewValue += ' <td><input name="slachtoffer_email[]" type="text" id="slachtoffer_email[]" onFocus="this.style.backgroundColor=\'#333333\'" onBlur="this.style.backgroundColor=\'#000000\'" size="32"></td>'; thisNewValue += ' </tr>'; thisNewValue += '</table>'; thisNew.innerHTML = thisOldValue + thisNewValue; slachtoffercount++; }
Het toeval wil nu, als je een waarde invuld in een veld, en je druk op Add recipient, dan worden die waarden terug geleegd, en komen er dus veldjes bij (dat laatste is wel de bedoeling, ja )
Hoe kan ik dat dus gaan behouden?
|