Bouton d'extension de formulaire ne s'affiche pas.

Version imprimable

Bonjour à tous,

Je travaille sur une application web avec le framework symfony. Pour le multi upload j'ai été obligé d'utilisé du javascript, cependant je vous avoue que je ne m'y connais pas beaucoup. Je devrais donc avoir dans mon module message un formulaire permettant d'ajouter un nouveau message avec un bouton pour ajouter un champ fichier. Pour cela j'ai suivi ce tutoriel :
http://ezzatron.com/2009/12/03/expan...-and-doctrine/
Mais le boutton en question ne s'affiche pas. Voilà ce qui est généré dans le code source pour le script :
Code:

1 2 3 4 5 6 7 8 9 10 11 <script type="text/javascript"> $$('#message table').each(function(e) { e.select('tbody')[0].id = 'message_fichiers'; e.insert('\n <tfoot><tr><td colspan=\"2\"><input onclick=\"new Ajax.Updater(\'message_fichiers\', \'/forum.php/message/fichierForm\', {asynchronous:true, evalScripts:false, insertion:Insertion.Bottom, parameters:\'count=\'+$$(\'#fichiers table\').length});; return false;\" type=\"button\" value=\"Ajout Fichier\" /></td></tr></tfoot>\n '); }); </script>
Et sous internet explorer l'erreur renvoyée est :

Message*: Cet objet ne gère pas cette propriété ou cette méthode
Ligne*: 212
Caractère*: 7
Code*: 0
URI*: http://localhost:8080/forum.php/message/new/id_forum/3

Sachant que la ligne 212 est celle-ci:
e.select('tbody')[0].id = 'message_fichiers';

Voilà je pense vous avoir a peu près tout dit. J'espère que vous pourrez m'aider... depuis hier soir je galère là dessus. :cry:

Merci d'avance.

26/05/2010, 11h27
E.Bzz

Bonjour et bienvenue sur Developpez.com :D

on peut voir le code HTML (généré, pas PHP) du tbody en question (voire même de toute la <table>) ?

A+
26/05/2010, 12h01
dukej

le e.insert fait un simple element.innerHTML = str;

mais sous IE, il est interdit de modifier le innerHTML de :
TABLE, TBODY, THEAD, TFOOT, TR, SELECT

Merci pour vos réponse.
Voilà le code de toute la table.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
<table id="message">
    <tfoot>
      <tr>
        <td colspan="2">
		<noscript><p>
  <strong>NOTE:</strong> Pour ajouter d'autres fichiers sauvegarder d'abord le message.
</p></noscript>
		 <input type="button" value="Annuler" onclick="history.go(-1)" />	
         <input type="submit" value="Ajouter" />
 
        </td>
      </tr>
    </tfoot>
    <tbody>
 
	<tr>
  <th><label for="message_titre">Titre</label></th>
  <td><input type="text" name="message[titre]" id="message_titre" /></td>
</tr>
 
	<tr>
 
  <th><label for="message_texte">Texte</label></th>
  <td><input type="hidden" id="message[texte]" name="message[texte]" value="" style="display:none" /><input type="hidden" id="message[texte]___Config" value="" style="display:none" /><iframe id="message[texte]___Frame" src="/js/fckeditor/editor/fckeditor.html?InstanceName=message[texte]&amp;Toolbar=Default" width="600" height="300" frameborder="0" scrolling="no"></iframe></td>
</tr>
 
	<input type="hidden" name="message[idMessage]" id="message_idMessage" /><input type="hidden" name="message[idMessagePere]" value="76" id="message_idMessagePere" /><input type="hidden" name="message[idAuteur]" value="verichard" id="message_idAuteur" /><input type="hidden" name="message[idForum]" value="3" id="message_idForum" /><input type="hidden" name="message[type]" value="0" id="message_type" /><input type="hidden" name="message[fichiers][0][idFichier]" id="message_fichiers_0_idFichier" /><input type="hidden" name="message[fichiers][1][idFichier]" id="message_fichiers_1_idFichier" /><input type="hidden" name="message[fichiers][2][idFichier]" id="message_fichiers_2_idFichier" /><input type="hidden" name="message[_csrf_token]" value="fa4947d5e88e1158eafff3cd4427861e" id="message__csrf_token" />	
	<div class="fichier" >
	  	<tr>
  <th><label for="message_fichiers_0_nom">Nom</label></th>
  <td><input type="text" name="message[fichiers][0][nom]" id="message_fichiers_0_nom" /></td>
 
</tr>
  	<tr>
  <th><label for="message_fichiers_0_chemin">Fichier</label></th>
  <td><input type="file" name="message[fichiers][0][chemin]" id="message_fichiers_0_chemin" /></td>
</tr>
 
	  	<tr>
  <th><label for="message_fichiers_1_nom">Nom</label></th>
  <td><input type="text" name="message[fichiers][1][nom]" id="message_fichiers_1_nom" /></td>
</tr>
 
  	<tr>
  <th><label for="message_fichiers_1_chemin">Fichier</label></th>
  <td><input type="file" name="message[fichiers][1][chemin]" id="message_fichiers_1_chemin" /></td>
</tr>
 
	  	<tr>
  <th><label for="message_fichiers_2_nom">Nom</label></th>
  <td><input type="text" name="message[fichiers][2][nom]" id="message_fichiers_2_nom" /></td>
</tr>
  	<tr>
 
  <th><label for="message_fichiers_2_chemin">Fichier</label></th>
  <td><input type="file" name="message[fichiers][2][chemin]" id="message_fichiers_2_chemin" /></td>
</tr>
 
	    </tbody>
	</div>
</table>

27/05/2010, 17h19
ImmortalTechnique

Citation:

Envoyé par dukej

le e.insert fait un simple element.innerHTML = str;

mais sous IE, il est interdit de modifier le innerHTML de :
TABLE, TBODY, THEAD, TFOOT, TR, SELECT

Ca ne marche pas non plus sous firefox. Mais vu que sous firefox il n'y a pas de messages d'erreurs (ou alors je ne sais pas où les voir) j'ai cité ce qui était renvoyé par IE. J'ai aussi essayé de débugger avec le plugin javascprit debugger sous firefox mais il fait constamment bugger firefox et je suis obliger de tout arrêter où alors je n'ai pas bien compris comment l'utiliser. Normalement je n'ai plus besoin de cette fonctionnalité finalement mais étant donné que j'y ai passer du temps j'aimerais le faire jusq'au bout.

Merci d'avance.
27/05/2010, 17h24
E.Bzz

As-tu essayé avec la méthode de la FAQ ?

A+