Appel JS dans une Modalbox

Version imprimable

Bonjour,

Je rencontre un problème lors d'un appel AJAX à partir d'une Modalbox.
La modalbox s'ouvre, proposant entre autre un textarea sur lequel est placé un "event observer" utilisant les librairies prototype et scriptaculous qui permet de mettre à jour un prix en fonction du nombre de caractères entré dans le textarea.
En fait, ce code marche bien sur tous les navigateurs... sauf Internet Explorer 6 & 7!

A côté de ce problème, j'ai testé l'exécution d'un script JS "standard" (un C/C d'un code source proposé par developpez.net) et ce code ne s'exécute pas:
Code:

1 2 3 4 5 6 7 8 9 10 11 <script type='text/javascript'> function compteCarac(idTextarea, idSpan) { var t = document.getElementById(idTextarea); var s = document.getElementById(idSpan); s.innerHTML = t.value.length; } </script> <textarea id="text8" rows="4" cols="30" onkeyup="compteCarac('text8', 'nbCarac8')"></textarea> <span id="nbCarac8">0</span> caractère(s)
Comme la modalbox est elle-même un appel JS, il y a sûrement une astuce pour permettre de réaliser d'autres appels JS une fois dans la modalbox... comment doit-on procéder?

Je compte faire des tests pour voir si le problème vient de la modalbox, mais je suis preneur de tout type de tuyau pour avancer dans la résolution de ce problème!

Pour les curieux, l'URL de recette: http://www.studecho.com/frontend_re7.php
Cliquez sur le drapeau anglais puis sur le bouton "Buy now" de l'article représentant une plaque d'immatriculation pour constater ce problème (et oui, il y a aussi un gros problème de mise en forme, mais c'est moins grave pour le moment!).

Merci à toutes et à tous! :roll:

14/10/2008, 10h59
Bovino

Pourrais-tu nous montrer le code d'appel de ta modalbox ?

Citation:

Pourrais-tu nous montrer le code d'appel de ta modalbox ?

Code d'appel de la modalbox:

Code:

<a onclick="Modalbox.show(this.href, {width: 750}); return false;" href="/emailpassion/frontend_dev.php/article/perso/1247/0">Acheter</a>

Code d'appel AJAX de MAJ du prix:
Code:

1 2 3 4 5 6 <script type="text/javascript"> //<![CDATA[ new Form.Element.EventObserver("perso_text", function(element, value) {new Ajax.Updater('perso_price_update', '/emailpassion/frontend_dev.php/article/perso/price/update/', {asynchronous:true, evalScripts:false, onComplete:function(request, json){new Effect.Fade('perso_price_update_loading', {});new Effect.Appear ('perso_price_update', {});new Effect.Highlight('perso_price_update', {});}, onLoading:function(request, json){new Effect.Appear('perso_price_update_loading', {});}, parameters:'param=' + value + '&id='+1247+ '&max=' +30});}); //]]> </script>
Note: ce code est généré automatiquement par un "helper" du FWK PHP Symfony...

14/10/2008, 11h23
Flashball

Code:

Comme la modalbox est elle-même un appel JS, il y a sûrement une astuce pour permettre de réaliser d'autres appels JS une fois dans la modalbox... comment doit-on procéder?

http://code.google.com/p/modalbox/wi...ningJavaScript

Cet article m'a aidé à rendre compatible le script dans la Modalbox.

Mais comme pour l'AJAX, ca ne marche toujours pas avec Internet Explorer 6 & 7... merci pour vos idées!

Voici un exemple de code JS qui marche partout sauf sur IE:

Code:

1
2
3
4
5
6
7
8
9
10
11
<textarea name="perso_text" id="perso_text" cols="30" rows="2"
onkeyup="countChar('perso_text', 'nbChar')"></textarea>
<script type='text/javascript'>
        countChar = function(idTextarea, idSpan) {
                var t = document.getElementById(idTextarea);
                var s = document.getElementById(idSpan);
                s.innerHTML = t.value.length;
        }
</script>
<br/><br/>
<span id="nbChar">0</span>&nbsp;character(s)

J'ai fait un test en statique avec une modalbox ne comprenant qu'un textarea et ce script, et IE ne veut toujours rien savoir...

14/10/2008, 16h03
Flashball

Le problème était dû à une petite coquille dans la librairie "modalbox.js" - je n'ai pas réussi à trouver où - mais en rechargeant l'original, le problème est réglé.