I'm trying to use jquery to hide some contents in a for statement but is not working. Here is the code
if( $total_attachments > 0 ) {
for ($i=0; $i < $total_attachments; $i++) {
//output div and image in it
echo '<div class="pictures_entry">';
echo '<a href="'.$attachments[$i]["location"].'" title="'.$attachments[$i]["title"].'" rel="prettyPhoto[gallery]"><img src="'.$attachments[$i]["location"].'" width="128" height="120" alt="'.get_the_title().'" /></a>';
echo '<div id="pictures_entry_name_'.$i.'">';
echo '<h6>'.$attachments[$i]["title"].'</h6></div>';
echo '</div>';
}}?>
I want to hide the pictures_entry_name_'.$i. and when a user clicks on a picture <a href="'.$attachments[$i]["location"].'" title="'.$attachments[$i]["title"].'" rel="prettyPhoto[gallery]"><img src="'.$attachments[$i]["location"].'" width="128" height="120" alt="'.get_the_title().'" /></a>,
I want to slide down the pictures_entry_name_'.$i of this picture.
I have a simple FAQ show/hide function set up however I am having trouble setting up an if clause. My code is: $(document).ready(function(){ $("dd").hide(); $("dt").click(function(){ $("dd").hide('slow'); $(this).next().slideToggle(); }); });
However, when you click on the same item twice it firstly hides and then reshows it, I need an if statement that basically states; if "this?!" is visible/shown Then do nothing else $("dd").hide('slow'); $(this).next().slideToggle(); I am unsure of the syntax and can't figure out what property I can trace out to see if the item is being shown or not.
I am having some jQuery troubles whereby I have some jQuery that toggles an 'Other' HTML input field and associated label when a user selects the value Other from a HTML select drop down. I have this working for one field but the application I am building has increased in scope whereby there may be multiple instances of members on one page so the Other option will be there multiple times. At the moment if a user selects Other from one drop down all Other input fields show. How do I make this exclusive without repeating the jQuery for the separate instances?
For example I have this sort code: for ($i=0;$i<$db;$i++) { $t1="toggleh$i"; echo "<div class='c'>Test<input name='$t1' type='image' id='$t1' src='test.png'/></div> <br>"; } I try to make clear the screen for users, so I use hide & show to hide some row on screen what users actually don't need...
The JS part of code is something like this: $('#toggleh0').click( function() { $('div.showhide').toggle(400); }); $('#toggleh1').click( function() { $('div.showhide').toggle(400); }); $('#toggleh3').click( function() { $('div.showhide').toggle(400); }); . . . I dont know how can do this dynamic. So if "$i=6;" then I need toggle 0-6 function...
I have a drop down selection where it shows and hides form inputs depending on selection. When the page loads it shows the drop down selections with no form inputs. After user selects drop down it shows the form fields. It works great but I want it to show the same form fields after the user hits the submit button which submits the page to itself. It currenlty goes back to the default selection list and doesnt show any of the form fields. Basically it hides all the form fields after the user hits submit button. How do I make it keep the last shown form fields after the user hits the submit button?
I'm trying to get the two followup questions underneath the checkbox to show up only if someone places a check there, but for some reason the way I've got it set up now it's simply hiding the area I want to show up altogether, and the checkbox has no effect on it.
Rather than waste tons of space pasting it here, here's the pastebin: [url]
Alternatively here is the live version:[url]
I'd prefer to have the form collapse when the additional questions are hidden, though if i can get this working at all.
I am using the following script on one of my pages (script comes from [url]:
Code:
The script works great, BUT I need to use it in 2 different areas of the same form. It only works on an id="selectMenu" and of course I cannot have more that 1 id.
How can I get this script to work in multiple select fields? (at least more than 1)
For some security reasons I would like to show an email field in a form ONLY if the 4 checkbox are checked.I don't want to use server side coding so I need to use javascript.I have this code, showing an alert if the 4 checkboxes are checked:
<html> <head><script> var conta=0; function ctr(quale)
[code]...
It works but I nedd to ask for an email instead of showing an alert.
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.
i have to hide/unhide some fields on basis of some other fields. i found this script on the web.i can't understand the function completely what is the if ( txt.match(id1) ) block doing ?? is there any other way of doing the same...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
the validator plugin for jquery is really cool, but i need the possibility to also mark a field as valid (not only disappear the invalid message), a simple "is valid" label would be sufficient..i tried to change the sources, but that seems rather complicated
I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...
I have some divs laid on top of each other. By clicking somewehre specific I want to hide all the divs but except for one - which is related to the point i clicked - to show up.Here is my code so far:The function will be called by something like this:
All these divs are in the same from the right_nav-class.I guess the problem lies within line 6, where I want to select the div that should show up and is given as the argument of the function.The commented lines are things I already tried, but didn't work either, especially $(this).style seems to be invalid.It does hide all divs as i want, but the one i want to show again doesn't show up. It just stays hidden...
I got this example code which show rows when click on it, the problem is it shows all but I want if I click on one row it shows that one and hide others.
i searched the forum, but did not find a working solution for my problem. IE6/7 are not hiding the divs in the $(document).ready function. Tried also:
$("#closed").css('display', 'none'); document.getElementById('closed').style.display = 'none'; It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container. All other browsers are working fine.
the box. Anybody know what's wrong?i have the following code:
<!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">
I'm trying to get jquery to show a specific div "apDiv2" after a hide effect. Basically the click function will hide all divs with ids containing 'adDiv' in the id and then I want to fade up a specific div based on the id of the clicked object. It hides all the divs correctly but the show doesn't seem to work.
I am trying to learn jquery. my example below is to show and hide content in a group divthe code works but i want to know if this is best practice to write what i did. Is there better way to do it?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html > <head
I'm having a problem on: [URL] I've got a menu on z-index:0; and a footer on z-index:1; if you're doing a mouse over, the menu pops up under the footer. But the menu is longer than the footer (it's a png image) so you see the menu stock under it what isn't exactly the meaning. if there was a overflow-bottom:hidden; it's was solved but now i don't know what to do!
For me one of the best things about jQuery is that I don't have to worry about browser compatiblity.I wrote some code to extend an excisting jQuery application (Galleria) and only tested it in FireFox. I split a long list with thumbs in several blocks: deel0, deel1, deel2 etc. After that I hide every block except the first one. If the visitor clicks on "Next serie" I hide the first block and show the second. All seemed to go well until I tested the page in IE6. The jQuery effects "hide" and "show" work fine in FireFox but not in IE6. When I click on "Next serie" the next block of thumbs don't show.
[code]I want div 'LoggedOut' to be switched with div 'LoggedIn', based on user login condition. If logged out show div 'LoggedOut' else hide 'LoggedOut' div and show 'LoggedIn div'.
