J'ai refais ton code tu me dis si quelque chose ne va pas
une remarque :
- tu as mis document.getElementById('nombre').value = i; mais il n'y a pas d'élément avec cet id dans la page je l'ai donc enlevé
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Publications Request form</title>
<script type="text/javascript">
<!--
var i=1;
var input_add;
function create_champ(){
var newDiv = input_add.parentNode.insertBefore( document.createElement('div'), input_add );
newDiv.id = 'champs_'+i;
newDiv.innerHTML = '<table><tbody><tr><td>Title</td><td colspan="5"><input name="title_'+i+'" id="ti_'+i+'" size="40" type="text"/></td></tr><tr><td>Author</td><td colspan="5"><input name="author_'+i+'" id="au_'+i+'" size="30" type="text"/></td></tr><tr><td>Journal</td><td colspan="5"><input name="journal_'+i+'" id="so_'+i+'" size="30" type="text"/></td></tr><tr><tdstyle="width: 65px;">Year</td><td style="width: 65px;"><input name="year_'+i+'" id="ye_'+i+'" size="4"type="text"/></td><td style="width: 65px;">Volume</td><td style="width: 65px;"><input name="volume_'+i+'" id="vol_'+i+'" size="4"type="text"/></td><td style="width: 60px;">Pages</td><td style="width: 65px;"><input name="pages_'+i+'" id="pa_'+i+'" size="4"type="text"/></td></tr></tbody></table>';
if(i>1) document.getElementById('input_sup').style.display = 'inline';
if(i>100) input_add.style.display = 'none';
i++;
}
function supr_champ(){
i--;
var Parent;
var Obj = document.getElementById ( 'champs_'+i) ;
if( Obj) Parent = Obj.parentNode;
if( Parent) Parent.removeChild( Obj);
if(i<3) document.getElementById('input_sup').style.display = 'none';
}
window.onload = function(){
input_add = document.getElementById('input_add');
create_champ();
}
-->
</script>
</head>
<body>
<h1>Publications Request Form</h1>
<form name="request" method="post" enctype="text/plain" action="mailto:XXXX@XX.com?subject='Publications requests'">
You may copy/paste your references or use the detailed form below.<br/>
<br/>
<textarea rows="7" name="S1" cols="60"></textarea><br/>
<br/>
<input id="input_add" type="button" value="+" onclick="javascript:create_champ(this)" class="input2"/>
<input id="input_sup" type="button" value="X" onclick="javascript:supr_champ('+i+')" style="display:none"/><br/>
<br/>
Comments:<br/>
<textarea rows="5" name="S1" cols="60"></textarea><br/>
<br/>
<input value="Send your request" name="send" type="submit"/>
<input value="Clear fields" name="clear" type="reset"/>
<br/>
<br/>
<b> We will get back to you as soon as possible.</b>
</form>
</body>
</html>
chez moi ça marche avec firefox (3.5), ie (5.5, 6, 7, 8)
Checkbox javascript
