Choix feuilles de styles par l'utilisateur

Version imprimable

14/12/2006, 16h48
Irish

Choix feuilles de styles par l'utilisateur

Bonjour je voulais savoir si il est techniquement possible de permettre à l'utilisateur de sélectionner différente feuilles de styles (CSS) par exemple à l'aidre de radio bouton.. ?

Si oui comment faire ?

Merci d'avance de votre aide !
14/12/2006, 21h38
Jérôme Lambert

Tu as accès à la propriété définissant la feuille de style appliquée à la page.

Code:

this.Page.StyleSheetTheme = "StyleSheet.css";
15/12/2006, 00h13
Irish

Superbe, merci beaucoup !
15/12/2006, 00h56
Irish

Euh en fait... tu aurais la version VB.NET ? ;)
15/12/2006, 09h00
Jérôme Lambert

Excuse moi, j'ai été un peu trop vite dans mes recherches.

Voici la bonne solution: Dans ta page aspx, tu as la balise suivante représentant le feuille de style associée.

Code:

<link href="titi.css" rel="stylesheet" type="text/css" />

Afin que tu puisses jouer sur les propriétés de cette balise, il suffit de rajouter un id.

Code:

<link href="titi.css" rel="stylesheet" type="text/css" id="stylesheet" />

Ensuite, dans ton code, tu peux faire ceci :

Code:

stylesheet.Href = "dark.css"
15/12/2006, 10h04
Irish
Ok donc j'ai rajouter l'id dans le code HTML de ma page, j'ai contrôlé ca corresond bien a ce que tu as indiqué maintenat.

Mais par contre dans mon code que je tape :
Code:

1 2 3 Me.page.stylesheet ou stylesheet
il me dit Name 'stylesheet' is not declared !

Mais je dois bien avoué que je ne sais pas bien où ni comment le déclarer !?
15/12/2006, 10h09
Jérôme Lambert

J'avoue que je n'ai rien fait de plus que ce que je t'ai expliqué :?

Montre toujours le code html et le code vb.net correspondant au changement de stylesheet, on sait jamais.
15/12/2006, 11h42
Irish

Je sais pas... tu ne dois pas inclure une classe ou qqch tu dois bien le déclarer qq part non ?
15/12/2006, 12h07
Jérôme Lambert

Citation:

Envoyé par Irish

Je sais pas... tu ne dois pas inclure une classe ou qqch tu dois bien le déclarer qq part non ?

stylesheet ? il s'est déclaré tout seul en mettant id="stylesheet" dans la balise link... Essaye en ajoutant runat="server".

Code:

<link href="titi.css" rel="stylesheet" type="text/css" id="stylesheet" runat="server" />

Mais pour moi, ça a fonctionné sans ça.
15/12/2006, 14h06
Irish

Je demandais ca car par exemple quand tu ajoute un bouton (bouton1) ou une text box dans ta page mypage.aspx, en suite sur mypage.aspx.vb tu trouve la definition :

Protected WithEvents bouton1 As System.Web.UI.WebControls.Button

et c'est pour ca que je me demandais si tu devais aussi referencer qqch ?
15/12/2006, 14h22
Irish

j'ai trouvé la classe suivante :

Dim style As New System.Web.UI.WebControls.Style

qui me permet en suite d'utiliser la méthode suivante :

style.CssClass.Replace("old style", "new style")

Par contre je sais pas comment faire le liens avec le style déclarer dans le <Link>... est-ce que du coup il faut procéder différement ?
15/12/2006, 14h24
Arthis

Si tu a mis :

Code:

<link Id=Style runat=server....

Alors le lien est tout trouvé ;)
15/12/2006, 14h51
Irish

Bon désolé mais j'ai vraiment de la peine...

Alors au niveau page.aspx j'ai :

Code:

<LINK id="Style" href="../StylesOrange.css" type="text/css" rel="stylesheet">

Au niveau de la page.aspx.vb

J'ai tout d'abord la déclaration d'une variable style :

Code:

Protected WithEvents style As New System.Web.UI.WebControls.Style

Et en suite dans mon code .

Code:

style.CssClass.Replace(style.CssClass, "StylesBleu.css")

Mes fichier css s'appelant StylesOrange.css et StylesBleu.css et se trouvant à la racine du projet

Mais cela fonctionne pas, tout d'abord style.CssClass me rend une valeur vide et si je triche en indiquant "StylesOrange.css" à la place, rien ne se passe non plus.

PS Je n'ai pas mis le runnat="Server" car chaque fois le server me retourne une parse erreur lorsque j'essai d'afficher la page !
15/12/2006, 16h10
Arthis
Apres un peu de recherches voila ma solution pour faire ce que tu veux :

Tu cree a la racine un repertoire "App_Themes"
Dedans tu cree un repertoire "bleu"
Dans ce repertoire, tu met ta feuille de style

ensuite tu met dans ton code (désolé C# ) :
Code:

1 2 3 4 5 6 protected override void OnPreInit(EventArgs e) { Page.Theme = "bleu"; base.OnPreInit(e); }
si tu veux un autre theme , tu cree un autre repertoire dans le repertoire "App_Themes".

Apres tu n'as plus qu'a gérer tout ca pour changer de themes dans le
onpreinit..
En esperant t'avoir un peu aidé..
15/12/2006, 16h42
Irish

Je te remercie, malheureusement ca m'aide pas des masses dans le sens ou il n'y pas de paramètre "Theme" pour la classe Page en VB.Net donc... je vois pas trop comment faire...

Bon bon... Je viens de refaire le projet en vb.net donc maintenant plus d'excuses.

La différence, c'est qu'on est obligé de mettre runat="server" dans la balise html <style></style>

Alors pour être sûr que ça fonctionne chez toi car tu as l'air de te prendre la tête, voici toutes les sources :p

s1.css

Code:

body { background-color: Red; }

s2.css

Code:

body { background-color: Black; }

Default.aspx
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> <link href="s1.css" rel="stylesheet" type="text/css" id="test" /> </head> <body> <form id="form1" runat="server"> <div> </div> </form> </body> </html>
Default.aspx.vb
Code:

1 2 3 4 5 6 7 Partial Class _Default Inherits System.Web.UI.Page Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load test.Href = "s2.css" End Sub End Class

19/12/2006, 12h44
Irish

Ca m'a l'air parfais, je vais tester ca d'ici ce soir et je te reconfirme !!!

Merci beaucoup pour ta patience en tout cas.
19/12/2006, 19h24
Irish

Alors j'ai recopier ton code tel quel ou presque, car moi j'utilise VB donc la déclaration du language dans le code html de ta page ne peut pas être C#... et ben résultat moi je te dis qu'avec C# ca fonctionne très certainement mais pas en vb !!! Il me souligne toujours ma variable en disant qu'elle n'est pas déclarée !!!!
19/12/2006, 21h09
Jérôme Lambert

Tu n'utilises pas le code behind pour écrire ton code ?
20/12/2006, 21h15
Irish

si mais dans le code plus haut c'est un codefile .cs et moi j'utilise codebehind vb

Et j'ai recopier exactement ce qui était plus haut en remplacant

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

C# par VB et

CodeFile="Default.aspx.cs" par CodeBehind="Default.aspx.vb" !!

Et du coup dans la page .aspx.vb (soit le code behind) il me dit que la variable test.Hrf n'as pas été déclarée.... :?