JQuery :: Show/hide Multplie Pictures In An Array List?

Sep 17, 2010

I have a simple list of members names that I pull from my members database for printing members info. I want to show the members profile/family image as well. Because its for printing I want to add the ability to hide/unhide the pics. I put the pics in a div with an ID.

[Code]...

View 7 Replies


ADVERTISEMENT

JQuery :: Show / Hide Textfield After Changing In Dropdown List

Jul 9, 2009

I can't figure out why it dosen't work. I'd like to show/hide a <p> block depending on the value selected in the dropdown list:

$(document).ready(function(){
$('#report_rep_type').change(function(){
$('#report_rep_type').change(function(){
if($(this).text()!= 'Contigency Liabilities/Others')
$('#someElement').hide();
else
$('#someElement').show();
});
});
});

HTML code:
<form action="my action>
<fieldset>
<legend>Report details</legend>
<p>
<label for="report_rep_type">Report type</label><br />
<select id="report_rep_type" name="report[rep_type]"><option value="">Please select</option>
<option value="Scientific & Technical">Scientific & Technical</option>
<option value="Financial">Financial</option> .....
<p>
<button class="button " type="submit"><img alt="Tick" src="/images/silk/icons/tick.png?1245400388" /> Create</button>
</p>
</form>

View 7 Replies View Related

Show / Hide Won't Show In Nested List

Jan 22, 2009

I am having problems, basically I have a set of nested lists I need to show and hide

Code:
<ul id="smenu3"><ul id="smenu4">
<li>stuff here..</li>
<li>stuff here..</li>
<li>stuff here..</li>
</ul><ul id="smenu5">
[Code]...

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

[Code]...

View 7 Replies View Related

JQuery :: Anchor Link List Show / Hide Content ID On Mouseover

Jun 8, 2011

I have a list item, where only some of the items are linking to a quote from the client. The quotes are in another list, where each list item has an id corresponding to the client link. I want to show the client quote when you roll over the client anchor link. Currently when I mouseover it's showing nothing.

Here's my HTML
<!--client list-->
<ul id="clientList">
<li>no quote Client /</li>
<li><a href="#client1">Client 1</a> /</li>
<li>no quote Client /</li>
<li><a href="#client2">Client 2</a> /</li>
</ul>
<!--client testimonials--> .....

