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]Case en surbrillance


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Février 2006
    Messages
    107
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 107
    Par défaut [javascript]Case en surbrillance
    Bonjour,
    Je suis un novice en javascript.Veuillez excuser mon ignorance.
    Est il possible, dans une table que j'ai créé, de mettre en surbrillance une cellule et d'avoir les autres ombragées et lorsque que je clique sur "suivant", mettre en surbrillance la cellule suivante?
    Si oui, pourriez vous me fournir les commandes à utiliser?
    j'essayerai de les appliquer à mon code.
    Merci beaucoup.

  2. #2
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonjour,

    je crois qu'il te faut jouer avec les feuilles de styles. Par exemple (clique sur une cellule pour changer son style) :
    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
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
     
    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    td{
    cursor: pointer;
    width: 50px;
    height: 20px;
    border: solid 1px #555555;
    }
     
    td.defaut{
    color: #AAAAAA;
    background-color: #FFFFF;
    }
     
    td.styleClic{
    color: #000000;
    background-color: #A1B2C3;
    }
    //-->
    </style>
     
    <script type="text/javascript">
    <!--
    var oldObj = null;
    function test(obj)
    {
     obj.className="styleClic";
     
     if (oldObj!=null)
     {
      oldObj.className="defaut";
     }
     oldObj = obj;
    }
     
    //-->
    </script>
     
    </head>
     
    <body>
    <table>
      <tr>
        <td class="defaut" onclick="test(this)">case 1</td>
        <td class="defaut" onclick="test(this)">case 2</td>
        <td class="defaut" onclick="test(this)">case 3</td>
        <td class="defaut" onclick="test(this)">case 4</td>
      </tr>
    </table>
     
     
     
    </body>
     
    </html>

  3. #3
    Membre confirmé
    Inscrit en
    Février 2006
    Messages
    107
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 107
    Par défaut
    Ah ouai,bien.
    Merci.
    Avec ça, je vais pouvoir essayer de passer d'une étape à l'autre avec des boutons "suivant" "précédent".
    Encore merci.

    PS:ça fait plaisir d'avoir de l'aide dans des domaines où on débute.Merci à developpez.com.(je sais, ça fais beaucoup de merci)

  4. #4
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    et il me semble que la valeur de couleur highlight est portable; très pratique en l'occurrence;

Discussions similaires

  1. Temporisation en javascript avec Settimeout function switch case
    Par Le_castor_déchainé dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 01/01/2009, 22h46
  2. [PHP-JS] case à cocher php javascript
    Par saber_isg dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/10/2007, 13h52
  3. [javascript]surbrillance d'une ligne de tableau
    Par ep31 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 27/09/2007, 10h28
  4. javascript case a cocher
    Par sephirothmana dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 27/02/2007, 15h12
  5. Réponses: 2
    Dernier message: 21/07/2006, 12h28

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