Discussion :

[djedie]

Bonjour a tous,

je viens de me mettre a l'asp.net (c#) car je dois faire un site web dans ce langage.
J'ao donc fait mon site en XHTML + CSS en mettant des id et des class sur certains de mes attributs (div etc.)

Une fois le passage a l'aspx, j'ai modifie certaines div en Panel pour avoir le controle dessus (le Panel devient un Div une fois genere, de meme le label devient un span).
Cependant, mes ID ont ete modifies par le framework une fois la page generee.
Mes CSS ne sont alors plus prises en compte.

J'ai resolu le probleme en ajoutant l'atttribut cssClass et en changeant la css.
Mais, bien que cette question doit vous paraitre stupide, comment garder son ID avent et apres la compilation ?

Je sais que .net le mofifie afin de s' assurer que chaque ID est unique, mais, je peux le faire moi meme ca

Merci !

PS : desole s'il n y a pas d'accents, je suis en Chine sur un clavier qwerty !

[akecoocoo]

Ce qui suit était valable pour asp.net 1.0, il l'est toujours pour asp.net 2.0 mais il y a peut être un moyen plus "propre" désormais, quoiqu'il en soit, en attendant qu'une autre personne t'expose sa vue, voici la mienne :

L'attribut ID est utilisé pour l'unicité des composants de ta webform. Dans le rendu HTML, tes balises se voient attribuées un ID automatiquement qui peut ne pas correspondre à celui spécifié dans le fichier aspx.

Si tu crées un contrôle utilisateur (fichier .ascx) de type :

Code :

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

<asp:Textbox id="TextBoxA" runat="server"/>

et que tu l'inclues de multiples fois dans une webform, le moteur d'asp.net générera l'html suivant :

Code :

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

1
2
3
4
 
<input type="text" id="_ctr1:TextBoxA" />
<input type="text" id="_ctr2:TextBoxA" />
<input type="text" id="_ctr3:TextBoxA" /> ... etc

Si tu souhaites retrouver les identifiants de ta maquette HTML, utilise des balises asp.net qui ne génèrent pas de code de formatage :

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
 
<style>
    #PanneauRouge {
        color: red;
    }
</style>
<!-- ce panneau fonctionnera s'il se situe dans une page aspx 
       le div généré aura bien l'attribut ID="PanneauRouge"
       mais dans d'autres cas de figure, l'ID pourra être différent -->
<asp:Panel runat="server" ID="PanneauRouge">
    this is red
</asp:Panel>
<!-- le placeholder suivant contient le balisage que tu souhaites -->
<asp:PlaceHolder runat="server" ID="PlaceHolderPanneauRouge">
<div ID="PanneauRouge">this is red</div>
</asp:PlaceHolder>

[djedie]

Merci akecoocoo pour ta reponse.
Etant donne que mes div contiennent du code de formatage, les ID sont donc modifiees.
J'ai compris ce que tu proposais, mais il m'est plus simple de changer les id en class.

Autre question : ma page n'est plus valide XHTML a cause des VIEWSTATE generes.

Code :

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

1
2
3
4
5
6
 
line 10 column 1 - Warning: <input> ID "__EVENTTARGET" uses XML ID syntax
line 11 column 1 - Warning: <input> ID "__EVENTARGUMENT" uses XML ID syntax
line 12 column 1 - Warning: <input> ID "__LASTFOCUS" uses XML ID syntax
line 13 column 1 - Warning: <input> ID "__VIEWSTATE" uses XML ID syntax
line 401 column 2 - Warning: <input> ID "__EVENTVALIDATION" uses XML ID syntax

Saurais-tu comment gerer ce probleme ?

[akecoocoo]

nope ça je ne sais pas, mais elle est valide non ? ce ne sont que des warnings pas des errors

[djedie]

lol
oui, ce ne sont que des warnings, mais je suis un peu maniaque...