Exécution d'une page php lors d'un événement onClick (de manière invisible)

Version imprimable

26/09/2008, 18h48
Grosbenji

Exécution d'une page php lors d'un événement onClick (de manière invisible)
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:

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:

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:

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
26/09/2008, 19h39
SpaceFrog

il va te falloir soit ajouter un iframe caché ...
ou utiliser ajax
26/09/2008, 20h48
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
27/09/2008, 12h24
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:

1 2 <iframe id="ifValidPost" height=0 width=0 style="visibility:hidden"></iframe>
Et, dans l'événement onClick:
Code:

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
27/09/2008, 12h28
SpaceFrog

Code:

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

Code:

onclick="document.frames['ifValidPost'].location.href='LIEN_DE_MA_PAGE_PHP';"
27/09/2008, 12h42
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

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:

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:

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.

27/09/2008, 12h51
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
27/09/2008, 12h54
ThomasR

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