javascript - create css class on the fly in codebehind -


I have a search page, which is used on many sites with many 'themes' on my site. I have some devices that can change based on radio button selection (whether they are enabled or not). With Java, I can fix this by changing Div's CSS class on the fly.

However, these topics may have to be changed in potentially, and background color comes from the database when the page is created. Right now I do this in C # codebehind: 

  string bgStyle = "background-color:" + theme.searchTextHeaderColor + ";"; OwnSearchHeader.Attributes.Add ("style", bgStyle); In Javascript I need to change this color to disable it, and when the user clicks back on this device, then I can re-enable it by turning it back to its original color.
Have to do. But since I knew the colors behind the code, I do not know what it was in javascript.

So, in my opinion, to create a CSS class in the resulting HTML page, when the page is filled with background color that I need, then I could simply switch from javascript to a divined and divided class. But I'm not sure how to do this.

Alternatively, I can make a hidden element, provide it the 'enabled' style, and it uses it as context in JavaScript while enabling my div. It seems like a hack, but perhaps its easiest way I'm still new to doing so, so I appreciate any suggestions thank you for input!

So my idea was to create a CSS class in the resultant HTML page when the page background color I'm loaded with needs. Then I could simply switch from javascript to divinated and divided classes. But I'm not sure how to do this.

Yes, this is Acer; Do it. The & lt; Head> gtc: in and Add and place your CSS there: (My ASP.Net is a bit wild, I'm sorry if there is some hitch in it;)) 

  & lt; Style & gt; & Lt ;! -. Divinated {background color: & lt;% = theme.searchTextHeaderColor%>; } .divDisabled {background-color: gray; / * Or wtv * /} - & gt; & Lt; / Style & gt;

You can also put it in an external CSS file, which can be a good idea.

Then type some javascript to add / remove the class attribute (I 'is going to ask you that;;)) 

  var owners searchdifference = document.getElementById ( "& Lt;% = owner search store. Client ID%> & gt;"); // Change the class attribute in `divDisabled` var newClassAttribute = ownersearchheader.getAttribute (" square "). (/ \ BdivEnabled \ b /, "divDisabled")) ownersearchheader.setAttribute ("class", newClassAttribute); // ... or // // change the square attribute in `divEnabled` var newClassAttribute = ownersearchheader.getAttribute (" class "). (/ \ BdivDisabled \ b /, "divEnabled"). Traceblot.setAttribute ("class", newClassAttribute);

This is actually a mouth, therefore, as Hyder says, you might want to use jQuery, which easily read addClass () , Remove class () and toggleclass () methods.


-

Comments

Post a Comment

Popular posts from this blog

Eclipse CDT variable colors in editor -

I hope this is a good question to ask here. This programming is related, so I thought it would be better than the superuser, so I am using the CDT C ++ Eclipse plugin. I know how the editor changes colors for some things But is there a way to do that all the variables are different colors? For example in KDEValue, it sets the local variables and square variables in different colors and bold square squares. Can I copy it to CDT? Eclips provides some level of color customization for text editor syntax You can see it on the following: There are many elements, including the Window> Preferences> C / C ++> Editor> Syntax color code that can be changed, assembly, Comments, Preprocessor and Doxian Under the code, it is possible to change the color of some variable types, such as global variables, local variable announcements, local variable references, and parameter variables. But I do not think the code is capable of changing the color of each variable declared....
Read more

AJAX doesn't send POST query -

$ (दस्तावेज़) .ready (function () {function ajaxselectrss (rssurlvar) {var ajaxRequest; // वेरिएबल जो अजाक्स को संभव बनाता है! कोशिश करें कि {// ओपेरा 8.0+, फ़ायरफ़ॉक्स, सफारी अजाक्स अनुरोध} = नया एक्सएमएलएचटीपीआरइवेस्ट ();} कैच (ई) {// इंटरनेट एक्सप्लोरर ब्राउज़र्स {ajaxRequest = new ActiveXObject ("Msxml2.XMLHTTP");} पकड़ो (ई) {try {ajaxRequest = new ActiveXObject ("Microsoft.XMLHTTP");} कैच (ई) {// कुछ गलत चेतावनी ("आपका ब्राउज़र तोड़ दिया!"); वापसी झूठी;}}} // एक बनाएं फ़ंक्शन जो सर्वर से भेजे गए डेटा प्राप्त करेंगे ajaxRequest.onreadystatechange = function () {if (ajaxRequest.readyState == 4) {var ajaxDisplay = document.getElementById ('news'); ajaxDisplay.innerHTML = ajaxRequest.responseText;}} / / Var rssurlvar = $ (this) .attr ("title"); var queryString = "rurl =" + rssurlvar; var urltofile = "rssget.php"; ajaxRequest.open ("पोस्ट", urltofile, सच); ajaxRequ Est.setRequestHeader ("सामग्री-प्र...
Read more

wpf - Custom Message Box Advice -

Well, I'm using a custom window box that comes with some custom control boxes that accompany the text The producers who are displayed are called. I have a defined event, which has been subscribed through the original class, it gets burnt when clicking on the button. However, I can not see how to use it effectively, I would like to return one yes, whether yes or not, but obviously my code will continue to execute, so this Below is some example code to clarify the problem that the method has subscibed by clicking on the button. Message box window Public partial class custom message box: window {public representative message messagebox object sender, event events e); Public event messagebox handler messagebox document; Public Customs Box () {Initial group (); } Public Customsbox (String Message) {InitializeComponent (); This.txtdescription.Text = Message; } Public Customsbox (String Message, String Title, String First BTNtext) {Initialization (); This.lbltitle.Content =...
Read more