Probleme de javascript generer par javascript

Fermé
Looney the Toon - 22 mai 2008 à 02:48
 Looney the Toon - 22 mai 2008 à 03:49
Bonjour à tous,

Donc voila mon probleme, j'ai un tableau html où les lignes sont rajouter dynamiquement, c'est-a-dire que au chargement de ma page, le tableau n'a qu'une seule ligne (qui contient une checkbox, un select et un textarea), lorsque le textarea obtient le focus, alors la checkbox est cochée et je rajoute automatiquement une ligne a mon tableau, qui contient les meme elements que la premiere ligne, bon...jusque là ca fonctionne.

Sauf que, ce que je veux c'est que lorsque le textarea de la nouvelle ligne obtient le focus, il me rajoute une ligne, mais le probleme c'est que justement le code javascript du onfocus du textarea de cette nouvelle ligne ne s'execute pas.

Donc, est-ce que quelqu'un aurai une idée, une proposition pour mon probleme, s'il vous plait,...j'espere avoir été clair !!!

merci d'avance pour votre aide.

Voila le code html de la premiere ligne du tableau, celle qui s'execute au chargement de la page:

<table id='oper' width='75%' border='1'>
	<tr>
		<th width='1%'></th>
	        <th width='4%'>N°</th>
		<th width='20%'>Matériel</th>
		<th width='50%'>Opérations</th>
	</tr>

	<tr>				
		<td align='left'><input type='checkbox' name='coche' id='c0' value=''></td>
					
		<td align='left'>1</td>
					
		<td align='left'>
		        <select name='mat' >
				<option value='PC'>PC</option>
				<option value='Portable'>Portable</option>
				<option value='Imprimante'>Imprimante</option>
				<option value='Serveur'>Serveur</option>
			</select>
		</td>
					
		<td align='left'>
                     <textarea name='operation' cols='70' rows='2' id='0' onfocus='document.getElementById("c0").checked=true; addRow("oper");'>Décriver ici le travail effectuer</textarea>
                </td>
	</tr>


...et voila les script javascript:

<SCRIPT language="Javascript">
<!--
	// fonction getelement
	function getel(elm) {
		return document.getElementById(elm);
	}
				
			
	// fonction d'ajout d'une ligne
	function addRow(nTable) {
		var ta = getel(nTable);
					
		// insertion de la ligne en fin de tableau
		var myRow = ta.insertRow(-1);
					
		// récupération de l'index de la ligne insérée, et on ajoute 1 pour un tableau allant de la ligne 1 à n
		var idx = myRow.rowIndex + 1;
					
		// insertion d'une cellule sur la ligne
		var myCell = myRow.insertCell(-1);
					
		// les identifiants des objets générés contiennent le rowIndex(+1) de la ligne insérée
		myCell.innerHTML = '<tr>
                   <td align="left"><input type="checkbox" name="coche" id="c'+ idx-- +'" value="" ></td>
                   <td align="center">'+ idx-- +'</td>
                  <td align="center">
                         <select name="mat">
                                <option value="1">PC</option>
                                <option value="2">Portable</option>
                                <option value="4">Imprimante</option>
                                <option value="3">Serveur</option>
                                <option value="5">Réseaux</option>
                        </select>
                  </td>
                 <td align="center">
                      <textarea type="text" name="operation" id="'+ idx-- +'" rows="3" cols="70" value=""  
onFocus ="document.getElementById("c' + idx-- + '").checked=true; addRow("oper");" >Décriver ici le travail effectuer</textarea>
                  </td>
                  </tr>';
				
	}
				
//-->
</SCRIPT>
A voir également:

1 réponse

Looney the Toon
22 mai 2008 à 03:49
Est-ce que quelqu'un aurait une solution a me proposer, c'est assez urgent !!!

En fait, c'est une application pour mon stage et je bloque sur cette partie.

HELP ME, PLEASE !!!!!
0