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 :

Mise à jour d'une div suite à une requête Ajax


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2005
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juillet 2005
    Messages : 277
    Par défaut Mise à jour d'une div suite à une requête Ajax
    Bonjour,

    J'ai fait un lien avec un onClick=javascript:link(param1, param2)
    Le tout passé en requête Ajax.
    Mon code marche mais pouvez vous me dire si la méthode de mise à jour de la div est correct... car j'ai 2 instructions pour faire cela :s
    De plus n'y a t il pas un moyen plus propre de "créer" le lien? sans créer ma fonction link.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    function link(choix,id)
                    {
                        $.ajax({
                            type: "POST",
                            url: "<?php echo url_for('@configChemin') ?>",
                            data: "choix=" + choix + "&id=" + id,
                            success: function(html){
                                $('#sf_admin_content').empty();
                                $('#sf_admin_content').append(html);
                            }
                        });
                    }
    Merci d'avance pour votre aide !

  2. #2
    Membre émérite
    Avatar de gwinyam
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 162
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 162
    Par défaut
    Il y a une petite modif à faire:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function link(choix,id)
                    {
                        $.ajax({
                            type: "POST",
                            url: "<?php echo url_for('@configChemin') ?>",
                            data: "choix=" + choix + "&id=" + id,
                            success: function(html){
                                $('#sf_admin_content').html(html);
                            }
                        });
                    }
    Regarde la description de html() dans la doc de jQuery : http://docs.jquery.com/Html

    Bonne journée

  3. #3
    Membre émérite
    Avatar de gwinyam
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 162
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 162
    Par défaut
    J'ai oublié l'idée de la fonction link que tu veux faire partir, tu peux faire ça:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <span id="toto">texteQuiVaDisparaitreSurClic</span>
    avec ça :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    $('#toto').onclick(function (choix,id)
                    {
                        $.ajax({
                            type: "POST",
                            url: "<?php echo url_for('@configChemin') ?>",
                            data: "choix=" + choix + "&id=" + id,
                            success: function(html){
                                $('#sf_admin_content').html(html);
                            }
                        });
                    });


    Ou si tu veux un truc qui soit générique mais qui marche quand même:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <span onclick="javascript: $.ajax({type: "POST", url: "<?php echo url_for('@configChemin') ?>", data: "choix=" + choix + "&id=" + id, success: function(html){$('#sf_admin_content').html(html);}});">texteQuiVaDisparaitreSurClic</span>

  4. #4
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2005
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juillet 2005
    Messages : 277
    Par défaut
    ok pour la correction du html ! merci .
    ha oki merci pour le onclick. j'ai pas l'habitude du jquery alors pas l'habitude de lui greffer du javascript disons normal...

    merci

  5. #5
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2005
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juillet 2005
    Messages : 277
    Par défaut
    Alors je pense pas pouvoir utiliser ta solution avec le span.
    J'ai un paramètre à faire passer...

    Pour faire simple je génère plusieurs div avec pour chacun 2 paramètre différents.

  6. #6
    Membre émérite
    Avatar de gwinyam
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 162
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 162
    Par défaut
    span ou div, t'as juste à remplacer, j'ai mis span parce que je savais pas ce que tu utilisais, dans ce cas là, ça a le même effet.

Discussions similaires

  1. Réponses: 6
    Dernier message: 31/03/2015, 16h33
  2. Aligner des divs dans une div sur UNE ligne
    Par identifiant_bidon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 17
    Dernier message: 07/09/2011, 18h06
  3. Réponses: 4
    Dernier message: 30/09/2009, 14h37
  4. Incorporer une div dans une div
    Par solorac dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 21/07/2008, 14h21
  5. [MySQL] Insertion d'une image dans une div d'une news
    Par godsilken50 dans le forum PHP & Base de données
    Réponses: 3
    Dernier message: 05/05/2007, 16h58

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