Soumission d'un formulaire

**kristen44** · 10/05/2021, 20h18

Bonjour,

Je teste la possibilit� pour le visiteur d'un site d'alerter le webmaster de la pr�sence d'un lien cass� sur la page web o� il est en cliquant sur une image et en choisissant avec des boutons radio le lien d�fectueux.
J'ai une page de test ici, avec 3 liens, dont un faux. �a a l'air de marcher (il faut cliquer sur l'image), mais en fait la valeur n'est pas transmise au fichier php.
Les outils de Chrome me donnent le message :

Form submission canceled because the form is not connected

Voici le code :

Code html :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<meta charset="UTF-8">
<head>
<title>test2</title>
<script>
function suite()
{
        document.getElementById('H2O').innerHTML="Merci";
        var popup2 = document.getElementById("popup");
        var inner= popup2.innerHTML;
        inner= "</br>Votre message a été envoyé</br>vous pous fermer la fenêtre</br>";
        popup2.innerHTML= inner;
} 
 
function liste()
{
        document.getElementById('H2O').innerHTML="Choisissez le lien cassé";
        var arr = [], l = document.links;
        var popup = document.getElementById("popup");
        var inner = '<form  method="post" action="traitement.php" id="zeForm">';
        var en_tete ='';
    for (var i=0; i<l.length; i++) {
          en_tete=l[i].href;
          if ((en_tete.indexOf('http') !== -1)&&(en_tete.indexOf('http://localhost') !==0)) {
        inner= inner + '<input type="radio" name="lien-kaputt" id="'+en_tete+'" value="'+en_tete+'"onChange="montre_bouton()"' + en_tete +'" >' + en_tete +'</br>';
        }
     }
    inner=inner + '</br><button type="submit" id="modalbutt" onClick="suite()">envoyer</button>';
        popup.innerHTML = inner;  
        document.getElementById('modalbutt').style.visibility='hidden'; 
}
 
 
function  montre_bouton()
 {
         document.getElementById('modalbutt').style.visibility='visible';
}
 </script>
<style>
        blabla...       
</style>
</head>
<body>
<a href="#openModal"><img alt="liammoù" title="liammoù torr"  onClick="liste()" src="liamm-torr.png" border="0" /></a>
<div id="openModal" class="modalDialog">
<div>
<a href="#close" title="serriñ" class="close">X</a>
<h2 id="H2O"></h2>
<div id="popup">
</div>
</div>
</div>
</br>
 
voir <a href="http://www.parkallann.bzh" target="_blank">www.parkallann.bzh</a> </br>
voir <a href="http://parkallann.bzh" target="_blank">parkallann.bzh</a> </br>
voir <a href="http://gougougoul.bzh" target="_blank">gougoul.bzh</a> </br>
<div id="reponse"></div>
</body>
</html>

Si je modifie la ligne d�finissant le bouton d'envoi (ligne 28 du code) en supprimant le onClick="suite()" :
1 - la valeur est bien transmise � mon programme PHP (qui l'affiche pour l'occasion tellement il est content)
2 - mais le programme reste bloqu� sur la page PHP et la suite ne s'ex�cute pas..

� tester ici

Au secours ! Concernant le message de Chrome j'ai test� plusieurs solutions trouv�es sur le web mais aucune n'a march�...

**NoSmoking** · 12/05/2021, 11h26

Bonjour,
je vois une grosse incoh�rence dans ton code

Tu cr�es ton formulaire dans l'�l�ment <div id="popup"> qui contient �galement le bouton de soumission qui lui au clic ex�cute la fonction suite(), donc juste avant la soumission du formulaire.

Seulement voil�, dans ta fonction suite() tu d�truis ton formulaire lorsque tu remplaces le elPopup.innerHTML par un autre contenu, ... ,lors de la soumission ton formulaire n'existe donc plus dans ta page !!

**kristen44** · 12/05/2021, 15h57

Exact ! mais je ne vois pas quoi mettre dans la fonction appel�e par onSubmit.. Plus g�n�ralement, ce que je ne comprends pas, c'est pourquoi dans la version modalwindow2.html, une page s'affiche g�n�r�e par php, au lieu d'un retour pur et simple � mon programme. Au cas o� voici le code provisoire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
<?php
header('Content-type: text/html; charset=UTF-8');
if( $_POST){
  if (isset( $_POST['lien-kaputt'])){
   $lienkaputt = $_POST['lien-kaputt'];
   echo $lienkaputt;
 }
}
?>

J'ai essay� de vire le header ; m�me r�sultet. En fait, c'est l� que se fera l'insertion du lien envoy� dans une base SQL

**mathieu** · 12/05/2021, 16h01

Envoy� par kristen44

une page s'affiche g�n�r�e par php, au lieu d'un retour pur et simple � mon programme.

c'est parce que le clic sur le bouton "submit" envoie les donn�es � l'url de la balise "form" donc c'est envoy� � "traitement.php".

**kristen44** · 12/05/2021, 16h04

Mais quand on envoie des donn�es sur un serveur (formulaire ou autres), on reprend la main apr�s normalement, non ?

**mathieu** · 12/05/2021, 16h57

une fois que le formulaire est envoy�, la page actuelle est d�charg�e et remplac�e par le contenu g�n�r� par la 2e page donc "traitement.php".

si vous voulez envoyer une requ�te http en javascript et rester sur la m�me page, essayez d'utiliser une requ�te ajax :
https://dmouronval.developpez.com/tu...-requete-ajax/

**kristen44** · 12/05/2021, 18h31

H� bien h� bien, j'en apprends des choses... Apparemment, ce que j'essayais de faire n'est r�alisable qu'avec AJAX ! Je marque donc r�solu, m�me si mon probl�me ne pouvait pas l'�tre avec la m�thode utilis�e.

Un grand bravo et merci � tous
Kristen

Soumission d'un formulaire

JavaScript

Discussions similaires

Partager

Partager