Onclick requête http

Résolu
none61 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention   -  
none61 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous,

Je me permet de venir poster sur le forum car en effet je rencontre un petit souci...

- Essayant de me faire une page html(index.html) avec un Icône sur lequel on peut cliquer dessus pour appeler une page php(test.php), j'ai donc écrit les lignes suivante:

<span id ="iconeall" style="margin-left: 110px;">
<img src="icone.png" onclick="document.location.href = 'test.php'; return false;" style="cursor:pointer;" />
</span>

- Lorsque je clic sur mon icône, ma page test.php est bien appelé car le script qu'elle contient est bien exécuté. ;-)

- Cependant, cela me fait quitter ma page d'index.html pour afficher ma page test.php malgrés "return false"

- Je souhaiterais que ma page soit seulement requetée et et rester sur ma page index.html.

Merci d'avance ;-)

3 réponses

animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
Salut
fais
<a href="test.php" rel="nofollow noopener noreferrer" target="_blank"><img src="icone.png"></a>

ca ouvre une nouvelle fenetre ou onglet
sinon tu peux faire
onclick="window.open('test.php'); return(false);"
 
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

La solution classique pour effectuer une requête sans recharger la page est l'utilisation d'ajax : https://developer.mozilla.org/fr/docs/Web/Guide/AJAX

Bonne journée,
0
none61 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention  
 
salut animostab :

J'ai testé tes deux méthodes, à la difference de ce que j'avais, tes méthodes font ouvrir ma page test.php dans un nouvel onglet

Hors je ne veux pas qu'une nouvelle page s'ouvre...je voudrais just que ma page test.php soit requetté d'une manière transparente.

Pitet, merci pour ta réponse mais ajax c'est du javascript nan? j'ai peur de m'y mélanger un peu ...
0
none61 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention  
 
Bonsoir,

Après plusieurs heures de recherches, je suis arrivé a ceci:

<a href="" onclick=" rel="nofollow noopener noreferrer" target="_blank"gestionClic(); return false;">
Cliquez ici !
</a>

<script type="text/javascript">

var http; // Notre objet XMLHttpRequest

function createRequestObject()
{
var http;
if (window.XMLHttpRequest)
{ // Mozilla, Safari, IE7 ...
http = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{ // Internet Explorer 6
http = new ActiveXObject("Microsoft.XMLHTTP");
}
return http;
}

function gestionClic()
{
http = createRequestObject();
http.open('GET', 'http://IP de mo serveur apache/test.php', true);
http.onreadystatechange = handleAJAXReturn;
http.send(null);
}

</script>

Mais malheureusement cela ne fonctionne pas pour le moment

J'avoue qu'un coup de pouce serait le bienvenue....
0
none61 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention  
 
bonjour,

Donc je m'auto répond car j'ai trouvé quelque chose qui fonctionne donc si ça peux aider quelqu'un....

<span id ="iconeone" style="margin-left: 750px;">
<img src="icone.png" onclick="clickmvone()" style="cursor:pointer;" />
</span>

<script type="text/javascript">
function clickmvone()
{
var xhr_object = null;

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("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}

xhr_object.onreadystatechange = function() {
if(xhr_object.readyState == 4) {
var reponse= xhr_object.responseText;
document.getElementById("reponse").innerHTML=reponse;
}
}

xhr_object.open("GET","http://IP serveur apache/test.php",true);
xhr_object.send();

}
</script>


Cordialement
0