At the moment, when I mouseover one of the anchored client links, the content disappears, so it's not showing the correct client quote <li>.
$(document).ready(function() {
// see if the requested page url contains an anchor '#'
var hash = window.location.hash.substring(1);
// if no anchor, show the default blockqoute
if(!hash){
var id = 'default';
}else{
var id = hash;
} .....

View 2 Replies View Related

JQuery :: Multiple Show And Hide Using MYSQL Fetch Array?

Feb 21, 2011

[code]My problem is simply that i have say 5 columns in the database placing the jquery script in that section allows that to be on each and every post. That works fine. the problem is though only the first one works the rest do not. It simply just doesn't have any action while the first one works fine.

View 1 Replies View Related

Show Max And Min Values In Array List

Nov 25, 2011

I'm trying to find out the min and max values of randomly generated values in a array list. Its a checkout system that randomly add a customer to a queue and does the same to remove a customer depending on a randomly generated number. I've managed to figure out the mean of the queue but can only display the total values added to the list rather than display when the queue was at it biggest value.

import java.io.BufferedWriter;
import java.io.FileWriter;
import java.io.IOException;
import java.util.ArrayList;
import java.util.LinkedList;
import java.util.ListIterator;
import java.util.Queue;
import java.util.Random;

public class Checkout {
private Queue<String> tillQueue;
private int rndNumber;
private int currentLen;
private ArrayList <Integer>lengthList;
private Random r;
public Checkout() .....

View 1 Replies View Related

Chained Drop Down List, Last In Chain Show / Hide A Div?

Dec 9, 2011

I'm trying to combine a chained drop down list with the ability for the last selection to show/hide a div. I've researched and found ways to do both individually, but I'm hitting the wall when it comes to combining the javascript.

This is how I'd like it to work:

-- User selects from DropDown List 1.
-- DropDown List 2 options appear based on the selection in 1.
-- User selects from DropDown List 2,
-- Appropriate div is shown.

Here's the Javascript I'm using to show/hide a div:

function showDiv(divID)
{
var div = document.getElementById(divID);
div.style.display = ""; //display div
}

[Code]....

View 1 Replies View Related

Show/hide Several Elements Based On List Selection?

Jan 26, 2009

I got a table.Each row has a list of statuses.If status == yes, then several elements will be shown in the rowif status != yes, then hide those elements.Im not sure if I have made a good solution, but it seem to work ok (opera9.6, ff2, ie7)The status selector passes on a unique rowid, and itself. This way the js function can get the row, and the status of the selection. Then toggle various elements in that row.Only annoying thing is the way row elements are named and found. It kinda have to rely on some hard coding, but its ok I guess.Im not sure if its possibel to just call toggle( this ), and that way get to the elements in the row.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

[code].....

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

Nested Unordered List Show/hide Menu That Remembers Location?

Jan 7, 2009

I am having a few issues with a client who requires me to code their menu in JavaScript.

Here is the HTML:

Code:
<ul id="navigation">
<li class="firstElement"><a href="#">User</a>
<ul>
<li><a href="#">Manage my profile</a></li>

[Code]....

Basically i need the menu to be collapsed to the first level initially. So only the User, Admin and Company User links are visible.

When these 1st level menu items are clicked the 2nd level sub menus need to be displayed when navigated to the 1st level index page and so on for the third level menus.

I need to be able to remember the location as well so the menu stays open on the correct page.

The annoying thing is that if i was allowed to do this in Coldfusion this would only take me a little while but i don't know much JavaScript therefore am a bit stuck. I am not allowed to use libraries either such as JQuery, MooTools

Another challenge is to style the 'active' link locations.

When you are at the first level the class of the anchor needs to be selected_bg.

When in a sub of said first level the class of that selected anchor needs to be selected_bg and the first level needs to change to selected.

For the third level both the above stays the same but then the third level takes the class of selectorThird when active.

View 1 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

Slide Show - Modify It To Show Four Pictures At A Time

May 13, 2009

I found a sample java script for a slide show.

I'm trying modify it to show four pictures at a time.

And links to youtube videos

I really have no clue what I'm doing, I'm just changing stuff and seeing what happens. Yeah, I'm surprised I got this far.

What I need to learn is:
< how to assign and change the other three pictures.
< how to change the embeded image link.

Here is what I got so far: Slide show of Movies

And here is the code:

View 6 Replies View Related

How To Hide/show The Rows Of A Table Depending On The Value Selected By A User From A Drop Down List??

Feb 15, 2006

I am maintaining a site which is written in ASP. Now i have to create
some new pages.

In one page we have a table with many rows. Now, I want to enable or
disable(showing and hiding also) 2 rows of this table depending upon
the value selected by the user from a drop down list.

View 4 Replies View Related

Displaying A List Of Pictures?

Jul 23, 2005

I have this list of pictures;

<script type="text/javascript">
var picssigs = new
Array("sigs/finished1.jpg","sigs/foghorn.jpg","sigs/motto.jpg","sigs/sig.jpg","sigs/SWAT.jpg","sigs/title.gif");
var pictsigs = Math.round(Math.random()*(picssigs.length-1));
for (var i=0; i<picssigs.length; i++) {
var imgsigs = new Image();
imgsigs.src = picssigs[i];}

How do I display these pictures like;

<pic1> <pic2> <pic3> ...etc...
<pic4> <pic5> ...etc...

View 3 Replies View Related

Defining Pictures In An Array

Jun 15, 2006

I wish to access several pictures on my page by defining them as an array. This way I can either loop through them or access them by array index.

What I am really doing is writing my own picture gallery and slide show. The reason I am doing this is so that I can have my web page look exactly the way I want. In addition, it is an excellent way to learn Javascript.

View 2 Replies View Related

Only Right Side Of Array Rotates Through The Pictures?

Apr 10, 2011

I have created a rotating picture array. The problem I am having is when I view the web page only the right side of my array rotates through the pictures.

<script type="text/javascript">
<!--Hide from old browsers
var rotatePicsLeft= Array("candle1.jpg","candle2.jpg","candle3.jpg","candle4.jpg","candle5.jpg","candle6.jpg")

[Code].....

View 5 Replies View Related

Make Pictures Choosable For A Slide Show?

May 4, 2011

I'm confused about this as I am very very new to JavaScript.

I am using a number of photos on one page that are selectable to then move over to a second page with a working slide on it.

I need the user to be able to select 4 of the pictures and have their selections be viewable in page 2 slide show. How would I do this? I'm very confused

View 3 Replies View Related

Array - Show / Hide Several Paragraphs When The User Clicks Next And Then The Reverse When The User Clicks Prev?

Feb 22, 2011

How to show/hide several paragraphs when the user clicks next and then the reverse when the user clicks prev.

View 1 Replies View Related

JQuery :: Upload Form To Upload Pictures And Then When The Pictures Are Uploaded?

Sep 1, 2010

I am looking for a upload form to upload pictures and then when the pictures are uploaded, then they get emailed to me. Kind of like a contact form but attached is the pictures.

View 1 Replies View Related

Return Array - C# Code - Connecting To Database And Creating A Array - List

Jan 21, 2011

Modifying my code:

I have this C# code that is connecting to database and creating a array(list)

Code:

I'm trying to pass it to a javascript function so I can then pass it to a silverlight page so I was able to create this easy javascript that show a aleart box on startup of the list(array)

Code:

But I want to do something like this and can't get it:

Code:

View 2 Replies View Related

JQuery :: Hide/unhide The Right List-Tags?

Jul 13, 2011

I want to use the following script for an automatically generated Sitemap: multi-level accordion The ul-Tag I need has no class or selector. But it runs within a special div-container.

How can I tell the script to hide and unhide the right list elements?

View 4 Replies View Related

JQuery :: Hide Different Items In An Unordered List?

Apr 27, 2009

I want to modify the appearance of an unordered list by assigning a value to each list item and then setting the custom properties for each list item. At first I was thinking of assigning a number to each list item and then controlling it's properties via that number.But now I'm wondering if jQuery can do a search for the list items content.

View 4 Replies View Related

JQuery :: Hide All But One Div Show Again?

Apr 10, 2011

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:

<a href="javascript:void(0)"><img src="album_emilia.jpg" width="90px" height="125px" onclick="setAlbum('emilia')"/><p>Emilia</p></a>
function setAlbum(album) {
$('.right_nav').each(function() {[code].....

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

View 9 Replies View Related

JQuery :: Show One Row & Hide Others?

Jul 3, 2009

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.

<head>
<title>Jquery Table Display</title>
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.tabledisplay-0.2.js"></script>

[Code].....

View 2 Replies View Related

JQuery :: Show/Hide A Div In IE6/7?

Mar 23, 2011

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.

[Code]...

View 2 Replies View Related

JQuery :: Show / Hide Different Div's?

May 14, 2011

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

[code]....

View 1 Replies View Related







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