class et id définis dans une même balise ?

Bonjour à tous.

J'aimerais savoir s'il existe un moyen de définir à la fois la class et l'id d'une div, du genre:
<div class='no1' id='no2'>

En effet, j'ai plusieurs div dans ma page qui possèdent toutes les même caractéristiques de style. Une même class est donc utile.
Cependant, ces div sont initialement cachées puis sont appelées et placés dynamiquement par javascript via leur id (document.getElementById('no2').style....)

Je ne me préoccupais pas de cette question jusqu'à ce que je cherche à fignoler mon code via une feuille de style, car je définissais le style des div directement dans la balise
=> <div id='no2' style='tj_le_même style pour ttes les balises'>, il n'y avait donc aucun soucis.

Bref, j'ai essayé d'intégrer la définition des class et id en même temps sans succès...

Pensant que ce soucis a déjà été rencontré, j'aimerais savoir s'il existerait une 'astuce' paliant ce problème.

Dans le cas contraire, je continuerai à définir les style directement dans les balises.

Merci d'avance et à bientôt.

PS: Free m'a enfin renvoyé un modem !!!

Signé Sagat

bonjour,

à priori, aucun souci à ce niveau.
les 'n' possibilités d'agir sur le style cohabitent
si des éléments existent dans l'un et l'autre,
    l'un écrasera l'autre ( ou le contraire, sans
    être sûr de l'ordre dans lequel c'est pris, et
    si c'est le même pour tous les navigateurs ! )

un tout petit extrait/exemple de ce que tu fais ?  

Cordialement

Bul  [mon Site] [M'écrire]

Aucun soucis pour l'exemple:

Voilà ce que je faisais (simplifié mais l'idée et là):

<table>
<tr>
<td id='n1'><span onClick='positionner(n1,Yo1);montrer(Yo1);'>bla bla</span></td>
<td id='n2'><span onClick='positionner(n2,Yo2);montrer(Yo2);'>bla bla</span></td>
<td id='n3'><span onClick='positionner(n3,Yo3);montrer(Yo3);'>bla bla</span></td>
</tr></table>


<div id='Yo1' style='position:absolute;display:none;border:1px solid black;background-color:white;'> bla bla bla </div>

<div id='Yo2' style='position:absolute;display:none;border:1px solid black;background-color:white;'> bla bla bla </div>

<div id='Yo3' style='position:absolute;display:none;border:1px solid black;background-color:white;'> bla bla bla </div>

avec pour script:

var a;var b;

function positionner(val,menux){

 var c=val.offsetLeft;
 var d=val.offsetTop;
a=c;
 b=d+40; 
 menux.style.left=a;
 menux.style.top=b;
}

L'idée étant de positionner les div appelées à peu près sous les cellules du tableau  les appellant (Je sais qu'il y a d'autres façons d'obtenir cette effet).

Bref, je voulais simplifier le code en ayant:

<div class='Mo' id='Yo1'>bla bla</div>
<div class='Mo' id='Yo2'>bla bla</div>
<div class='Mo' id='Yo3'>bla bla</div>

et définir ainsi dans ma feuille de style, et donc une seule fois:

.Mo{
position:absolute;
display:none;
border:1px solid black;
background-color:white;
}

Voilà, mon soucis n'est plus maintenant de trouver une autre façon d'obtenir l'effet souhaité, mais de pouvoir utiliser class et id en même temps.

J'espère que l'exemple t'aidera.
A bientôt.


Signé Sagat

bien sûr, à toi de "répartir"  les éleménts css comme tu l'entends,
moi ce n'est qu'un exemple....

Bul [mon Site] [M'écrire]

et bien entendu toujours, on peut modifie=r, ajouter, détruire... :
     d.style.backgroundColor="blue";
     par exemple, ça baigne aussi

Bul [mon Site] [M'écrire]