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 :

Onglet , ajax et paramètres


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Modérateur
    Avatar de grunk
    Homme Profil pro
    Lead dév - Architecte
    Inscrit en
    Août 2003
    Messages
    6 693
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Lead dév - Architecte
    Secteur : Industrie

    Informations forums :
    Inscription : Août 2003
    Messages : 6 693
    Par défaut Onglet , ajax et paramètres
    Bonjour à tous,
    j'essai de réaliser un petit script me permettant de gérer des onglets (je ne souhaite/peux pas utiliser jqueryUi) en jquery (1.4.4).

    J'ai pour le moment fait quelque chose de très basique :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <ul>
        <li><a href="#iddiv">Contenu inline</a></li>
        <li><a href="ajax/contenuacharger"> Contenu ajax</a></li>
    </ul>
    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
     
    $('#onglets-1 ul li a').click(function(e){
    	e.preventDefault();
    	var href = $(this).attr('href');
            $('.tab').hide();
    	if(href.length > 1)
    	{
    		var firstChar = href.substring(0,1);
    		if(firstChar == '#')
    		{		   
    		   $(href).show();
    		}
    		else
    		{
    		   $('#ajaxContent').load(href).show();
    		}
    	}
    	else
    	{
    		$('#ajaxContent').html('Aucun contenu à afficher').show();
    	}
    });
    Concrètement je suis en mesure d'afficher via mes onglets soit un contenu déjà présent dans la page (spécifier par son id) soit un contenu distant via requête ajax.

    Mon problème ce situe au niveau des contenus avec ajax. Dans certains cas j'aimerais pouvoir passer une série d'argument à cette requête, mais je ne sais pas comment m'y prendre.
    L'idéal serait une fonction de callback à spécifier dans l'onglet , mais de quel manière procéder ?
    Passer ces arguments dans l'url n'ai pas vraiment une options car ces url ne correspondrait pas aux controllers qui gère l'appli ce que je souhaiterais éviter.

    merci
    Pry Framework php5 | N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  2. #2
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    Tu peux ajouter des informations dans d'autres attributs de la balise a,
    en html5 tu pourrais utiliser un attribut data-qqch='...' et autrement
    tu peux utiliser rel='...'

    Ne peux-tu pas aussi ajouter les arguments à ton href et les traiter
    avant de faire ton load ?

  3. #3
    Modérateur
    Avatar de grunk
    Homme Profil pro
    Lead dév - Architecte
    Inscrit en
    Août 2003
    Messages
    6 693
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Lead dév - Architecte
    Secteur : Industrie

    Informations forums :
    Inscription : Août 2003
    Messages : 6 693
    Par défaut
    Merci de ta réponse,

    je pourrais effectivement mettre les arguments dans le href , mais comme je l'ai dis précédemment l'url ne correspondrait à rien.
    par exemple si j'ai
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="ajax/mapage">Lien</a>
    Si pas de js , pas de problème ajax/mapage sera ouvert

    En revanche
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="ajax/mapage/attribut/1/qsd">Lien</a>
    Si pas de js , cette url ne pointera peut être pas au bon endroit et prendre en compte toutes les possibilité coté routage php risque d'être compliqué.

    J'ai essayé quelque chose avec l'attribut rel :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="ajax/mapage" rel="fonctionCallback">Lien</a>
    Mais comment appeler fonctionCallback ? Quelques chose comme cela :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var relfn = $(this).attr('rel');
    var data = eval(relfn());
    ne fonctionne pas , car évidemment il considère "relfn" comme une chaine
    Pry Framework php5 | N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  4. #4
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    Tu peux essayer avec window[relfn](...); pour autant que ta fonction
    soit dans le contexte de window. (ce qui est le cas si tu la déclare sans autres)

    Je te recommanderai d'utiliser un espace de nommage pour tes callbacks,
    dans ce goût là:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    var callbacks = {
     
      cb1: function() { return ...; },
      cb2: function() { return ...; },
      cb3: function() { return ...; }
     
    };
    Que tu peux ensuite appeler ainsi:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var relfn = $(this).attr('rel');
    var data = callbacks[relfn]();

  5. #5
    Modérateur
    Avatar de grunk
    Homme Profil pro
    Lead dév - Architecte
    Inscrit en
    Août 2003
    Messages
    6 693
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Lead dév - Architecte
    Secteur : Industrie

    Informations forums :
    Inscription : Août 2003
    Messages : 6 693
    Par défaut
    Parfait merci !
    Pry Framework php5 | N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

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

Discussions similaires

  1. [IE 8] Désactiver Onglet Star / Importer paramètres
    Par Arnard dans le forum IE
    Réponses: 0
    Dernier message: 03/11/2009, 18h30
  2. [Prototype] Navigation par Onglets, Ajax , Prototype et PHP
    Par vivicente dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 15/10/2009, 22h55
  3. Ajax et paramètres &
    Par Darkcristal dans le forum jQuery
    Réponses: 2
    Dernier message: 06/08/2009, 11h07
  4. [Dojo] Requête AJAX avec paramètre avec DOJO
    Par Tavarez59 dans le forum Bibliothèques & Frameworks
    Réponses: 10
    Dernier message: 19/06/2009, 13h50
  5. [AJAX] Récupérer paramètre sur POST dans une servlet
    Par _beber85 dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 05/04/2006, 11h52

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