jQuery Forum

I have a drop down that is being dynamically generated, so it could have anywhere from 1 to 50 options. I'm having real trouble at that part. Each of those options, if they exist, will have a corresponding numeric div I need to show based on the selection. For example...

I've got the javascript to achieve this if the numbers are static, but Im not sure how to make this more dynamic or flexible so I can have a varying amount of numbers. Can anyone please help?

Currently this script is outputting the exact mathematical calculations I need it to perform. Can someone show me how to change these from simply outputting formulas to actually executing them?

Current example output: "Values added together and multiplied by the variable: 4 + 6 X 5"

Desired output:  "Values added together and multiplied by the variable: 50"

I've built a single page site that uses div id tags in the URL and Jquery to handle navigation (index.php#home, index.php#about, etc.)

Whenever the user visits index.php and clicks a link, it takes 2 clicks to make the navigation kick in; I believe this is because it's missing an ID tag. Once it's set to index.php#home, index.php#about, etc. it works fine.

Is there anyway to check if an id is assigned in the url and if not, add #home to it?

I am currently working on the checkout screen for a shopping cart. I want to have a dropdown such as "Would you like to use saved Billing information?" if they have saved info to their account before. If they choose an existing address, I'd like to hide the fields so they don't get confused and think they need to enter anything.

The "options" will always have numeric values (0, 1, 2, 3, etc.)

Here is what I have HTML wise:

2. <div id="existing_Billing">
3. <h1>Billing Info</h1>
4. <p>Would you like to use a saved credit card?</p>
5. <select name="ucc_ID" class="existing_shipping" id="billing">
6. <option value="NO">Select a Card</option>
7. <option value="0">Mastercard</option>
8. <option value="1">Visa</option>
9. <option value="2">Discover</option>
10. <option value="NO">No, use the info entered below</option>
11. </select>
13. <div id="form_billing">
14. <div class="left">
15. <div class="form_element">
16. <label for="username">Username</label>
17. <div class="input_box">
18. <input id="username" name="username" type="text" class="text_input" />
19. </div>
20. <div class="clear"></div>
21. </div>
22. </div>
23. <div class="left">
24. <div class="form_element">
25. <label for="password">Password</label>
26. <div class="input_box">
27. <input id="password" name="password" type="password" class="text_input" />
28. </div>
29. <div class="clear"></div>
30. </div>
31. </div>
32. <div class="left">
33. <div class="form_element">
34. <label for="email">Email Address</label>
35. <div class="input_box">
36. <input id="email" name="email" type="text" class="text_input" />
37. </div>
38. <div class="clear"></div>
39. </div>
40. </div>
41. </div>
42. <div class="clear"></div>
43. </div>
44. </div>

I'm really in love with the Jquery Mobile CSS system. It's beautiful and it's sliding functionality is awesome.

However I'm new to it and I'm running into some beginner questions.

Mainly, how can I pass an argument through the URL? If I do index.php#one?id=1, Jquery says it can't load it. I need to pass ID's through my URL so I can use PHP to dictate what is shown.

I'm sure there is a way to do this. Does anyone know?

I'm new to this kind of scripting. I've managed to get my mouseover command working:

But I want it to undo itself when the cursor leaves... I tried:

But it didn't work. What's the syntax to make this happen?

I have an interesting project that I'm sure someone has done before. I need to essentially recreate the effect on the Bing homepage where you can mouseover different parts of an image and be displayed different tool tips depending on where your cursor is.

Basically I want to make this:

Out of Jquery. Or similarly, this:

I don't want to use Flash for these things unless I absolutely have to. It seems they could be done with CSS purely but I was wondering if there is a more attractive/prettier way to do it with Jquery?

Can anyone point me in the right direction?

I'm currently programming a website and we wanted to have Jquery on it. This is my first real foray into Jquery (other than occasionally using a plugin here and there) so I'm a bit confused as to why what is happening is happening.

The idea is to have 3 different things going on:

However I am having problems implementing a lightbox style onto the top banner.

I found a Jquery thing called Shadowbox but for the life of me I can't get it to play nice with the code I wrote for the show/hide div functionality for the video player.

You can see the website here:

If you click the play button on the latest news button, it will play a video. While the video is playing, click one of the banners at the very top of the screen (the ones that say Placeholder Ad). The video player will disappear and no shadowbox pops up.

Why is this? What am I doing wrong? I figure it's an ID issue; that shadowbox is applying some div replacement behavior to everything of a certain type, but I don't know how or where to fix it.

You can see the code in the HTML of the link, but here is the code for the Latest News box:

If anyone could help me get this working I would greatly appreciate it. I'd really like to learn why its breaking and how to fix it. Jquery is very powerful and I want to use it a lot in the future, I'm just not sure how to troubleshoot compatibility issues like this just yet.

Thanks for looking.