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

jQuery Discussion :

Rafraichir contenu et non la page entière


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 9
    Par défaut Rafraichir contenu et non la page entière
    Bonjour,

    Je viens vers vous car j'ai un problème pour actualiser le contenu de ma page qui est dans un <p> </p>, en utilisant AJAX

    Soit je rafraîchis la page entièrement, la sa marche mais le radio bouton que j'avais cocher se décoche à cause du rafraîchissement.

    Soit je rafraîchis la balise directement et la page entière se rafraîchis mais en se mettant dans la balise, donc cela créer une duplicité du document.

    Existe-il un moyen de ne récupérer que la balise nous concernant ?

    Merci d'avance.

    Code HTML/PHP contenu dans mon formulaire:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <label>Panneaux</label>
    	<p id="panneaux">
    	<?php while ($panneaux = $requestp->fetch(PDO::FETCH_ASSOC)) 
        { ?>
           <label for="<?php echo $panneaux['libelle']; ?>"><?php echo $panneaux['libelle']; ?></label><input type="radio" class="pannels" name="panel" value="<?php echo $panneaux['ref_panneaux']; ?>" prix="<?php echo $panneaux['ref_panneaux']; ?>" /> <br />
           <?php } ?>
       </p>
    <label>Finitions</label>
       <p id="finitions">
    	<?php while ($finitions = $requestf->fetch(PDO::FETCH_ASSOC)) 
        { ?>
           <label for="<?php echo $finitions['libelle']; ?>"><?php echo $finitions['libelle']; ?></label><input type="checkbox" class="options" name="<?php echo $finitions['libelle']; ?>" id="<?php echo $finitions['libelle']; ?>" value="option" /> <br />
           <?php } ?>
       </p>
    Code Ajax :
    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
    $(document).ready(function() {
       $("input.pannels").click(function() {
     
       	value = $('input.pannels:checked', '#myForm').val();
    		//$("p#finitions").load('index.php?p=index&q='+ value );
     
    		var data = "q="+ value; 	
    		$('p#finitions').attr('checked','checked');
    	$.ajax({ 
    		type: "GET",
    		url: "index.php?p=index",
    		data: data,
    		success:function(server_response){
    			$("body").empty();
    			$("body").html(server_response).show();
    			$('p#finitions').attr('checked','checked');
    		}
    	});
    	});
     });

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    regarde plutot du coté de load() ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 9
    Par défaut
    Justement cette fonction je l'utilisais comme ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("p#finitions").load('index.php?p=index&q='+ value );
    Mais sa me duplique tout le site dans la balise p#finitions

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    parce que ta page index te renvoie tout ...

    tu peux soit router dans ta page index et ne retourner que le contenu souhaité
    ou alors filter dans le load en disant quel élément tu souhaites récupérer
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 9
    Par défaut
    Merci, sa fonctionne.

    Code que j'utilise :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    $(document).ready(function() {
       $("input.pannels").click(function() {
       	var value = $('input.pannels:checked', '#myForm').val();
       	var url = 'index.php?p=index&q='+ value;
       	$("#finitions").empty();
       	$("#finitions").load(url + " #finitions");
    	}); 
     });

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

Discussions similaires

  1. [AJAX] possible de rafraichir du CSS dans la page via Ajax?
    Par freeriders88 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 12/06/2007, 10h39
  2. Généraliser une action sur une page entière
    Par fredodi dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/06/2007, 14h40
  3. Réponses: 2
    Dernier message: 17/02/2007, 12h34
  4. Réponses: 3
    Dernier message: 13/11/2006, 23h25

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