Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1354 connectés 

  FORUM HardWare.fr
  Programmation
  C#/.NET managed

  Css Friendly adapter (WebControlAdapter)

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Css Friendly adapter (WebControlAdapter)

n°1649682
the big be​n
Posté le 27-11-2007 à 14:54:50  profilanswer
 

Bonjour,
 
J'essaie de changer le rendu d'une check box avec les css friendly adapter.
 
Je suis parvenu à écrire quelque chose qui fonctionne mais par contre je ne sais pas trop comment je pourrait faire pour permettre l'AutoPostBack?
 
Voici mon code actuel:

Code :
  1. using System;
  2. using System.Data;
  3. using System.Collections;
  4. using System.Configuration;
  5. using System.IO;
  6. using System.Web;
  7. using System.Web.Security;
  8. using System.Web.UI;
  9. using System.Web.UI.WebControls;
  10. using System.Web.UI.WebControls.WebParts;
  11. using System.Web.UI.HtmlControls;
  12. namespace CSSFriendly
  13. {
  14. public class CheckBoxAdapter : System.Web.UI.WebControls.Adapters.WebControlAdapter
  15. {
  16.  protected override void Render(HtmlTextWriter writer)
  17.         {
  18.             CheckBox checkbox = this.Control as CheckBox;           
  19.             writer.Write(
  20.                 String.Format(@"
  21.                     <div class=""checkBoxes"">
  22.                         <input style=""display: none;"" class=""checkBox"" name=""{0}"" id=""{1}"" type=""checkbox"" {2}>
  23.                         <div id=""alt-{1}"" class=""checkBox{3}"" onclick=""checkInput(this,'{1}')""></div>
  24.                     </div> {4}",
  25.                       checkbox.ClientID.Replace('_','$'),
  26.                       checkbox.ClientID,
  27.                       (checkbox.Checked ? "checked='checked'" : "" ),
  28.                       (checkbox.Checked ? "" : "-default" ),
  29.                       checkbox.Text
  30.                 )
  31.             );
  32.             Page.ClientScript.RegisterForEventValidation(checkbox.UniqueID);
  33.         }
  34. }
  35. }


 
Et un petit javascript qui va avec pour cocher:

Code :
  1. function checkInput(div, inputId) {
  2.     var input = document.getElementById(inputId);
  3.     if(input.checked) {
  4.         div.className = "checkBox-default";
  5.  input.checked = false
  6.     } else {
  7.         div.className = "checkBox";
  8.         input.checked = "checked";
  9.     }
  10. }


mood
Publicité
Posté le 27-11-2007 à 14:54:50  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  C#/.NET managed

  Css Friendly adapter (WebControlAdapter)

 

Sujets relatifs
Problème menu blockmenu en CSS sous IE6. A l'aide[CSS ] mon background-attachment fonctionne uniquement sur IE
[HTML/CSS] Une div en L[resolu]images non alignées CSS
[RESOLU]CSS probleme de couleur de fond sur des divs empilés.[CSS]Coins mal positionnés
CSS: pourquoi ça marche pas ?[CSS] Disposition checkbox et radio
Header flash Css/htmlQuestions pour un débutant en CSS
Plus de sujets relatifs à : Css Friendly adapter (WebControlAdapter)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR