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 dynamiquement le style lors d'une selection


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut modifier dynamiquement le style lors d'une selection
    bonjour,

    j'ai un tableau..avec la possibilité de séléctionner une ligne..
    lors de la selection, le style par défaut de mon composant met toute la ligne en bleu et le contenu devient invisible..
    comment modifier en javascript le style selectionné..

    j'ai testé ceci mais ça ne fonctionne pas

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var row = document.getElementById('id);
    row.style.backgroundColor='#FFDEDE';

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    il manque une quote ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('id_du_tr').style.backgroundColor='#FFDEDE';
    devrait fonctionner ...

    A+

  3. #3
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    Citation Envoyé par E.Bzz Voir le message
    Bonjour,
    il manque une quote ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('id_du_tr').style.backgroundColor='#FFDEDE';
    devrait fonctionner ...

    A+
    merci..
    l'id c'etait juste pour l'exemple, je recupere l'element avec une methode d'un framework ajax..
    c'etait encore plus con que ça. je restais sur le meme IE et il n'a pas pris le dernier fichier js..

  4. #4
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    désolè. au fait, je voudrais changer le background juste à la selection d'une ligne , la solution ci-dessus garde la couleur meme quand la ligne n'est plus selectionnée..

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Sniper37 Voir le message
    désolè. au fait, je voudrais changer le background juste à la selection d'une ligne , la solution ci-dessus garde la couleur meme quand la ligne n'est plus selectionnée..
    L'instruction que tu nous donnes est pour le moins ... sortie de son contexte
    En supposant que tu la lances sur onclick :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var couleur_unselect = '#FFFFFF';
    var couleur_select = '#FFDEDE';
    var couleur_ligne = document.getElementById('id_du_tr').style.backgroundColor;
    couleur_ligne = (couleur_ligne == couleur_select) ? couleur_unselect : couleur_select;
    A+

  6. #6
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    Citation Envoyé par E.Bzz Voir le message
    L'instruction que tu nous donnes est pour le moins ... sortie de son contexte
    En supposant que tu la lances sur onclick :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var couleur_unselect = '#FFFFFF';
    var couleur_select = '#FFDEDE';
    var couleur_ligne = document.getElementById('id_du_tr').style.backgroundColor;
    couleur_ligne = (couleur_ligne == couleur_select) ? couleur_unselect : couleur_select;
    A+

    ouii mais ça fait la meme chose ..

    on peut faire dynamiquement le onClick dans le javascript..?

    ma fonction ressemble a onClick..mais je n'ai pas la main dessus..je ne epux pas la modifier je suis obligé de surcharger le onClickj dans le javascript..

    mercii

Discussions similaires

  1. Réponses: 10
    Dernier message: 13/11/2007, 13h04
  2. dropdownlist gérer événement lors d'une selection
    Par blandine555 dans le forum ASP.NET
    Réponses: 6
    Dernier message: 25/07/2007, 19h11
  3. Réponses: 11
    Dernier message: 17/07/2006, 22h08
  4. Modifier dynamiquement TOUS les URL d'une page
    Par Torpedox dans le forum Langage
    Réponses: 2
    Dernier message: 06/04/2006, 05h21
  5. Modifier dynamiquement le style d'un textarea
    Par AlLutun dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 09/11/2004, 15h18

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