JQuery :: Hide / Show Not Working In Select Onchange - CODE CASEING NIGHTMARE?
Nov 12, 2010
I recently learned that the <option> tags can not use the onclick attribute inside of IE.This works great for firefox, but sadly not a single version of internet explorer supports it (from what I am told via countless Google searches).I have been modifying my attempit at a solution to use the <select> tag with the attribute onchange. Maybe I am casing this wrong, or not seeing a solution as the below code does not operate in any browser, and no errors are reported back through firebug or IE.Excuse my sloopy attempt at {smarty tags} this script is written in a bunch of PHP object->vales and to save space cored the issue down to it's basics.On change of the select box, the value="5-28" is sent to javascript showBox to split the number away from the id_trips and only focus on the locations (the number before the '-' . IF the location matches the switch value then the box should show / hide or value change. The IDs are all correct I just think that there is a ' or a " or something off as I am not a javascript expert.
my SQL return values
<code class="php">
//PHP VARIABLES from QUERY sample loop 1
Show/hide table rows via select menu choices - And I changed my Javascript up a little so that I would have an easier time remembering it.Here are the codes:
i have a select box, when user select value other than 'H' then the hidden <DIV> element will showed up, and when user select value 'H' the <DIV> element will hide again
the code is like this :
HTML Code: <select name="show_status"> <option value="H">Is Hidden</option> <option value="S">Show me the DIV</option>
I have a select box that has four options. It has a single div below it with some news text in. When I select say item 2 in the dropdown I would like the div to change to another one, basically swap out the div based on the select option. I have been trying to do this using jQuery but no luck.
Im developing a site for my company that will contain relevant information on sites we serve (such as login details, passwords, addresses etc). It is available locally on our intranet due to the fact we have login details and such.
Anyway on the sidebar of my site (which is run on Wordpress), I have all the sections for the sites.
When a user clicks item #1, it expands and shows all the sites in that area.
The one problem is that when the sections are clicked on, they just expand in a very plain boring way.
I need it so that there is some sort of smooth transition between opening and closing the <div> sections.
Here is the current code I have now (I tried to edit as much of the comments as possible so it will make sense):
<script>
I found it on google, and modified it without having to change anything on the sidebar itself, just a simple paste to the head section.
This code also hides other currently open sections, so that only one may stay open at a time.
I found an issue with using embed code and jquery's show()/hide () method. I am using embed code inside of a div. So it looks something like this: <div id="test"> <embed> whatever here </embed> </div>
Now on that I want a user to be able to click a button to show/hide the content. So I create a function like this: <script type="text/javascript"> function showEmbed(){ if($("#test").show()){ $("#test").hide(); } else { $("#test").show(); }} </script>
I then binded that to just a basic text link: <a href="javascript:void(0);" onclick="showEmbed();">show/hide</a> Now that works fine as far as showing/hiding the embed code. However, there is one issue with this. When I click the link it reloads the data. I do not want it to reload the data. Say for instance there is a video playing in there. If you click the link it will stop the video and when you click it again to show it will start again. How to get it not to reload the data.
I have to do in plain JavaScript something that I'm much more used to doing in jQuery.. this is for a standard tabbed-content show/hide div switcheroo.. here's the jQuery code:
'this' evidently does not refer to the element that was clicked on...also, can you refer to elements by their class name? also, is it possible to do event-binding in plain JavaScript w/o using individual id's for the clicked-on elements?
i've been breaking my brain about this issue for a bit now, so here is my question.
I have a SELECT with various OPTIONS
<select id="myselect" name="myselect"> <option value='$variable' >1 - variable ammount of this option</option> <option value='$variable' id="showOption">2 - gets added once at the end of the SELECT</option>
how one can show and hide a div element using a pulldown menu. i need the different selections in the pulldown menu to show hidden DIV elements on the page. this will be used in a system where i only have access to the template, so the only approach i can use is jquery. how to change it for the specific selectors i need.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
i have several programmatically generated DIVSectionsin my WebApplication. And i have for each of these DIVSectiona RadioButton Group. When the user now checks the RadioButton of the associated DIV-Section theSectionshould be Shown. And when he checks the other RadioButton the DIVSectionshould be hidden.How could a jQuery Function and a call look like, which does the above action?Here my sample:
Using jQuery, the hide show part is easy. I need to show or hide a single section of a form based on the value of a select box. More specifically, if the select box is one of 30 countries, then show, else hide.
The following script works in all web browsers fine, just not IE6. It also has to work in IE6 so ignoring it isn't an option. Javascript is below:
<SCRIPT START> $(document).ready(function() { // hides the slickbox as soon as the DOM is ready $('#div1').hide(); $('#close').hide(); // shows the slickbox on clicking the noted link $('#open').click(function() { $('#div1').fadeIn('slow'); $('#close').fadeIn(); $('#open').fadeOut(); return false; }); // hides the slickbox on clicking the noted link $('#close').click(function() { $('#div1').fadeOut('fast'); $('#close').fadeOut(); $('#open').fadeIn(); return false; });
// toggles the slickbox on clicking the noted link $('#slick-toggle').click(function() { $('#div1').toggle(400); return false; }); document.getElementById("loading").className = "loading-visible"; var hideDiv = function(){document.getElementById("loading").className = "loading-invisible";}; var oldLoad = window.onload; var newLoad = oldLoad ? function(){hideDiv.call(this);oldLoad.call(this);} : hideDiv; window.onload = newLoad; }); <SCRIPT END>
I am creating a blog and I thought it would be cool to have the Konami code in it. Basically, I would like is to either show or hide a div when the code is entered. So lets say the Div is hidden, they would enter the code and it would then show. If it was entered while the div was shown, it would then hide. Is there any way to do this? I think there would be, but I don't know how to accomplish it.
I have this bit of code that shows and hides various spans and it works great in ie. It doesn't work in Newscape of Firefox - havn't tried it in Opera. How can I change this? Code:
just started using jQuery,and i'm having a problem using the function .show()/.hide() to make a div appear and disapear when a certain option value is selected.It's working fine in firefox but not working at all in chrome and IE 8.This is the function code i'm using :
I'm using mootools-core-1.3.2.js & mootools-more-1.3.2.js to toggle hide/show a div but since I started using jquery-1.4.4.js the mootools toggle stopped working. Here is the jquery code I'm using on all of my pages
I am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
