Discussion :

[ImmortalTechnique]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

Merci d'avance.

[E.Bzz]

Bonjour et bienvenue sur Developpez.com

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

A+

[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

[ImmortalTechnique]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[ImmortalTechnique]

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.

[E.Bzz]

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

A+