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 :

[Javascript]Mise en valeur d'un tr avec checkbox


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �prouv�
    Homme Profil pro
    D�veloppeur .NET
    Inscrit en
    Avril 2006
    Messages
    1 627
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 39
    Localisation : France, Essonne (�le de France)

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

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 627
    Par d�faut [Javascript]Mise en valeur d'un tr avec checkbox
    Voila, j'ai un tableau comprenant diff�rentes donn�es, pour chaque ligne j'ai un checkbox puis les donn�es, le checkbox representant la ligen de donnees lol..
    J'aimerai que lorsque une box est check�, la couleur du tr soit automatiquement chang� pour refl�ter le changement.

    L'utilisation de Javascript me semble in�vitable

    j'ai cherch� un peu partout mais on ne parle de ce genre d'actions qu'avec des mouseover....

    j'imaginais eventuellement une fonction qui passe le numero de la ligne du checkbox, je peux recuperer le tr via un getelementbyname suivi de l'indice sur mon objet, mais c'est apres pour affecter la couleur (le style css) que je suis largu�...


    Si quelqu'un a une id�e ou un bout de code � me faire partager

    Merci d'avance

  2. #2
    Expert confirm�
    Avatar de Swo�g
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    D�tails du profil
    Informations personnelles :
    �ge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par d�faut
    regarde du c�t� de onClick pour ton probl�me, ensuite, pour la couleur de fond du tr, tu peux toujours utiliser .style.backgroundColor
    R�dacteur "�clectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les R�gles du Forum - Mon Site Web sur DVP.com (D�veloppement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne r�pondrai � aucune question technique via MP, MSN ou Skype : les Forums sont l� pour �a !!! Merci de me demander avant de m'ajouter � vos contacts sinon je bloque !
    pensez � la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  3. #3
    Membre �prouv�
    Homme Profil pro
    D�veloppeur .NET
    Inscrit en
    Avril 2006
    Messages
    1 627
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 39
    Localisation : France, Essonne (�le de France)

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

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 627
    Par d�faut
    J'ai cod� ca :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    	var tableau = document.getElementByName('table');
    	var ligne = tableau[1].getElementByName('tr');
     
    	tr[CatIDStr].style.setCLass = "select";
    ca peche d�j� sur le getElementByName que firefox ne connait pas....

    Sinon c'est plausible le tr[CatIDStr].style.setCLass = "select"; pour changer la classe d'un tr ?

  4. #4
    Membre �prouv�
    Homme Profil pro
    D�veloppeur .NET
    Inscrit en
    Avril 2006
    Messages
    1 627
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 39
    Localisation : France, Essonne (�le de France)

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

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 627
    Par d�faut
    J'ai une erreur : tableau has no properties.... ca veut dire qu'il n'arrive pas � r�cup�rer d'elements table ?

    mon dernier code :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
     
    	var tableau = new Array();
    	var ligne = new Array();
    	tableau = document.getElementsByName('table')[1];
     
    	ligne = tableau.getElementsByName('tr');
     
    	ligne[CatIDStr].className = "select";
    Thk

  5. #5
    Expert confirm�
    Avatar de Swo�g
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    D�tails du profil
    Informations personnelles :
    �ge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par d�faut
    getElementsByName (tout comme getElementById) ne peut s'utiliser que sur document, seul getElementsByTagName peut s'utiliser sur tous les noeuds
    R�dacteur "�clectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les R�gles du Forum - Mon Site Web sur DVP.com (D�veloppement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne r�pondrai � aucune question technique via MP, MSN ou Skype : les Forums sont l� pour �a !!! Merci de me demander avant de m'ajouter � vos contacts sinon je bloque !
    pensez � la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  6. #6
    Membre �prouv�
    Homme Profil pro
    D�veloppeur .NET
    Inscrit en
    Avril 2006
    Messages
    1 627
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 39
    Localisation : France, Essonne (�le de France)

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

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 627
    Par d�faut
    J'en suis la :

    document.getElementsById('TD_'+CatIDStr).className = "select";

    firefox me marque que la fonction document.getElementsById n'est pas une fonction.....



    EDIT : Avec le getElementByTagName ne pose pas de probleme, mais par contre l'effet de changement de classe via className ne fait rien :/

    document.getElementsByTagName('TD_'+CatIDStr).className = "select";

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

Discussions similaires

  1. style .bst avec annotations et mise en valeur de certaines r�f�rences
    Par tubaas dans le forum Bibliographies - Index - Glossaires
    R�ponses: 0
    Dernier message: 25/08/2012, 10h31
  2. Renvoyer la valeur du lien cliqu� avec JavaScript
    Par mesken dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 25/04/2012, 01h30
  3. [XL-2007] copie valeur cellule dans word avec mise en page
    Par lenul78570 dans le forum Macros et VBA Excel
    R�ponses: 0
    Dernier message: 24/02/2010, 10h54
  4. [TinyMCE] Comment r�cup�rer la valeur d'un textarea avec javascript ?
    Par rasdri dans le forum Biblioth�ques & Frameworks
    R�ponses: 5
    Dernier message: 29/11/2007, 19h53
  5. r�cup�rer valeur d'un dropdownliste avec javascript
    Par Tyler Durden dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 18/07/2007, 21h47

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