[C#] Message d'erreur dans un WebBrowserRésolu

Question

Bonjour à tous, j'ai une form1 avec un webBrowser, un bouton, et des textbox pour remplir un formulaire, j'aimerais savoir comment je peux afficher ( dans un label ou autre ) quand tu erreur apparaît dans mon webBrowser, car celui-ci est masquer, exemple j'ai l'ID de l'erreur sur le prénom ( firstNameFieldError ) 



Si le champ Prénom est vide ou incorrect et que cet erreur ( firstNameFieldError ) apparaît sur mon webBrowser, j'aimerais qu'il apparaisse aussi dans ma form1 voilà je sais pas si j'ai étais assez clair ou pas x)



Merci d'avance ^^

jordane45 · Answer

je sais pas si j'ai étais assez clair ou pas
Ou pas...


Mais comme j'ai déjà suivi quelques unes de tes questions je pense savoir de quoi tu parles...

Donc : Dans ta page internet, lorsque tu remplis ton nom d'utilisateur (par exemple) apparait dans cette page un message d'erreur ( par exemple : nom d'utilisateur déjà utilisé....).
Ce que tu souhaites... c'est récupérer ce message pour l'afficher dans ta form.

Pour ce faire : 
Tu regardes le code HTML de ce message d'erreur.
Il est surement contenu dans un DIV ...
Tu récupère donc, via l' ID de ce div son contenu...

jordane45 · Answer

Il faut que tu utilises innerHTML https://developer.mozilla.org/fr/docs/DOM/element.innerHTML //Contenu de la balise variable = document.getElementByid('account_loginNameFieldError').innerHTML; A adapter avec le nom de tes variaaables bien entendu.

yann_lo_san · Answer

Salut,

Tu peux utiliser le document HTML sous-jacent au WebBrowser:

// Récupère le document HTML
System.Windows.Forms.HtmlDocument doc =
        this.webBrowser1.Document;

// Pour un input
string valInput = doc.All["monInput"].GetAttribute("value");

//Pour un DIV :
string monDivText = doc.GetElementById("Mondiv").InnerText;
//ou 
string monDivText = doc.GetElementById("Mondiv").InnerHtml;

bye...

jordane45 · Answer

Et bien entendu,

Que tu utilises "ma" méthode, ou celle proposée par Yan....
Il faut, pour ne pas avoir d'erreur, vérifier que l'élément dont tu essayes de récupérer le contenu EXISTE sur la page.
Si tu mets un nom d'utilisateur VALIDE et qu'il n'y a pas de message d'erreur sur ta page web... l'élement Label contenant l'erreur normalement... n'existe pas...
Il est donc normal que tu ne puisse y lire sa valeur....


En javascript, pour vérifier qu'un élement existe on utilise Typeof.

var monElement = document.getElementById('id_de_mon_element');
if(typeof(monElement)!='undefined'){

//

}

Ulrichleboss · Answer

Si justement il doit m'afficher le message si la case est vide, c'est bien pour ça que j'ai voulu ce code ^^ 

Quand je lance le formulaire avec toutes les cases vides, j'ai une case visible du webBrowser, et on la voit bouger donc le message d'erreur apparaît bien sur la page mais pas dans mon tool et si je reclique pour lancer le formulaire, là j'aurais les messages d'erreur, par contre la date de naissance est entrer correctement et il m'affiche quand même tout les messages, par contre si le nom est entrer et que le reste non, là il n'affiche aucune erreur nul part.

Sa ne viendrais pas de mon code par hasard ? 

HtmlElement elmt = webBrowser1.Document.GetElementById("account_loginNameFieldError");            if (elmt != null)            {                string mavaleur = elmt.InnerHtml;                MessageBox.Show("Veuillez saisir une adresse mail", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);            }            HtmlElement elmt1 = webBrowser1.Document.GetElementById("dropDownGroupError");            if (elmt != null)            {                string mavaleur = elmt1.InnerHtml;                MessageBox.Show("Veuillez saisir une date de naissance", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);            }

etc pour les autres erreurs c'est la même chose

jordane45 · Answer

J'ai toujours les mêmes erreurs :x

Qu'est ce que tu entends par : les mêmes erreurs ?

As-tu essayé de mettre des points d'arrêt dans ton programme pour essayer de comprendre pourquoi ça te faisait ça ?
Qu'est ce déclenche ces erreurs ? 

Je te rappelle également que la plus part des scripts présents sur ta page html... se déclenchent après changement de FOCUS des éléments....

Ulrichleboss · Answer

Yep le voilà 
private void metroButton2_Click(object sender, EventArgs e)        {            HtmlElement elmt = webBrowser1.Document.GetElementById("account_loginNameFieldError");            if (elmt != null)            {                string mavaleur = elmt.InnerHtml;                MessageBox.Show("Veuillez saisir une adresse mail", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);            }            HtmlElement elmt1 = webBrowser1.Document.GetElementById("dropDownGroupError");            if (elmt1 != null)            {                string mavaleur = elmt1.InnerHtml;                MessageBox.Show("Veuillez saisir une date de naissance", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);            }            HtmlElement elmt2 = webBrowser1.Document.GetElementById("confirmPasswordFieldError");            if (elmt2 != null)            {                string mavaleur = elmt2.InnerHtml;                MessageBox.Show("Veuillez confirmez le mot de passe", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);            }            HtmlElement elmt3 = webBrowser1.Document.GetElementById("recaptcha_response_fieldFieldError");            if (elmt3 != null)            {                string mavaleur = elmt3.InnerHtml;                MessageBox.Show("Veuillez saisir les caractères affichés sur l'image.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);            }            HtmlDocument document7 = this.webBrowser1.Document; document7.GetElementById("confirmPasswordField").SetAttribute("value", textBox1.Text);            HtmlDocument document5 = this.webBrowser1.Document; document5.GetElementById("recaptcha_response_field").SetAttribute("value", textBox2.Text);            HtmlDocument doc = this.webBrowser1.Document;            object[] args = { textBox1.Text, "account_password" };            doc.InvokeScript("validatePasswordAJAX", args);            webBrowser1.Document.GetElementById("createAccountButton").InvokeMember("click");        }

jordane45 · Answer

Tiens...

J'ai fais un peu de ménage...

Dis moi ce que ça donne :

private void metroButton2_Click(object sender, EventArgs e)
        {
            
   // DOcument HTML (on ne le déclare qu'une fois..ça suffit...
   HtmlDocument docHTML  = this.webBrowser1.Document;
   
   // Récupération des différents élements de la page:
   HtmlElement elmt  = docHTML.GetElementById("account_loginNameFieldError");
   HtmlElement elmt1 = docHTML.GetElementById("dropDownGroupError");
   HtmlElement elmt2 = docHTML.GetElementById("confirmPasswordFieldError");
   HtmlElement elmt3 = docHTML.GetElementById("recaptcha_response_fieldFieldError");

if (elmt != null){
               MessageBox.Show("Veuillez saisir une adresse mail", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
           
            if (elmt1 != null){
               MessageBox.Show("Veuillez saisir une date de naissance", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
          
            if (elmt2 != null){
               MessageBox.Show("Veuillez confirmez le mot de passe", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
            
            if (elmt3 != null){
              MessageBox.Show("Veuillez saisir les caractères affichés sur l'image.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }

docHTML.GetElementById("confirmPasswordField").SetAttribute("value", textBox1.Text);
   docHTML.GetElementById("recaptcha_response_field").SetAttribute("value", textBox2.Text);
           
             object[] args = { textBox1.Text, "account_password" };
             docHTML.InvokeScript("validatePasswordAJAX", args);
   
   // Si aucun élément ne manque :
   if   (elmt != null 
     && elmt1 != null 
     && elmt2 != null 
     && elmt3 != null){
                docHTML.GetElementById("createAccountButton").InvokeMember("click");
   }
        }

 
Edit : correction : retrait des " .Document" en trop dans la déclaration des variables.


Avant de poser une question, merci de lire la charte du site.
Cordialement, Jordane

jordane45 · Answer

Je pense qu'il faut invoker le script de password...avant de vérifier.

private void metroButton2_Click(object sender, EventArgs e)
        {
 
//-------------------------------------------
// Initialisation de l'élément : Document
//-------------------------------------------           
   // Document HTML (on ne le déclare qu'une fois..ça suffit...
   HtmlDocument docHTML  = this.webBrowser1.Document;
   
//-------------------------------------------
// Mise à jour des champs :
//-------------------------------------------
   docHTML.GetElementById("confirmPasswordField").SetAttribute("value", textBox1.Text);
   docHTML.GetElementById("recaptcha_response_field").SetAttribute("value", textBox2.Text);
     object[] args = { textBox1.Text, "account_password" };
      docHTML.InvokeScript("validatePasswordAJAX", args);

//-------------------------------------------
// Vérification du message(s) d'erreur(s)
//-------------------------------------------
   // Récupération des différents élements de la page:
   HtmlElement elmt  = docHTML.GetElementById("account_loginNameFieldError");
   HtmlElement elmt1 = docHTML.GetElementById("dropDownGroupError");
   HtmlElement elmt2 = docHTML.GetElementById("confirmPasswordFieldError");
   HtmlElement elmt3 = docHTML.GetElementById("recaptcha_response_fieldFieldError");

if (elmt != null){
               MessageBox.Show("Veuillez saisir une adresse mail", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
           
            if (elmt1 != null){
               MessageBox.Show("Veuillez saisir une date de naissance", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
          
            if (elmt2 != null){
               MessageBox.Show("Veuillez confirmez le mot de passe", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
            
            if (elmt3 != null){
              MessageBox.Show("Veuillez saisir les caractères affichés sur l'image.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }

//-------------------------------------------
// Click sur le bouton Valider dans le navigateur
//-------------------------------------------
           
 // Si aucun élément ne manque :
 //  if   (elmt != null 
 //    && elmt1 != null 
 //     && elmt2 != null 
 //     && elmt3 != null){
 
          docHTML.GetElementById("createAccountButton").InvokeMember("click");

//}
 }

jordane45 · Answer

Bon,
Déjà... pour éviter d'avoir a réécrire 50 fois le même code... j'ai ajouté une fonction qui fait la vérification des champs.

public bool IsExistHtmlElement(string elmID) 
        {
            bool result = false;
            HtmlDocument docHTML = this.webBrowser1.Document;
            HtmlElement elmt = docHTML.GetElementById(elmID);
            if (elmt != null)
            {
                result = true;
            }
            return result;
        }

private void button2_Click(object sender, EventArgs e)
        {

bool isError = false;
            //-------------------------------------------
            // Initialisation de l'élément : Document
            //-------------------------------------------           
            HtmlDocument docHTML = this.webBrowser1.Document;

//-------------------------------------------
            // Mise à jour des champs :
            //-------------------------------------------
            docHTML.GetElementById("confirmPasswordField").SetAttribute("value", textBox1.Text);
            docHTML.GetElementById("recaptcha_response_field").SetAttribute("value", textBox2.Text);
            object[] args = { textBox1.Text, "account_password" };
            docHTML.InvokeScript("validatePasswordAJAX", args);

//-------------------------------------------
            // Vérification du message(s) d'erreur(s)
            //-------------------------------------------
            if (IsExistHtmlElement("account_loginNameFieldError"))
            {
                MessageBox.Show("Veuillez saisir une adresse mail", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
                isError = true;
            }
            if (IsExistHtmlElement("dropDownGroupError"))
            {
                MessageBox.Show("Veuillez saisir une date de naissance", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
                isError = true;
            }
            if (IsExistHtmlElement("confirmPasswordFieldError"))
            {
                MessageBox.Show("Veuillez confirmez le mot de passe", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
                isError = true;
            }
            if (IsExistHtmlElement("recaptcha_response_fieldFieldError"))
            {
                MessageBox.Show("Veuillez saisir les caractères affichés sur l'image.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
                isError = true;
            }

//-------------------------------------------
            // Click sur le bouton Valider dans le navigateur
            //-------------------------------------------

if (! isError)
            {
                MessageBox.Show("Veuillez saisir les caractères affichés sur l'image.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
                docHTML.GetElementById("createAccountButton").InvokeMember("click");
            }
            else
            {
                MessageBox.Show("Il y a une ou plusieurs erreurs", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
        }
 
 

Pour ce qui est de ton souci..... => L'affichage des messages d'erreur qui ne se fait que si tu cliques une deuxième fois sur le bouton.....il faut qu'on creuse un peu plus...




Si tu mets un point d'arrêt  sur la ligne de code :
 bool isError = false;
Est ce que lorsque ton script arrive sur ce point d'arrêt... les messages d'erreur DANS TON NAVIGATEUR sont présents ?


mets un autre  point d'arrêt  sur la ligne de code :
   if (! isError)
Et là ... est ce que les messages d'erreurs dans ton navigateur sont là ?


Et enfin... une fois que le code a fini de s'exécuter... 
Est-ce que les messages d'erreurs DANS TON NAVIGATEUR toujours.. apparaissent ??


Et... as tu des MsgBox qui s'affichent ?


Avant de poser une question, merci de lire la charte du site.
Cordialement, Jordane

jordane45 · Answer

Tu peux tester ceci ?

public bool IsExistHtmlElement(string elmID) 
        {
            bool result = false;
            HtmlDocument docHTML = this.webBrowser1.Document;
            HtmlElement elmt = docHTML.GetElementById(elmID);
            if (elmt != null)
            {
                result = true;
 MessageBox.Show("L'élément "+ elmID + existe et contient : " + elmt.innerHTML , "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);

}
            return result;
        }

Et .... as tu essayé en mode pas à pas après avoir mis les points d'arrêt comme je te l'ai demandé ??

jordane45 · Answer

Reprenons....

Peux tu me dire si tu as mis des points d'arrêt et si tu as testé ton code en mode pas à pas ?
http://loulou.developpez.com/tutoriels/cpp/debogueur-visual-studio/#L3.3

Pour ce qui est de la sortie (output).
N'as tu pas dans cette feneêtre une liste déroulante du genre :

 

Pour ce qui est de ton souci.... il faudrait peut être regarder du côté de la temporisation.
en effet...(Sur le site)  entre le moment où tu cliques sur le bouton valider du site et celui où apparaissent  les messages (sur un autre lien).. il peut y avoir quelques millisecondes (voir quelques secondes...)

J'aimerai aussi que tu m'expliques pourquoi tu as deux boutons et à quoi ils servent (et comment tu t'en serts..)

D'après ce que je crois comprendre :
Le bouton 1 te sert à renseigner TOUS les champs
Puis "cliques" sur le bouton valider.

Le bouton 2 : Vérifie s'il y a des messages d'erreur puis s'il n'y en a pas ..."cliques" sur valider ?
Donc tu te trouves bien sur la page contenant les erreurs AVANT de cliquer sur le bouton 2 ?




Autre point : 
Autant.. pour certaines vérifications faites par le site tel que le captcha et le login ( vérifications faites via des scripts javascript sur la page) je comprend que tu veuilles récupérer les erreurs de la page....
Autant pour les autres champs je ne comprend pas que tu ne fasses pas la vérification toi-même directement dans ton programme....
La case est vide ? ...erreur il faut la renseigner..... et ça.. nul besoin d'aller demander au site web de te le dire.....

Penses que là... tu es en train de manipuler un logiciel (internet explorer) à travers TON programme.... et donc...ça alourdit forcément les choses..

Pour faire une analogie : 
C'est un peu comme moi qui suit en train de te dire comment modifier ton programme.... il risque d'y avoir des loupés à un moment où à un autre et ça sera plus lent... (plus que si c'était moi qui codait directement)...

Donc pour résumer : 
Tout ce qui peut être traité directement par TON programme doit l'être...et tu réserves les manipulation du site web à ce qui est indispensable.

Dans le principe :
1 - Tu fais remplir par tes utilisateurs les champs (tes textbox)

2 - Tu vérifies que tous les champs obligatoires sont bien remplis

3 - si oui... tu cliques sur le bouton valider du site web
3 bis - Sinon.. retour étape 1

4 - Tu attends que la page soit rechargée...

5 - Tu vérifie s'il y a des messages d'erreur

6 - Si il y a des erreurs : Retour à l'étape 1
6 bis - Sinon ...ben... ton compte est créé..

Ulrichleboss · Answer

J'ai modifié le code : 

private void metroButton2_Click(object sender, EventArgs e)        {            {                //-------------------------------------------                // Initialisation de l'élément : Document                //-------------------------------------------                           HtmlDocument docHTML = this.webBrowser1.Document;                //-------------------------------------------                // Mise à jour des champs :                //-------------------------------------------                docHTML.GetElementById("confirmPasswordField").SetAttribute("value", textBox1.Text);                docHTML.GetElementById("recaptcha_response_field").SetAttribute("value", textBox2.Text);                object[] args = { textBox1.Text, "account_password"};                docHTML.InvokeScript("validatePasswordAJAX", args);                if (richTextBox1.Text.Trim() == "")                {                    MessageBox.Show("Veuillez saisir une adresse mail.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);                }                if (comboBox1.Text.Trim() == "Jour")                {                    MessageBox.Show("Veuillez saisir le jour de votre date de naissance.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);                }                if (comboBox2.Text.Trim() == "Mois")                {                    MessageBox.Show("Veuillez saisir le mois de votre date de naissance.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);                }                if (comboBox3.Text.Trim() == "Année")                {                    MessageBox.Show("Veuillez saisir l'année de votre date de naissance.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);                }                if (textBox1.Text.Trim() == "")                {                    MessageBox.Show("Veuillez confirmer le mot de passe.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);                }                if (textBox2.Text.Trim() == "")                {                    MessageBox.Show("Veuillez saisir le CAPTCHA.", "Erreur", MessageBoxButtons.OK, MessageBoxIcon.Error);                }                //-------------------------------------------                // Click sur le bouton Valider dans le navigateur                //-------------------------------------------                if (richTextBox1 != null                        && comboBox1 != null                        && comboBox2 != null                        && comboBox3 != null                        && textBox1 != null                        && textBox2 != null)                {                    docHTML.GetElementById("createAccountButton").InvokeMember("click");                }            }        }

Ca fonctionne mais y'a un truc qui me gêne ça devrais pas cliquer sur le bouton "createAccountButton" si y'a un champs qui est vide non ? pourtant dans mon cas ça le fais.

[C#] Message d'erreur dans un WebBrowser

13 réponses

Votre réponse