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 :

Modifier le onclik d'une balise par JS


Sujet :

JavaScript

  1. #1
    Membre �clair�
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par d�faut Modifier le onclik d'une balise par JS
    Bonjour,

    certaine partie d'un tableau change en fonction de deux radio
    Je me demande si j'ai le droit de faire ceci :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    <td id="modif1" onclick="sort('DUREE')">Ouverte depuis...</td>
    					<td id="modif2" onclick="sort('OBJETDEB')">Commentaire</td>
    et modifier mon onclick avec du javascript voila ma fonction:
    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
     
    function critereSupp(choix)
    {
    	if(choix == "oui")
    	{
    		$("critere_date").style.display = "block";
     
    		$("modif1").onclick = "sort('DATEDEB')"; 
    		$("modif2").onclick = "sort('DUREETOT')";
    		$("modif1").innerHTML = "Début de session";
    		$("modif2").innerHTML = "Durée Totale";
    		......
    	}
    	if(choix == "non")
    	{
    		... je fais le contraire ....
    	}
    }
    Les titres sont bien chang� mais quand j'essaye de clicker dessus cela ne fait rien m�me pas un rechargement de la page.

    Donc je me demande si j'ai bien le droit de le faire ou si je fait une erreur de syntaxe.

    Merci d'avance pour vos r�ponse.

  2. #2
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activit� : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par d�faut
    Salut,

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    $("modif1").onclick = function(){sort('DATEDEB');}; 
    $("modif2").onclick = function(){sort('DUREETOT');};

  3. #3
    R�dacteur/Mod�rateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par d�faut
    Bonsoir,

    Est-ce du jQuery? si c'est le cas,
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    $("#modif1").click(function(){sort('DATEDEB');}) ;
    A+.

  4. #4
    Membre �clair�
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par d�faut
    Mince j'ai oublier de pr�ciser non ce n'est pas du JQuery.

    Merci pour vos r�ponse je vais tester rapidement et je reviens vers vous.

  5. #5
    Membre �clair�
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par d�faut
    Alors apres test cela fonction grand merci, mais alors comment peut ton interpr�ter le
    qui visiblement a tout changer, qu'est ce que cela a fait?
    Peut �tre cela permet 'il de sp�cifier que nous allons lui donner une fonction?

    Merci d'avance.

  6. #6
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Citation Envoy� par darkterreur
    comment peut ton interpr�ter le
    Ben en cliquant sur l'�l�ment
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  7. #7
    Membre �clair�
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par d�faut
    Non non je me suis surement mal exprim�
    je sais ce que c'est cenc� faire mais comment d�finir le role de
    dans mon code?

  8. #8
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activit� : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par d�faut
    Contrairement � l'attribut onclick de l'�l�ment HTML...
    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    <td id="modif1" onclick="sort('DUREE')">
    La propri�t� onclick peut �tre :

    1) une r�ference � une fonction d�clar�e dans le code.

    Code js : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    // Déclaration des fonctions
    function sort_DATEDEB(){
    	sort('DATEDEB');
    }
     
    function sort_DUREETOT(){
    	sort('DUREETOT');
    }
     
    // Gestionnaires d'évenement
    $("modif1").onclick = sort_DATEDEB;	// Appel la fonction sort_DATEDEB() lors du clique
    $("modif2").onclick = sort_DUREETOT;	// Appel la fonction sort_DUREETOT() lors du clique

    2) une fonction anonyme

    Code js : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
     
    // Gestionnaires d'évenement
    $("modif1").onclick = function(){sort('DATEDEB');};	// Appel cette fonction lors du clique
    $("modif2").onclick = function(){sort('DUREETOT');};	// Appel cette fonction lors du clique

  9. #9
    Membre �clair�
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par d�faut
    Donc si je comprend bien une fonction
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    function sort(param)
    {
    	tout un tas de truc avec mon param ;
    }
    avec un param�tre c'est donc une fonction anonyme?
    et je dois utiliser function() pour l�appeler ?

  10. #10
    Membre averti
    Homme Profil pro
    Responsable de projet fonctionnel
    Inscrit en
    Mars 2006
    Messages
    41
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 41
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activit� : Responsable de projet fonctionnel
    Secteur : Distribution

    Informations forums :
    Inscription : Mars 2006
    Messages : 41
    Par d�faut
    pas vraiment, non...

    Les fonctions sont anonymes car d�clar�es lors de leur affectation � l'�v�nement onClick. On ne peut donc pas s'en servir ailleurs.

    Si elles avaient �t� d�clar�es ailleurs puis appel�es � la mani�re de sort_DATEDEB, elles ne seraient pas anonymes...

  11. #11
    Membre �clair�
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par d�faut
    D'accord

    Mais ma fonction sort() est d�clar� dans une autre page .js inclue dans la page courante.

    donc si je comprend bien j'aurai pu faire ceci ?
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    $("modif1").onclick = sort('DATEDEB');
    Merci d'avance pour vos informations.

  12. #12
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Non.
    onclick attend comme valeur un callback, c'est-�-dire une r�f�rence � une fonction, donc soit une fonction anonyme, soit le nom de la fonction.
    Si tu �cris
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    $("modif1").onclick = sort('DATEDEB');
    tu affectes le r�sultat de l�ex�cution de la fonction, il faut donc �crire
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    $("modif1").onclick = sort;
    mais l�, tu ne peux pas passer de param�tre, c'est pourquoi il faut l'englober dans une fonction anonyme :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    $("modif1").onclick = function(){sort('DATEDEB');};
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  13. #13
    Membre �clair�
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par d�faut
    ha oui tout est clair maintenant comme de l'eau de roche
    et bien je vous remercie beaucoup pour votre patience.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [XSLT] modifier le nom d'une balise
    Par valbrand dans le forum XSL/XSLT/XPATH
    R�ponses: 4
    Dernier message: 03/09/2008, 14h27
  2. [DOM] r�cup�ration d'une balise par la valeur de son attribut
    Par slyfer dans le forum Biblioth�ques et frameworks
    R�ponses: 4
    Dernier message: 10/11/2007, 13h50
  3. modifier la valeur d'une balise
    Par gentil dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 16/04/2007, 17h15
  4. Modifier la structure d'une table par macro / vba
    Par zermatt dans le forum Access
    R�ponses: 8
    Dernier message: 21/01/2007, 15h32
  5. Mise � jour d'une balise par innerHTML qui pose pb !!
    Par nerik38 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 20/01/2006, 16h13

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