javascript - addClass() based on the presence of another class? -


I am working on an ecommerce store product page and an "in-stock" graphic and an "out-of- Stock "There are some limitations in the graphic platform but there is a setting to show the stock graphic, but there is no one in the stock

What I want to do, this page has a stock graphic on the hardcode by default . Like this: 

  & lt; Div class = "instock" & gt; & Lt; / Div & gt;   
 Below CSS:  
  .inStock {width: 143px; Height: 40px; Background: URL ('../ product_images / uploaded_images / in-stock .jpg'); Margin-left: 60%; Margin-Top: 5%; Status: Completed; }   
 When a product exits from the stock, the platform backend automatically adds the page that appears in that page:  
  & Lt; Div class = "currentlySoldOut" & gt; & Lt; P & gt; & Lt; Span lang = "en" & gt; Sorry, but this item is currently unavailable. & Lt; / Span & gt; & Lt; / P & gt; & Lt; / Div & gt; Line   
 When the class "Currently Soldaut" appears, which is automatically generated from the platform, then I want to override the current hardcode "Stock in Stock" graphic, which is the background Edit happens through. Something like this:  
  Background: url ('../ product_images / uploaded_action / out-of-stock .jpg'); In short, is there a way to override a CSS class on the basis of the presence of another class like "If" is currently showing the Solodete class, then add it to another category. (Where I will control the graphic.)   
 
 
 If you only need it then the page loads initially , You can change that square if there is any element with the selector  Is. Currently exists like this:  
  if ($ ('. Currently Soldaut') Length & gt; {} ($ ('. InStock'). RemoveClass ('InStock' ). AddClass ('outOfStock');}   
 Then you need to add style / image-ur to the  outOfStock  class in your CSS .  
 If your page is being updated, when the user is already viewing, it will be a bit more involved. You can listen to changes in the DOM, and then call the code aboveThis is something like Chrome and Firefox:  
  function update installs () {// if the above code above ($ ('. Currently Soldaut'). Length> 0 ($ 'InStock'). RemoveClass ('InStock') AddClass ('outO fStock');}} Listen to the Dom updates, Call the function $ ('body') Bind (' DOMSubtreeModified ', function () {updateInStockStatus ();});   
 Since you probably want to support IE;) To check from time to time that the situation has changed , With  setInterval  Can abuse are  
  window .setInterval (updateInStockStatus, 5000);   
 This will check every 5 seconds, because the delay is in MS.

Comments

Post a Comment

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

I'm in the middle of homework work and I'm stuck. At this point in my code, I think that I should have a GUI window that opens and allows me to type "inserted text number". Notice is not going anywhere but at this point, If I pass through the problem then it will be in a linked list. I am getting two of the same error for the lines. Add (index, element); And I can not seem to get past it, there is no suitable method for the error "add (int, java. string string)". Code is below, please advise. To clarify - this will not be a method error because it is a linked list. There should not be any way involved. import java.awt. *; Import java.awt.event. *; Import javax.swing. *; Import java.util. *; Import java.util.Scanner; Import java.util.LinkedList; Public class TopTenList JFrame {Private TopTenList tt; See the Private JTextArea list; Private JTextField cmdTextField; Private JTextField resultsTestfield; // This GUI window is the code for the public toptist...
Read more

c# - passing input text from view to contoller with FacebookContext using Facebook app -

I'm trying to pass an input text from the viewer to the controller in the Facebook Birthday app: Link to app: In the Home Controller [FacebookAuthorize ("email", "user_photos")] Public async Tasks & lt; ActionResult & gt; Index (FacebookContext reference) {if (ModelState.IsValid) {var user = waiting for reference. Client.Gate CurrentUserAsync & lt; MyAppUser & gt; (); View return (user); } See Return ("Error"); } [Http post] [facebook authorized ("email", "user_photo")) public async task & lieutenant; Actionsclass & gt; Index (string textile, facebookcontonte context) {if (ModelState.IsValid) {var user = wait context.Client.GetCurrentUserAsync & lt; MyAppUser & gt; (); // See my code, see the use of txt here (user); } See Return ("Error"); } View: @using facebookpostc.models @ Microsoft.AspNet.Mvc.Facebook.models using @ Microsoft.AspNet.Mvc. Facebook @model MyAppUser @ {ViewB...
Read more

Calling a C++ function from C# by passing a string with variable size to it -

I am calling a string with a C + code and calling from the C # code. The C ++ function is responsible for filling the string material. The following code is: C #party: var abc = new string builder (4096); // will have to change this var result = Basic methods. SignCrcFile (ABC); C ++: bool __cdecl SignCrcFile (char * abc) {... char * tempStr = "hello all"; // for example // copy it to ABC string strcpy (ABC, tempStr); Back true; } The problem is that tempStr's size in the C ++ function is dynamic (the above assignment for TempStr is only an example). In such a case, it is not a hard code that the size of ABC string is in the size of 4096 bytes on the C #. The first solution can be a solution to create 2 functions on the C ++ side to get the size of the string. Then allocate that size using StringBuilder in the C # side then use the next function to bring the entire string from C ++ to the C #. But no suggestion this may not be the most optimal way? ...
Read more