JQuery :: Basic Show/Hide, But Only 1 Item At A Time?

May 18, 2009

I have a table of data, and I would like these options to show up when that <td> is hovered over, but as you can see this hides/shows every <td>.

$('div.msgEdit').hover(function() {
$('td .msgEdit a').show();
},

[code]....

View 2 Replies


ADVERTISEMENT

Very Basic Show/hide Div With Radio Button?

Apr 2, 2009

i have made this request as simple as possible.When my page loads I would like div1 and div2 to both be hidden

If user clicks Div 1 radio then
div1 = visible
div2 = hidden

[code].....

View 3 Replies View Related

Show One Array Item Until It's Time For Next?

Sep 17, 2010

here I have array :

Code:

l[1.0]='A';
l[1.4]='B';
l[3.0]='C';

[code]...

And time :

Code:

var time = document.getElementById("time").innerHTML;

But making it

Code:

document.getElementById("k").innerHTML = l[time];

puts false into mine div, time changes alot and is in same format as array names.That function is repeated every 100 microseconds :

Code:

window.setTimeout(myFunction, 100);

Trying to do that in console tells me that doing it like : l[document.getElementById("time").innerHTML] gives me some value while using time variable just undefined, no matter it's same value Next problem I would want my text appear somehow like this when time is 3.0:

Quote:

ABCDFH

I can already guess that would be alot of code to make it interactive but any ideas, or leads where i should start, because that is my first time giving some more attention to JS.

View 3 Replies View Related

Jquery : Show / Hide Only One Div At Time

Jan 16, 2009

I have a page with 10 buttons, when the user presses a button it shows/hides the respective <div> containing the information. However if they show a div and try to show another before hiding the last one both of them are visible.Is there a way to iterate through all the div names and hide all off them and then show only the one that was selected?

View 10 Replies View Related

JQuery :: Hide/show Content One At A Time?

Nov 28, 2011

I am having some real trouble figuring out how I can hide and show divs one at a time, a bit like an accordian. Currently, I have several buttons, which open and close a div containing a ul menu. What I am trying to achieve is to only have one div showing at a time.

So for instance, when the page loads no divs are displayed, just the buttons. You click a button a div slides out. you click another button this div closes and another opens. I am new to jQuery, but working hard to understand and learn. So far I have the below for each button (div).

[Code]...

View 2 Replies View Related

JQuery :: Show/Hide Of Multiple Items At A Time With UL / LI / DL?

Dec 15, 2011

I have a UL group with multiple LI items, and each LI has a DL with a DT and DD inside. What I am trying to do is show EACH LI's DT, but not the DD. The DD will only show once the DT has been clicked (except for the first, which should be visible on page load.here is the structure code ... I am struggling to make this work using jQuery show/hide functionailty.

<!-- LIST -->
<ul class="examples">
<!-- ITEM #1 -->

[code]....

View 1 Replies View Related

Why Hide / Show Requires Double Click First Time

Feb 14, 2011

I'm testing a page with a .js hide/show <div> overlay to hide/show a video player. The image of the video screen in the center of the page, when clicked, opens a hidden <div> overlay. It works but it requires the viewer to double click the first time. What needs to change to make it "show" the <div> on the first click? Once the video <div> is displayed, then it works every time with just one click to hide or show. It's just the first time that requires two clicks to get it to work. Here is the page: [URL]

Here is the code used to implement the hide show, in the <head>:

Code:
<!-- Elements Needed for Video Player Popup -->
<!-- The javascript hide/show -->
<script type="text/javascript" language="JavaScript">
<!--
function HideContent(d) {
document.getElementById(d).style.display = "none";
} function ShowContent(d) {
document.getElementById(d).style.display = "block";
} function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
} //-->
</script>
a
And on the image, which acts as the button:
Code:
<a href="javascript:ReverseDisplay('mediaspace2')">
<img src="images/vid_button_image.jpg" width="376" height="282" border="0" /></a>

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

JQuery :: Cycle - Show More Than One Item?

Sep 10, 2010

Is it possible to show more than one item with cycle plugin.

For example, if we have something like:

<ul>
<li id='1'>
<li id='2'>
<li id='3'>

[Code]....

I'd like li's 2 and 3 to be shown at the same time.

View 2 Replies View Related

Jquery :: Hide Input Field If Dropdown Item Selected

May 24, 2010

I have a page as below, I hope the form only show Select option when loading, then the input date fields will be displayed if select event category, where are the errors?

Code:
<script src="/misc/jquery/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$.viewInput = { '0' : $([]),
//THIS IS THE NAME OF THE DIV WRAPPING THE HIDDEN FIELD
'1' : $('#1'),
};
$('#category_class').change(function() {
// HIDES THE INPUT FIELD IF ANOTHER DROPDOWN ITEM IS SELECTED ONCE THE HIDDEN FIELD IS LOADED
$.each($.viewInput, function() { this.hide(); });
// SHOWS THE INPUT FIELD ITEM IF SELECTED
//$.viewInput[$(this).val()].show();
}); });
</script>

<table cellpadding=4 cellspacing=1 width="650" border=0 class='list'>
<tr> <td class='caption'>
<form action="save.asp" name="pvt_spec" method="post">
<table border=0 cellpadding=4 cellspacing=0>
<div id="1"> <tr>
<td nowrap><font size=2 color="#ff0000"></font>Start Date</td> <td class='data'>
<input onClick="this.select()" tabindex="1" type="text" name="s_dt" value="2000/01/01" size="13" maxlength="13" STYLE='text-align=center;'>
</td> </tr> <tr>
<td nowrap><font size=2 color="#ff0000"></font>End Date</td> <td class='data'>
<input onClick="this.select()" tabindex="1" type="text" name="f_dt" value="2078/12/31" size="13" maxlength="13" STYLE='text-align=center;'>
</td> </tr> </div> <tr> <td>category</td> <td class='data'>
<select name="category_class" id="category_class" tabindex=1><option value="1">Base category</option><option value="2">Parent Event Category</option><option value="3">Son Event Category</option></select>
</td> </tr> </td> </tr> </table>

