Intégration de code JavaScript dans un Portlet

Bonjour à tous,

J'ai un petit souci que je n'arrive pas à résoudre en JavaScript. Pour faire simple, j'ai un formulaire dans lequel se trouve une balise <select> dans sur laquelle je souhaite que l'option qui est "selected" varie en fonction du type d'opération paramétré avant le chargement de la page.

Voici mon code simplifié :

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

[...]   <form name="Recherche" id="Recherche" method="post" action="resultats_recherche.asp?strid=<%=Session("CreateNumPisteAudit")%>">   [...]   <table class="v1-formbloc"> <tr>   [...]   <td class="v1-inputs"> <span> <select name="SensOperation" id="SensOperation" > <option value="2">Cr&eacute;dit</option> <option value="1">D&eacute;bit</option> <option value="0">Tout</option> </select> </span> </td>   </tr>   [...]   </table>   [...]   </form>   <script type="text/javascript">   var typop = "<%=session("RECHOP_TYPOP")%>"; var FrmRech = document.forms.Recherche;   for(i=0;i<FrmRech.SensOperation.options.length;i++) { if(typop == FrmRech.SensOperation.options[i].value) { FrmRech.SensOperation.options[i].selected = true; } }   [...]   </script>   [...]

---

Mon problème est le suivant : Si on exécute la page telle quelle, tout fonctionne correctement, mais lorsque celle-ci est intégrée à un portail (Portlet, tout ça... me demandez pas, j'y connais rien:?), rien ne va plus. J'ai une erreur au chargement de la page comme quoi le FrmRech.SensOperation.options de mon script est à null. J'ai fait un petit test de plus, et en fait c'est FrmRech.SensOperation qui est à null.

Comprends pas trop:cry:. Est-ce que quelqu'un a une idée SVP?

Merci d'avance.

Bonjour,
difficile de se faire une idée sans connaitre l'environnement final (celui où se produit l'erreur) ... :?

Comment est intégrée ta partie à ce portail ?
Ta page est "intégrée" dans une frame ?
Dans un <form> existant du portail ?
(dans ce cas ton form a toi n'est pas valide : un form ne peut en contenir un autre)
Ta page est chargée via Ajax dans le portail ?
Les identifiants (name et id) ne risquent pas d'être déjà utilisés ?
Et le nom de tes fonctions s'il y en a ?

Bref .... difficile de deviner :aie:

A+

Bien vu!!!

Très bien vu!!!

Après vérification, le portail possède également un <form id="Recherche">. Du coup, mon JavaScript allait taper dans celui-là qui par contre ne possède pas de <select id="SensOperation">.

D'où le pointeur sur null.

Ca fonctionne. Merci pour la piste :D

Pour éviter ce genre de problème à l'avenir, donne des id bien spécifiques à tes éléments (c'est déjà le cas) et accèdes-y directement via l'id

Code:

---

document.getElementById('SensOperation')....

---

;)

Et effectivement plus de 50% des pages présentes sur le oueb doivent posséder un form "Recherche" :D

A+

OK ça roule. Merci pour le tuyau :ccool: