Récupérer texte d'une div après chargement AJAX

Version imprimable

Voir 40 message(s) de cette discussion en une page

02/06/2018, 22h05
Momodughetts

Bon ça va alors.. Merci en tout cas pour ton aide et ta patience :)
04/06/2018, 11h43
NoSmoking

Précisions
Bonjour,

• Placement écouteur

Citation:

Envoyé par jreaux62

Il faut "raccrocher" l'événement à un élément présent au départ.

Tout à fait et, pour des raisons de performance, le placer sur le conteneur parent le plus proche.

Dans le cas présent puisque l'on « injecte » du HTML dans l'élément $('.reservation'), autant mettre l'écouteur sur celui-ci.

Citation:

Envoyé par Momodughetts

Dans mes TD j'ai une DIV avec une class "daytitle"

dans ce cas l'écouteur doit viser directement les éléments ayant la classe daytitle.
Code:

1 2 3 4 $(".reservation").on("click", ".daytitle", function(e) { $('#textcontent').text($(this).text()); } ); // <= ne pas oublier la fermeture du on
Nota : on peut se poser la question du pourquoi ajouter une <div> dans les <td> mais bon !

• Méthode .load()

Citation:

Envoyé par Momodughetts

Par contre j'ai cette erreur xhr qui s'affiche dans la console ...

Ce message est un avertissement et non une Erreur.

La méthode .load() , tout comme .get() et .post(), est un raccourci de la méthode .ajax(), cette méthode est asynchrone.

Au lieu d'écrire

Code:

$('.reservation').load("formulaireajax.html");

tu aurais tout à fait pu écrire
Code:

1 2 3 $.get("formulaireajax.html", function(reponse) { $('.reservation').html(reponse); }, html);
• Mode strict

Citation:

Envoyé par bonjourajax

Pourquoi tu veux a tout prix utiliser le mode strict, surtout si tu débutes, ...

Non au contraire, il est préférable de prendre d'ores et déjà de bonnes habitudes.

Citation:

Envoyé par bonjourajax

... ça va t'amener à faire des erreurs sur un script qui aurait fonctionner sans ce mode?

dans ce cas cela veut dire que le code est « bancal » !

Citation:

Envoyé par bonjourajax

Le "prof" aurait du te dire alors qu'il faut utiliser le mode script par function en premier et non dans le script entier sinon c'est compliqué de trouver des erreurs de syntaxes

Rien n'empêche de placer l'instruction "use strict"; en tête de script, il faut savoir cependant que dans ce cas TOUS les scripts concaténés seront en mode strict, ce qui dans ton cas ne devrait pas poser de soucis.

Même jQuery JavaScript Library v3.3.1 en fait usage de la sorte.
04/06/2018, 13h09
bonjourajax

Bonjour

Je l'utilise aussi, mais je le place une fois que j'ai terminé le code, avant concaténation.
Ayant appris le js sans commencer par 'use script' je donne mon point de vue simplement, qui est loin d'être celui d'un expert, mais qui a fonctionné pour moi
Chacun le sien
04/06/2018, 15h55
NoSmoking

Juste pour info, si à l'époque j'avais disposé de l'instruction "use strict" c'est plusieurs heures que j'aurais économisé, surtout en prise de tête et ce qui va avec, pour un oubli de déclaration d'une variable de boucle avec le mot clé var dans un code distant, même très distant, de celui que je testais/déboguais (je m'en rappelle encore et il suffit que je ferme les yeux pour revoir le code).

Alors mon conseil, de prudence, ne pas ce gêner d'utiliser "use strict".

Ahah génial tes explications merci ! Par contre je rencontre un autre problème si tu peut m'aider; Je fait une vérification de formulaire en Js et j'aimerais que si il y a une erreur qui s'affiche, le formulaire ne s'envoie pas or la le formulaire s'envoie quand même même si le champ est vide, explication ? Solution ? Merci beaucoup

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
26
27
28
29
30
31
32
33
34
35
36
function afficheErreur(champ, erreur){
    var blocErreur = $(champ).parent('li').children('.Erreur');
    if(erreur){
        blocErreur.show();
    }else{
        blocErreur.hide();
    }
}
function verifMessage(){
    var message = this.value;
    if(message === "" || this.value.length <= 5){
      afficheErreur(this, true);
      return false;
    }else{
        afficheErreur(this, false);
        return true;
    }
}
function verifForm(){
   var nomOk = verifNom.bind(this.nom);
   var mailOk = verifMail.bind(this.mail);
   var numeroOk = verifNumero.bind(this.number);
   var messageOk = verifMessage.bind(this.message);
   if(!nomOk || !mailOk || !numeroOk || !messageOk){
   event.preventDefault();
   }else{
   }
}
console.log(verifForm)
$(function(){
$('#messageForm').submit(verifForm);
$('[name="nom"]').blur(verifNom);
$('[name="mail"]').blur(verifMail);
$('[name="message"]').blur(verifMessage);
$('[name="number"]').blur(verifNumero);
});

12/06/2018, 12h59
Invité
Bonjour,
- event.preventDefault

Oui... enfin ça m'aide pas même en rajoutant
Code:

1 2 3 4 5 6 $('[name="submit"]').click(function(event){ if(!nomOk || !mailOk || !numeroOk || !messageOk){ event.preventDefault(); }else{ } })
le formulaire vide s'envoie quand même

Code:

1 2 3 4 5 6 7 $('#messageForm').submit(function(event){ if(afficheErreur()){ event.preventDefault(); }else{ $('#messageForm').unbind('click') } })
Même comme ça il s'envoie encore :( vraiment je sais pas comment faire

12/06/2018, 18h27
bonjourajax
Bonjour

essaye avec simplement
Code:

1 2 3 4 $('#messageForm').submit(function(event){ event.preventDefault(); });
si il s'envoie toujours y a un probleme

edit : je viens de me souvenir de ce sujet, c'est pas a cause du "use strict" (manque de point virgule)? :mouarf:

Citation:

Envoyé par Momodughetts

Par contre je rencontre un autre problème si tu peut m'aider; Je fait une vérification de formulaire en Js et j'aimerais que si il y a une erreur qui s'affiche

dans ce cas il te faut clore cette discussion, bouton _{http://club.developpez.com/aidenouve...82noresolu.png} qui se trouve en bas de la liste des messages, et en ouvrir une autre !

https://www.developpez.com/template/kit/kitinfo.png Poser plusieurs questions dans un seul et même fil nuit grandement à la qualité du forum : notamment, lors d'une recherche, tout le contenu du fil n'est pas indiqué dans le titre, elle devient donc plus ardue.

Notre but est de maintenir une base de connaissances facile à exploiter par tous les visiteurs, utilisable par tous.
Vous avez pu bénéficier de ce forum en posant vos questions, laissez la possibilité aux suivants de bénéficier des réponses en leur offrant un sujet moins dispersé.

13/06/2018, 00h22
Momodughetts

Désolé demain j'ouvre un autre sujet parce que j'ai toujours pas la solution ! C'est vrai que j'aurais du y penser des le début.. Merci quand même je passe le sujet en résolu !

Voir 40 message(s) de cette discussion en une page