View 9 Replies View Related

Auto Scrolling - To The Right Automatically 1 Item At A Time

Jan 19, 2011

I'm not sure exactly what this type of thing is referred to but I'm trying to implement something which is similar to the scrolling logos on this page:- [URL] I need it to function just like that i.e. :-

- scroll to the right automatically 1 item at a time
- when it reaches the end scroll all the way to the left
- When the user hovers over the slider itself or the arrow buttons all effects stop temporarily until they hover elsewhere
- In my code I only want clicking either of the arrows to move the slider left or right by 1 item rather than 4
- when it is at the far left the left arrow disppears temporarily
- when it is at the far right the right arrow disppears temporarily

View 7 Replies View Related

Select Item From Listbox At Time Textbox Will Be Enabled

May 20, 2009

If we are going to select a item from list box after selecting it, textbox will be enabled using java script. Suppose we didn't select any item means the textbox should be disabled.

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

Hide Select Item In A Drop-down Box With An Asterisk

Apr 25, 2006

I have a drop down box in HTML using SELECT and OPTION tags:

<select title="Choose a number" onchange="obscure()" name="Digit1"
ID="Digit1">
<OPTION VALUE="">&nbsp;</OPTION>
<OPTION VALUE="0">&nbsp;0</OPTION>
<OPTION VALUE="1">&nbsp;1</OPTION>
<OPTION VALUE="2">&nbsp;2</OPTION>
<OPTION VALUE="3">&nbsp;3</OPTION>
</select>

Using the 'onchange' event I can fire a javascript function obscure().
How can I hide the selected number with an Asterisk (like a password)?
I've tried several different Googles but I can't find a method that
works.

View 4 Replies View Related

JQuery :: Show A Div Only When Mouse Over It For A Certain Amount Of Time?

Mar 20, 2010

There is a div. When the mouse is over it the div is shown and it is hidden when the mouse is out. The script is here.

<script type="text/javascript">
$(document).ready(function() {
function runToggle(){
$("#effect").toggle('blind', [], 500);
};

[Code]....

The problem is that there is no time delay for showing/hidding the div. When the mouse is over/out the div several times, the div is shown/hidden several times as well. How can I have the code to prevent this behaviour and only display/hide the div when the mouse stays on/out the div for a second?

View 2 Replies View Related

Show Content When Mouseover A Menu Item?

Feb 27, 2009

Once again I have a question I havn't been able to solve through search and experiments :p See, I have a menu consisting of icons. When I hover one of the icons I want a little description of every single menu-item to show in a div at the top of the page.

So, my problem is basicly how to toggle a div on/off when I hover another element? It should be used so that I can specify 4 menu items with different discriptions.

View 5 Replies View Related

Jquery :: Show In Real Time The Total Price?

Nov 20, 2010

What I'm trying to do is, a jquery script to show in real time the total price. I got this:
<li>Users</li>
<li>
<select name="users" id="users">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>
</li>

<li>Months</li><li>
<select name="months" id="months">
<option value='1'>1 Month</option>
<option value='2'>2 Months</option>
<option value='3'>3 Months</option>
<option value='4'>4 Months</option>
<option value='5'>5 Months</option>
<option value='6'>6 Months</option>
<option value='7'>7 Months</option>
<option value='8'>8 Months </option>
<option value='9'>9 Months</option>
<option value='10'>10 Months</option>
<option value="11">11 Months</option>
<option value="12">12 Months</option>
</select></li>

<div class="grand_total">
<h4 class="colr">Price</h4>
<ul>
<li class="price">$0.50</li>
</ul></div>

1 Month and 1 User price should be 0.50 USD
+1 Month = + 0.50 USD
+ 1 User = + 0.50 USD
Example: 5 Users + 2 Months = 3.50 USD
I wanna make the jquery to show the total price at li class="price".

View 3 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 :: After Submitting Form Show The Original DIV Contents After Some Time

Apr 1, 2010

I'm currently creating a simple shoutbox system. The whole shoutbox is in one DIV (shout_box). The DIV shows the 8 latest posts and below that you can enter a new shout / post. I used some script to submit the new post to a PHP page which fetches the data using Post. Then the script displays the message that the post has been added. This works great! However after 5 seconds I want the original DIV contents to reload (the 8 latest posts and the form to add posts. is that possible to do? I think it is, but don't really now where to begin.

I currently got the code below:
var dataString = 'message='+message;
//alert (dataString);return false;
$.ajax({

[Code].....

View 1 Replies View Related

JQuery :: .When Link Librarys, Timepicker Does Not Show Time Good?

Jun 9, 2009

i need use jquery time picker: http:[url]....and jquery validation plugin: http:[url]....When i link this librarys timepicker dont show time good: http:[url]....but when i take validation plugin away, timepicker show time good:
http:[url].... i need use this librarys together.

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

JQuery :: When I Choose Manufacturer, The Item List Show Only These Items Asociated With Choosen Manufacturer Without Page Refresh?

Nov 26, 2011

what i'm having is to dropdownlists with data from mysql (PHP). One is with manufacturer and other is items. Both data is from the same table, just different fields. I need, when I choose manufacturer, the item list show only these items asociated with choosen manufacturer without page refresh

View 3 Replies View Related

JQuery :: Animate Show After A Hide?

Apr 26, 2011

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.

[Code]...

View 3 Replies View Related







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