php - expanding/collapsing div with checkbox in IE -


I have some pages that contain hidden content, when a checkbox 'Check' is done and is hidden again when 'unobtrusive' everything works perfectly in Chrome and FF, but I do not always show or hide content, but the checkbox does not work in IE. I am using I8 but have tried in 9 and it is how it works as any suggestion to work? I want to include the following in the HTML head section to make use of the article element. 

  & lt ;! - [If lt IE 9] & gt; & Lt; Script src = "http://html5shim.googlecode.com/svn/trunk/html5.js" & gt; & Lt; / Script & gt; & Lt; [Endif] - & gt;

Now it is the PHP code 

  echo "

"Result of recent results 

  
 $ Query2 = $ Database-> Query (" Selection Team_Name, Team_core, Oppo_source, result from OPP_name ORDER updated DESC LIMIT 0, 5 "); $ I 0 =; while ($ row2 = $ Query2-> fetch (PDO :: FETCH_NUM)} {echo ($ i% 2 == 0)? "& Lt; Tr class = \ "stripe \" & gt; ":" & lt; Tr class = \ "nostripe \" & gt; "; printf (" & lt; td>% s

and css 

  .resultsContainer article {background: white; hidden flame; height: 0 pixel; position: relative ; Z-index: 10} .resultsContainer input: checked ~ article.small {height: 100%; width: 100%}. Results {text-align: center; table-layout: fixed; margin-left: 0; Margin-right: 0; padding-top: 0.7em; width: 65%; color: # 0431B4} 
 
 Before : Selector is not supported before IE 9 versions.  
 Browser Support Your best bet is to use javascript instead.  
 All you have to do is hit the event listener with a check listener. So when you click it, you can either directly increase the width And change the height or just use  toggleclass () . 
 
  $ ("your checkbox ID or class") .change (function ( ) {$ ("Id or items you want to display") .toggleClass ("active class name");});  
 
 Or if you have those elements only  display: none; , you can 
 
  $ ("your checkbox id or category") .change (function () {$ ("wants to display id or item Are ") .toggle ();});  
 
 Although these answers look the same, they are very different. Be sure to know the difference.

Comments

Post a Comment

Popular posts from this blog

scala - Play Framework - how to bind form to a session field -

Is there any way, I can get some parameters from the header, cookies (log in userId in my case) , And then apply it in a form which I know who will deposit the ticket? SupportForm supportForm: form [supportTicket] = form (mapping ("question" -> text, "priority" -> text) (apply support ticket. (HelpText.update) What are the good practices here? What is the call to apply the request, when I can use it (and also a good practice?) Edit An issue, absolutely deceiving anyone if I were to create a hidden area with this value. It could Ript, but the issue may be re-used in any way to verify and return the form, it can not be sure how it ....
Read more

c++ - Why does Visual Studio Release build break on non-executing code line -

When I created my C ++ program with the default release configuration in Visual Studio 10, I put a breakpoint on one line Who should never be reached. What confunded me was that when the program is running then it stopped at the breaking point. Adding a volatile statement and transferring this line to the break point does not break the execution of the code where the brake appears (though does not produce the same behavior as creating a minimum project with this function). Why is the "Release Debugger" (?) Step on this line and when executing breakpoints are executed? If I keep going after the break then false statement continues to return code execution. bool bounding box :: Cutting (int32_t xpos, int32_t ypos, int32_t dx, int32_t dy) const {int32_t intersectionX; Int32_t intersections; If ((dx> 0 & amp; amp; and & amp; xpos> rights) || (dx gt; Top) || (D & LT; 0 & amp; AOPO & Lt; BOT)) Return; If (DX! = 0) {intersection Y = ypos + (left...
Read more

Firefox reacting to JQuery setTimeout that doesn't apply -

& lt; - Only note the first image. I think some jquery is not working in Firefox, where there seems to be a problem ... but there is IE (I know, I know) var hover = $ ('# par1'), box = $ ('.sq1'); Hover.hover (function () {box.toggleClass ('index2');}); and var linkloc = $ ('# par1'), link = $ ('# frnt1'); Linkloc.on ('mouseenter', function () {function linkadd () {link.html ("& lt; a target = _blank href = http: //www.google.co.uk> & lt; img src = small1 .JPG / & gt; & lt; / a & gt; ");} Set Timeout (linkAD, 1500)}); Linkloc.on ('mouseleave', function () {link.html ("& lt; img src = small1.JPG />");}); I appreciate that the code can be a bit messy, but I'm still learning as I go. The problem now is that the top slice of the code is reacting down to the setout. (It revolves around time with setTimeout repeatedly) even though the name of the function is c...
Read more