Je développe une application PHP/HTML/AJAX en utilisant le framework de phpbb. Ce code fonctionne sur l'environnement de dév IE7 mais pas avec les autres IE8, CHROME, FIREFOX. C'est donc sûrement que j'ai fait un truc pas très nette. N'étant pas destiné à une utilisation externe, je n'ai pas de lien public à proposer...
Ce qui marche avec IE7 et que j'aimerai pouvoir reproduire ailleurs:
Dans une page un FORM "newite" englobe un ensemble de critères qui permettent d'affiner l'objet de la création des slots entres autres les notions usages et nombre de slots/connexions à ouvrir.
Donc cette page permet à un utilisateur via une liste déroulante de choisir le nombre de slots qu'il veut 1 à 8. En fonction de ce nombre j'utilise une fonction JS sur le onchange de la liste qui va charger dans un DIV de la même page une seconde page PHP/HTML contenant le nombre de slot passé en paramètre. Ceci fonctionne avec tous les navigateurs lorsque l'on choisi un nombre dans la liste. En revanche l'appel à la fonction phpbb
Code Javascript :
onload_functions.push('slots_onchange(document.getElementById("newite"))'); avec pour valeur par défaut 1 ne fonctionne que sur IE7. Mais là n'est pas le majeur problème. Pour chaque slot généré dans la seconde page et affiché dans la page principal la fonction
Code Javascript :
function socket_onclick(id)
est associée.
note la variable f reçoit this.form dans l'appel soit la référence au formulaire newite contenant tous les critères.
la fonction qui charge la page dans le DIV:
Code Javascript :
function slots_onchange(f)
{
var xhr_object = null;
var httpRequest = false;
// Prépration
if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non supporté par le navigateur
alert("{L_MSGERR_NOXMLHTTREQUEST}");
return;
}
// Initialisation
var position = "socketdiv"; // nom du DIV qui va recevoir le contenu
var method = "POST";
var filename = "{S_SOCKETURL}";
var sloid = f.elements['sloid'].options[f.elements['sloid'].selectedIndex].value;
var data = null;
if(sloid != "")
data = "sloid=" + sloid;
// Récupération du nombre de slots à afficher
// On ouvre la requete vers la page désirée
xhr_object.open(method, filename, true);
xhr_object.onreadystatechange = function(){
if ( xhr_object.readyState == 4 )
{
// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
document.getElementById(position).innerHTML = xhr_object.responseText;
}
}
if(method == "POST")
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr_object.send(data);
}Ci dessous la seconde page qui sera affichée dans le DIV. (elle est alimentée par PHP)
Code HTML :
<!-- IF S_REGISTERED -->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<!-- BEGIN rowsockets -->
<TD><IMG ID="{rowsockets.IDCOUNTER}" SRC="{S_IMGPATH}/{S_IMGSOCKET}" ONCLICK="socket_onclick('{rowsockets.IDCOUNTER}')"></TD>
<!-- END rowsockets -->
</TR>
</TABLE>
<!-- ENDIF -->Ensuite dans la page principale j'ai la fonction JS qui répond à socket_onclick.
Code Javascript :
function socket_onclick(id)
{
// Detect the click on socket picture
var lheight = 400;
var lwidth = 600;
var filename = "{S_SOCKETPOPURL}";
var lf = document.getElementById("newite");
var usaid = lf.elements['usaid'].options[lf.elements['usaid'].selectedIndex].value;
var data = null;
var mytop = (screen.height-lheight)/2;
var myleft = (screen.width-lwidth)/2;
var myoptions = "top=" + mytop + ", left=" + myleft + ", scrollbars=auto, resizable=no, location=no, menubar=no, status=no, menubar=no, Width=" + lwidth + ", Height=" + lheight;
data = "&slotid=" + id;
if(usaid != "")
data = data + "&usaid=" + usaid;
// Appel popup
window.open(filename + data, "extension", myoptions);
}Le clique sur une image représentant un connexion va ouvrir dans un popup la liste des connexions possibles en fonction de l'usage destiné au pool de connection. L'usage est récupéré dans une seconde liste nommée "usaid" dans le form "newite". Donc avec IE7 la popup s'ouvre et reçoit bien les paramètres. Avec Firefox
Code Javascript :
var lf = document.getElementById("newite"); ne génère pas d'erreur mais il semblerait que lf soit pas affecté et du coup
Code Javascript :
var usaid = lf.elements['usaid'].options[lf.elements
lui est fatal. J'ai essaye d'ajouter juste après
Code Javascript :
qui n'est même pas exécuté.
Pouvez-vous m'aider ?
Merci.
Mark.