JQuery :: Simple Hide And Show - Dynamic Input Fields

Jul 29, 2009

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...

View 12 Replies


ADVERTISEMENT

JQuery :: Show Hide Multiple Other HTML Input Fields

Mar 1, 2010

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?

// Show/Hide 'Other'
$(document).ready(function() {
$('.jOther').hide();
$('.jTitle').change(function() {
var $index = $('.jTitle').index(this);
alert($index);
if($('.jTitle').val() != 'Other') {
$('.jOther').hide();
} else {
$('.jOther').show();
window.location.hash = 'Other' + $index;
}});
});
<td>
<select id="title" class="inlineSpace jTitle">
<option value="Please select">Please select...</option>
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>
<option value="Miss">Miss</option>
<option value="Dr">Dr</option>
<option value="Other">Other</option>
</select>
<label for="other" class="inlineSpace jOther">Other</label>
<input type="text" class="text jOther" name="other" id="other" maxlength="6" />
</td>

View 1 Replies View Related

JQuery :: Simple Show - Hide Div On Hover

Jun 7, 2011

I have a series of links on a page whereby when the user hovers over the title then an image appears next to the link so it basically shows/hides the image on mouseenter and mouseout. I'm presuming this is a fairly basic jQuery request but I've been hunting around for a while now and can only seem to find more complex examples that I can't seem to disect.

The code in my page is:

So when the user hovers over the "Link" then it will show "myimage.jpg" next to the link.

View 4 Replies View Related

JQuery :: Simple Show/Hide Div On Hover

Sep 11, 2011

I'm doing a show/hide div on hover, and what I have works...only when I hover over the .pics-nav div, it blinks repeatedly.

