Discussion :

[Grosbenji]

Bonjour à tous,

Dans une template d'un hébergeur de forum, j'ai pu ajouter un événement onClick sur le boutton d'envoi de messages.

Si je mets un:

Code :

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

1
2
 
alert('Coucou')

dans cet événement, mon message d'alerte s'affiche correctement.

Maintenant, j'aimerai qu'une page php soit exécutée en lieu et place de ce message d'alerte, et ce de manière invisible par l'utilisateur (il s'agit d'un petit outil statistique, qui ne doit pas interférer le surf de l'utilisateur).

Et c'est là où je coince.

Avec:

Code :

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

1
2
 
opener.location.href='LIEN_DE_MA_PAGE_PHP'

ma page php est bien éxécutée. Seulement l'utilisation de 'opener' fait qu'une nouvelle page de navigateur s'ouvre (ce que je ne veux pas).

Par contre, avec:

Code :

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

1
2
 
window.location.href='LIEN_DE_MA_PAGE_PHP'

la page n'est pas éxécutée.

Auriez vous une piste?

Merci d'avance.

Cordialement,

Benjamin

[SpaceFrog]

il va te falloir soit ajouter un iframe caché ...
ou utiliser ajax

[Grosbenji]

Bonsoir SpaceFrog,

Merci pour ta réponse.

Concernant Ajax, cela ne s'imposerait pas uniquement si je souhaite exécuter une commande php directement dans le javascript?
Concernant mon cas, je ne souhaite pas forcer une telle commande.
Ce que j'aimerai, c'est exécuter un script php, qui est lui bien et bel côté serveur.

Enfin, j'avais bien pris connaissance d'Ajax avant de poster mon message, mais je pensais pouvoir m'en passer.

Concernant les iframes cachés, je t'avouerai que je ne vois pas de quoi tu parles.
Je vais me renseigner là dessus, merci pour la piste.

Bonne soirée,

Benjamin

[Grosbenji]

Bonjour,

Je me suis donc renseigné sur les iframes cachés.

J'imagine que ce que tu voulais me proposer, c'était, lors de l'événement onClick, faire un update sur ce frame.
L'idée me parait très intéressante.

Malheureusement je n'arrive pas à a mettre en application.

Pour le moment, je travaille sur cet iframe:

Code :

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

1
2
 
<iframe id="ifValidPost" height=0 width=0 style="visibility:hidden"></iframe>

Et, dans l'événement onClick:

Code :

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

1
2
 
javascript:document.getElementById('ifValidPost').src = 'LIEN_DE_MA_PAGE_PHP'

Je me demande si cela ne vient pas du fait que l'événement est lié à un bouton de 'submit'.

Cordialement,

Benjamin

[SpaceFrog]

Code :

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

<iframe name="ifValidPost"  id="ifValidPost" height=0 width=0 style="visibility:hidden" src=""></iframe>

Code :

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

onclick="document.frames['ifValidPost'].location.href='LIEN_DE_MA_PAGE_PHP';"

[Grosbenji]

Merci SpaceFrog pour les corrections.

Malheureusement, la page n'est toujours pas exécutée.

A la fin de mon dernier message, je me demandais si le fait que le bouton soit de type 'submit' ne pouvait pas interférer le update.
Qu'en penses tu?

Cordialement,

Benjamin

[ThomasR]

Si c'est a exécuté lors du clic sur submit, tu peux très bien executer ton traitement dans la page cible de ton formulaire.

Si tu veux que ca valide ton formulaire une fois le script executé, il faut faire ceci :
Javascript

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
 
<script type="text/javascript">
function doSomething(){
    getXhr();
    xhr.onreadystatechange = function()
      {
      if(xhr.readyState == 4 && xhr.status == 200)
          {
          var reponse = xhr.responseText;
          // Dans ton script tu fais un echo "OK"; si ca a marché.
          return (reponse=="OK");
          }
      }
    xhr.open("POST","script.php",true);
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    var val1 = "truc";
    var val2 = "truc2";
    xhr.send("param1="+va1+"&param2="+val2);
}
/* ROUTINES, OBJET XMLHTTPREQUEST */
function go(c){if(!c.data.replace(/\s/g,''))c.parentNode.removeChild(c);}
function clean(d){var bal=d.getElementsByTagName('*');for(i=0;i<bal.length;i++){a=bal[i].previousSibling;if(a && a.nodeType==3)go(a);b=bal[i].nextSibling;if(b && b.nodeType==3)go(b);}return d;}
var xhr = null;
function getXhr(){if(window.XMLHttpRequest)xhr = new XMLHttpRequest();else if(window.ActiveXObject){try{xhr = new ActiveXObject("Msxml2.XMLHTTP");}catch(e){xhr = new ActiveXObject("Microsoft.XMLHTTP");}}else{alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...vous n'aurez donc pas accès aux mises à jour, installez un navigateur plus récent (Mozilla Firefox, Internet Explorer 5 [...])");xhr = false;}}
</script>

Formulaire :

Code :

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

1
2
3
4
5
 
<form method="post" onsubmit="return doSomething();" action="page.php">
// Elements du formulaire
<input type="submit" value="Valider"/>
</form>

Désolé pour le paté de code j'éspère que ca t'aidera.

[Grosbenji]

Bonjour ThomasR,

Je suis d'accord, cela aurait été le plus simple.

Seulement je travaille sur des templates d'un forum hébergé sur forumactif.
Elles sont très limitées, et je n'ai pas accès à la template de la page cible.

Cordialement,

Benjamin

[ThomasR]

Je viens d'éditer mon message précédent.