bonjour à tous,

j'ai fait un petit script me permettant de surligner un champ sélectionné et de remmettre le champ normal une fois désélectionné.

Le problème est que je fais la mise en forme dans le javascript alors que j'ai déjà des classes existantes dans la feuilles de style.
j'aimerai utiliser directement les classes définies dans le fichier css à partir du javascript. j'ai essayé avec un className mais sans succès.

voici mon code qui vous permettra de mieux voir mon problème :

partie javascript :

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
 
var oldRow = null;
function sel(obj){
 
   /***objet non sélectionné ou désectionné*****/
   if(oldRow != null)
   {
      oldRow.style.color='#7f9d63';
      oldRow.style.borderStyle='none';
 
    }
      /***objet sélectionné ***/
      obj.style.border='1px solid #d5d0ba';
      obj.style.borderRight='7px solid #d5d0ba';
      obj.style.color='#4a423b';
 
 
 
oldRow = obj;
}
partie html et php :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
echo "
   <div id='divCont'> 
      <div class='clSub'>\n";
          <a href='#' onclick='sel(this)'>ligne1</a><br>\n";
          <a href='#' onclick='sel(this)'>ligne2</a><br>\n";
          <a href='#' onclick='sel(this)'>ligne3</a><br>\n";
     </div>
   </div>";
partie css :


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
 
#divCont .clSub  a  {
  color: #7f9d63;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  border:1px solid white ;
  border-right:7px solid white;
  text-align:left;
  padding:2px;
}
 
#divCont .clSub  a:hover {
  background-color:white;
  color:#4a423b;
  border: 1px solid #d5d0ba;
  border-right:7px solid #d5d0ba;
}
merci d'avance