$(document).ready(function() {
$('#product-images').mouseover(function(){
$('.pics-nav').fadeIn();
}).mouseleave(function(){

[Code].....

how to solve a situation like this? Just a super-duper simple thing, but I'm having lots of problems with it.

View 1 Replies View Related

JQuery :: For Statement To Show / Hide Fields

May 4, 2011

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.

View 5 Replies View Related

Using DOM, Simple Show/hide Div Tag?

Mar 7, 2009

So I have a CSS stylesheet which sets the div called mainchat to display:none;. That's fine, but then I wrote a script to show/hide the div by using a link. The link is set to onclick="showhide()".

When I click the link, the div opens up and the contents can be seen. Perfect. But when I click the link again, I want it to hide again (i.e. display:none

[Code]...

View 7 Replies View Related

Add A Simple Hide And Show To The Top Of Site?

Jan 27, 2009

I would like to add a simple hide and show to the top of my site.

So for example i have a normal site and at the top i have a button contact form you click it and it reveals the contact form from the top of the browser.

Like Elliot has done on his site for the speaking events.

View 2 Replies View Related

JQuery :: Ways To Hanlde Multiple Dynamic Input Fields In Form?

Mar 1, 2011

I have a set of input fields that can be dynamically duplicated/cloned or removed and submitted. I'm looking for a ways to configure the form for easy processing without having to loop through each input field inside the divs:

<form action="dummy.php" method="post">
<div id="customer1">
Name: <input type="text" name="name1">

[code]....

View 2 Replies View Related

Simple DIV Show / Hide Script Fail - Resolve It?

Nov 25, 2009

This should be working. At least to my knowledge. Can anyone tell me what I'm doing wrong?! I just have 3 divs orignally set to hidden, set to visible on link click. The code speaks for itself (I hope).code

View 1 Replies View Related

Can't Get Cookie To Remember Simple Show / Hide Preferences - Fix It?

Feb 3, 2009

FIRST THE CODE...

MY PROBLEM:
OK, if you load this up into your browser, you can see I have two lines of text that show/hide themselves by clicking on the other line. I know how to set the cookie name and the two different values ("show_hide_cookie=line1", "show_hide_cookie=line2") and I can see that they are there when I view my browser's cookies. But I've spent hours trying to figure out the javascript code to get it to read the cookie and remember the preferences. Right now of course, if you click on the first line and then refresh your browser, it resets the second line back to the first line.

View 3 Replies View Related

Dynamic Input Fields When A Drop Down Value Is Selected?

Apr 10, 2009

I am having a form with a drop down and want to display the fields below it based on the drop down value selected.

for example: my form has a drop down <select value> <values: A, B ,C, D)

when I select A then I should get displayed a set of fields ( like input fields, drop down fields etc) just below the main drop down and when I choose B then it should display a set of fields specific to B and like that..

View 1 Replies View Related

Dynamic Input Fields When Dropdown Value Selected

Apr 10, 2009

I am having a form with a drop down and want to display the fields below it based on the drop down value selected. For example: my form has a drop down <select value> <values: A, B ,C, D) when I select A then I should get displayed a set of fields (like input fields, drop down fields etc) just below the main drop down and when I choose B then it should display a set of fields specific to B and like that. What technology / script to use this to achieve this. I have also attached the sample html page.

View 1 Replies View Related

Show And Hide Form Fields?

Mar 23, 2011

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?

test3.html looks like this:
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Show/Hide</title>
<script type="text/javascript">

[Code]...

View 17 Replies View Related

Handle Dynamic Input Fields In Post Method Using PHP

Oct 18, 2010

I have a dynamic form, when a button is clicked 3 more fields appear, the function is to colect for example from date [02/02/2010] to date [10/02/2010] equals price [250$] per week and if you want another period just click the button and 3 more fields appear. How do I get all this data to PHP?

<script type="text/javascript">
var counter = 3;
function addNew() {
// Get the main Div in which all the other divs will be added
var mainContainer = document.getElementById('mainContainer');
// Create a new div for holding text and button input elements
var newDiv = document.createElement('div');
[Code]...

View 1 Replies View Related

Toggle (Show / Hide) Multiple Dynamic IDs?

Apr 3, 2010

Im trying to toggle a block of info on a forum that gets displayed multiple times. The below works for just one ID but I'll have more then one.

Code:
function toggle() {
var ele = document.getElementById("toggleUserinfo");
var text = document.getElementById("displayUserinfo");
if(ele.style.display == "block") {

[Code]..

View 5 Replies View Related

Show - Hide Form Fields Based On Checkbox State

Mar 4, 2010

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.

View 2 Replies View Related

Toggle Show/hide On Multiple Ids Using Dynamic Array?

Jun 30, 2011

im trying to create an array with mutiple div ids. send this off to the function and the function switches the classes to show or hide depending on state.

[Code]....

View 3 Replies View Related

Show - Hide Dropdown - Script To Work In Multiple Select Fields?

Jun 26, 2009

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)

View 4 Replies View Related

Conditional Logic In Form Fields Hide/show Email Field?

Oct 18, 2009

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.

View 3 Replies View Related

Show / Hide Form Fields Depending On Radio Button Selection

May 29, 2005

How to show and hide form fields depending on a selected radio button.

View 14 Replies View Related

JQuery :: Checkbox Checked, True Or False Hide Or Show Other Input And Clear Value?

Jul 28, 2011

Here my script :

<script>
$(document).ready(function(){
$('#test1_invalidation_comment__row').hide();
if($('#test1_invalidation_comment').val())

[Code].....

My script work each two submit can't figure why.

View 1 Replies View Related

Dynamic Math - Show / Hide Every Type Of Form Field

Mar 1, 2011

I have a form with a field that asks for a full year. If the year is greater than 20 years ago, I'd like additional form fields to be revealed. If the year is equal to or less than 20 years ago, it will not reveal the fields. (And it should be based on getFullYear(), so I don't have to update the script every year, yeah?)

I figured out how to script onclick functions and some basic .value == functions in order to show/hide just about every type of form field. So I don't need that info. But I'm unsure of how to calculate the value.

View 1 Replies View Related

JQuery :: Toggle Function - Hide/show Table When Hide/show Button Is Pressed

Sep 12, 2011

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.

Code:

View 1 Replies View Related

Show / Hide Values In Input Text Box

Jul 21, 2011

I have several input text boxes. The default value for the boxes is the description of the contents of the box. When the user clicks on the box to type, the default values disappear so they can begin typing. My problem is what if the user forgets what the contents of the box is suppose to be. I am looking for a solution where if the input box is empty, and the user deselects it, the original default value will appear.
Code:
<input type="text" value="Event Name" onfocus="value=''" />

View 4 Replies View Related

JQuery :: Simple Hide And FadeIn - Move The Mouse - Hung Up And A Definition Will Not Hide

Jan 4, 2010

I have a simple hide and fadeIn. When you rollover a word it will reveal the definition. The problem I am having is if you move the mouse around quickly from one word to the next word sometimes it gets hung up and a definition will not hide. The result gives this hanging defintion and whatever the other definition the mouse is rolledover.

Here is the code I'm using:

There are about 70 words in a box with the definition being reveals on the right hand side. Is there a way of making sure there is always only one definition being shown?

View 1 Replies View Related

Show / Hide Content Of Sub Divs Based On Whether Input Is != / =

Aug 9, 2009

how can I show / hide the content of sub divs based on whether the input is != or = and be able to repeat this.I tried to hide the sub divs using , onclick if bla bla = '' ;document.getElementById('hideme').innerHTML = ''; which works, but once I try to enter a new input, then nothing happens, even if the content of the sub divs is = input.

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved