créer des modèles de conception dans asp.net

Question

Je dois appliquer différents modèles de conception pour ma page d'accueil du site Web dans asp.net.

Cela devrait être fait sur la sélection des différents boutons d'image disponibles sur la page d'accueil ....

Lorsque enregistre l'utilisateur de notre site Web, la première page doit afficher 4 boutons d'image avec aperçu conception et lorsque l'utilisateur sélectionne le bouton particulier , modèle de conception approprié doit être appliqué sur le site .... mais le contenu doit rester même sur chaque modèle de conception ....

Answer 1

<link rel="stylesheet" href="default.css" type="text/css"> 
<script type="text/javascript"> 
$(document).ready(function() { 

$("#style1").click(function() { 
$("link[rel=stylesheet]").attr({href : "style1.css"}); 
}); 

$("#style2").click(function() { 
$("link[rel=stylesheet]").attr({href : "style2.css"}); 
}); 
</script> 
<input type="button" id="style1" value="style 1" /> 
<input type="button" id="style2" value="style 2" /> 

je voudrais donc quelque chose comme ceci avec jQuery (ou le faire avec régulière javascript, mais je suis toujours inquiet, je vais oublier un peu obscur cross-browser bit) et plusieurs c ss sheets pour définir vos "templates de design". Pourrait probablement aussi l'accomplir en changeant votre MasterPage mais c'est désordonné et pas le bon outil pour le travail imo.

Answer 2

merci .... mais u peut me dire comment y parvenir en asp.net sans utiliser javascript ou jquery .. code unique avec plusieurs modèles de conception ...

Sans méthode javascript:

Créez une page maître de base et faites en sorte que vos «modèles de conception» soient d'autres pages maîtres qui en héritent. Avoir des boutons/liens qui publient votre page et transmettent une valeur via un champ de formulaire ou une chaîne de requête qui indique quelle page maître charger. (faites ceci dans PreInit)

void Page_PreInit(Object sender, EventArgs e) 
{ 
    this.MasterPageFile = string.format("~/{0}.master",Request.QueryString["master"]); 
}