IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[AJAX] Modification text d'un div + ajax


Sujet :

JavaScript

  1. #1
    Membre habitué
    Inscrit en
    Novembre 2003
    Messages
    533
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Novembre 2003
    Messages : 533
    Points : 180
    Points
    180
    Par défaut [AJAX] Modification text d'un div + ajax
    Bonjour,

    J'ai voulu testé aujourd'hui AJAX. C'est assez sympha ce qu'on peut faire avec...

    Mais je rencontre un petit problème. Je me suis inspiré d'une source que j'ai essayé de simplifié. Je passe mes valeurs en post. donc le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    xhr_object.send(donnee);
    je pourrais le supprimer? Mais si je le supprime ça fonctionne plus


    Ma deuxième question que je j'aimerais modifier le text dans un div, mais je ne sais plus comment faire. Est-ce que quelqu'un pourrait m'aider?

    Merci d'avance

    Bye

    Code : 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
     
     
    function test()
    	{
    	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;   
    		}   
     
    	var donnee = null;   
     
    	donnee = "identifiant_utilisateur=julped";
    	xhr_object.open("GET", "test.php?identifiant_utilisateur="+ document.getElementById("test").value, true);   
     
    	xhr_object.onreadystatechange = function()
    	{   
    		if(xhr_object.readyState == 4)
    			{   
    			var tmp = xhr_object.responseText.split(":");   
    			if(typeof(tmp[1]) != "undefined")
    				{   
    				f.elements["string"].value = tmp[1];   
    				}   
    			document.getElementById("Information") = tmp[0];   
    			}   
    	}   
     
    	xhr_object.send(donnee);
    	}

  2. #2
    Expert éminent
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Points : 7 285
    Points
    7 285
    Par défaut
    le xhr_object.send(donnee); te permet de transmettre tes variables en post à ta page, donc il ne faut pas le supprimer.

    pour modifier le contenu de ton div avec le retour d'ajax, un simple

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('ton_div_cible').innerHTML = valeur_retour;
    siffit, à placer dans ton if(xhr_object.readyState == 4)

  3. #3
    Membre habitué
    Inscrit en
    Novembre 2003
    Messages
    533
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Novembre 2003
    Messages : 533
    Points : 180
    Points
    180
    Par défaut
    Merci pour le innerHTML.

    Mais je ne passe pas les variables en post mais en GET. Donc je pourrais le supprimer non?

  4. #4
    Expert éminent
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Points : 7 285
    Points
    7 285
    Par défaut
    alors si c'est en get, il faut que tu le passe comme suit :


    PS : j'avait oublié de fermer un guillemet dans mon code pour le innerHTML, vérifies bien que tu as mis à jour

  5. #5
    Membre habitué
    Inscrit en
    Novembre 2003
    Messages
    533
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Novembre 2003
    Messages : 533
    Points : 180
    Points
    180
    Par défaut
    Ah ok. C'est bizarre qu'on doive mettre quand même la fonction même si on l'utilise pas...

    Merci beaucoup pour ta précieuse aide. Je vais maintenant essayé de faire un tchat. Ca va être sympha

    A plus

    Bye

  6. #6
    Membre habitué
    Inscrit en
    Novembre 2003
    Messages
    533
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Novembre 2003
    Messages : 533
    Points : 180
    Points
    180
    Par défaut
    J'ai encore juste une question, quand ma page php retourne l'information a affiché, s'il y a un accent, il fait un message. Comment puis-je faire pour contrer ce problème?

  7. #7
    Expert éminent
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Points : 7 285
    Points
    7 285
    Par défaut
    c'est à dire un message ?

    peux-tu donner un exemple de code qui fait planter + message stp ?

  8. #8
    Membre habitué
    Inscrit en
    Novembre 2003
    Messages
    533
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Novembre 2003
    Messages : 533
    Points : 180
    Points
    180
    Par défaut
    Alors voici ma page que mon code javascript

    Code : 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
     
     
    <?
    include("../connexion.php");
     
    if (empty($_GET['identifiant_utilisateur']))
    	{
    	$identifiant_utilisateur = "";
    	}
    else
    	{
    	$identifiant_utilisateur = $_GET['identifiant_utilisateur'];
    	}
     
    if (mysql_num_rows(mysql_query("SELECT id_utilisateur FROM tbl_utilisateur WHERE identifiant_utilisateur = '$identifiant_utilisateur'")) == 1)
    	{
    	//echo'Déjà utilisé';
    	echo'non disponible';
    	}
    else
    	{
    	echo'Identifiant disponible';
    	}
    ?>
    j'ai mis mon echo en commentaire, c'est celui là qui pose problème

  9. #9
    Membre habitué
    Inscrit en
    Novembre 2003
    Messages
    533
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Novembre 2003
    Messages : 533
    Points : 180
    Points
    180
    Par défaut
    J'ai résolu à moitié mon problème. Mais pas complètement. J'ai mis cette fonction qui permet de supporter les accents. Mais il pose toujours problème avec les : et les ". Comment puis-je faire?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo mb_convert_encoding($message, "UTF-8", "ISO-8859-1");
    merci d'avance

  10. #10
    Expert éminent
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Points : 7 285
    Points
    7 285
    Par défaut
    il faut au choix, que tu rajoutes un \ avant les guillemets, ou bien que tu les remplace par leurs entités HTML.

  11. #11
    Membre habitué
    Inscrit en
    Novembre 2003
    Messages
    533
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Novembre 2003
    Messages : 533
    Points : 180
    Points
    180
    Par défaut
    Ah ok. Ouai c'est parfait. Merci bien

    Alors cette fois je crois que c'est tout bon

    Encore merci

    Bye

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 5
    Dernier message: 20/04/2016, 10h25
  2. garder un texte dans une div dynamique ajax
    Par voyageurdumonde dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 29/04/2012, 10h35
  3. Réponses: 13
    Dernier message: 30/05/2011, 17h47
  4. [AJAX] Modification d'un Div avec les erreurs de Struts
    Par hikamovic dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 27/02/2009, 12h36
  5. Réponses: 3
    Dernier message: 21/11/2006, 14h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo