Discussion :

[vodnok]

Bonjour,

Je prend pour habitude d'attribuer un id à tous les éléments qui sont susceptible d'être accéder via javascript. Je prend également pour habitude de systématique crée une class css. Enfin ça c'est normal.

Bien souvent, je réutilise une même class pour plusieurs element html mais je suis régulièrement confronté à un petit problème. Quand un element est particulier est unique, j'ai l'id et la class qui est identique. Je trouve cela un peu bête de tapper 2 fois la même valeur.

J'aime id pour faire un getelementbyid et la class est indispensable. Donc comme puis-je faire pour éliminer ce doublon ?

Merci,

[E.Bzz]

Bonjour,

J'aime id pour faire un getelementbyid et la class est indispensable.

Pas tout à fait :
l'id sert à faire référence à un objet unique (en JS et CSS).
Si tu attribues un id à ton objet pour tes traitements, et que tu utilises cet id pour lui affecter un style, il n'y a plus besoin de lui créer une class spécifique.
A contrario, si ton objet doit recevoir un style déjà défini dans une class, et que tu n'as par ailleurs pas besoin de son id pour des traitements, pas besoin de lui donner d'id, le style sera appliqué via la class.
Pour résumer :
ID ou Class ou les 2 .... suivants les besoins : rien de systématique ...
... ni de "meilleure" soluce.
Juste une mauvaise : utiliser celui (id ou class) qui est inutile

A+

[vodnok]

Merci de ta réponse,

Effectivement, j'ai parfois

Id, pas de class
pas d'id, class
pas d'id, pas de class
id, class

id, class : id<>class
id, class : id=class

C'est dans le dernier cas que je trouve bête de mettre 2X l'info.

Ce cas se prenste par exemple dans la colonne de gauche ou la zone principale de la page ou j'ai <div id='mainZone' class='mainZone'>

Bon d'un autre côté ce n'est pas un problème en soit mais peut être il existe une solution plus propre

[E.Bzz]

j'ai <div id='mainZone' class='mainZone'>

Dans ce cas, logiquement, c'est que ta class ne sert que pour cet élément.
L'id pouvant te servir à accéder à l'objet, c'est la class qui est en trop.

Défini ton style avec #mainZone, et vire la class

A+

[Auteur]

bonjour,

pour éviter les doublons, j'ai adopté cette syntaxe :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<balise id="idElement" class="MaClasse">
bla bla bla
</balise>

Mes id commencent généralement par id et mes classes ont des noms "quelconques" (menu, entete, etc...).

De ton côté, tu peux précéder le nom de tes id par id (idElement) et le nom de tes classes par cl (clMaClasse) pour éviter ces doublons voire même des confusions.

[vodnok]

Héhé marrant de voir les vieux trucs pas résolu


Bon la solution dans le cas ou le nom de la class est identique à l'id est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id='monDiv'></div>
 
#monDiv{
width:300px;
}

Cela fait quelques caractères d'économisés