Search jQuery

jQuery Forum

Screen name:
Damien O Neill

Damien O Neill's Profile

3 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Show alert when one div has been clicked but another has not.
[3Replies]
- 03-Apr-2014 08:30 AM
- Forum: Using jQuery
Hey all!

Hopefully this is possible and someone can help. Basically, I have created a package Sign Up form, so users can select which features of the package they want to include, see the price and then sign up for the package.

The user picks their choices from drop down select boxes, presses an Add button to increase the packages price and then once happy, they can click Sign Up to submit.

What I need to have happen is if a user uses the dropdown, selects an option, but does not click add, they should get a message saying to click Add before continuing if they click Sign Up.

I hope that makes sense!
1. <div class="styled-select">
2. <select id="broadband_package1" name="broadband_package1">
3. <option value="0" checked="checked">No Thanks!</option>
4. <option value="1">Package 1</option>
5. <option value="2">Package 2</option>
6. <option value="3">Package 3</option>
7. <option value="4">Package 4</option>
8. </select>
9. </div>
10. <a href="#" title="Add" class="chat calculate-total1" id="calculate-total">Add</a>
11. <div class="make_sure">Make sure you click add before proceeding</div>
14. <div class="homepage-content-small">
15. <h2>Happy with your new bill?</h2>
17. <input type="submit" value="Sign Up" title="Sign Up" class="chat signup">
18. </div>
And my attempt at the jquery...
1. jQuery(".signup").click(function() {
3. if (".calculate-total1"):not(click){
4. jQuery(".make_sure").show();
5. else {
6. jQuery(".make_sure").hide();
7. });
Thanks

Damien

Display trailing zero for price in jquery
[2Replies]
- 24-Mar-2014 08:27 AM
- Forum: Using jQuery
Hey all,

Hopefully someone can help with this. I am simply looking to add the final zero to the decimal part of a price in a price calculator I am written.

The calculator starts with a user selecting a standard "Sign Up" fee of €25.50 and then selecting other packages to increase the price.

At the moment, the standard price displays as €25.5.
1. costs = jQuery('.cost-container').text();
2. total = Number(costs) + (25.50).toFixed(2);
I got this code by looking at the following similar query: http://stackoverflow.com/questions/2433122/how-to-add-a-trailing-zero-to-a-price-with-jquery

Currently, if I enter 25.511 as my value, the result displays as 25.51, which shows that the code is sort of working, my issue is just when the second decimal place is 0 that it does not display.

Can anybody spot what is wrong?

Cheers

Damien

Google Maps resize issue inside a hidden div
[1Reply]
- 20-Feb-2014 08:00 AM
- Forum: Using jQuery
Hi All,

I hope someone can help me with this.

I am not very experienced with jQuery and need help implementing a fix for the issue where if you place a Google Map into a hidden div it does not load fully and only shows in full after the browser window is resized.

I understand that the following has to be added to my code, but I just really dont know where or how:
1. google.maps.event.trigger(map, 'resize');
I have tried adding it to my header file, to the jQuery file, to the HTML files but to no avail.

My hidden divs are using a Slide Up and Slide Down effect to display the content and the js code is:
1. // run the function below once the DOM(Document Object Model) is ready
2. jQuery(document).ready(function( $ ) {
3. // trigger the function when clicking on an assigned element
4. jQuery("#distribution .more").click(function () {
5. // check the visibility of the next element in the DOM
6. if (jQuery(this).next().is(":hidden")) {
7. jQuery(this).next().slideDown("slow");
8. jQuery("#distribution").addClass("distribution_expand"); // slide it down
9. var center = map.getCenter(); google.maps.event.trigger(map, 'resize'); map.setCenter(center);
10. } else {
11. jQuery(this).next().hide(); // hide it
12. jQuery("#distribution").removeClass("distribution_expand"); // slide it up
13. }
14. });
15. });
My HTML for that div is:
1. <div class="col-md-6" id="right">
2. <div class="col-md-12 col-sm-12" id="distribution">
3. <?php query_posts('p=1985'); ?>
4. <?php while (have_posts()) : the_post(); ?>
5. <h2><?php the_title(); ?></h2>
6. <?php the_excerpt(); ?>
7. <?php endwhile;?>
8. <div class="more"><span>More ></span></div>
9. <div class="distribution_display content" id="container"><?php the_content();?></div>
10. </div>
The jQuery used is for the jquery.ui.map.js from http://code.google.com/p/jquery-ui-map/.

My code to display the map and multiple coordinates is:
1. <div class="item dark">
3. <div id="map_canvas" class="map"></div>
5. </div>
7. <div class="content1 light shadow panel">
9. <ul>
11. <li class="gmap" data-gmapping='{"id":"m_4","latlng":{"lat":53.3473374,"lng":-6.2603307},"tags":""}'>
13. <p class="info-box" style="color:black;">Abbey Court Hostel</p><small>29 Bachelors Walk, Dublin 1</small>
15. </li>
17. <li class="gmap" data-gmapping='{"id":"m_1","latlng":{"lat":53.3479993,"lng":-6.2625874},"tags":""}'>
19. <p class="info-box" style="color:black;">Abbey Hotel</p><small>Mid Abbey Street, Dublin 2</small>
21. </li>
23. <li class="gmap" data-gmapping='{"id":"m_4","latlng":{"lat":53.3464433,"lng":-6.2610087},"tags":""}'>
25. <p class="info-box" style="color:black;">Abigails Hostel</p><small>Aston Quay, Dublin 2</small>
27. </li>
28. </ul>
29. </div>
I really hope someone can help with this as I am going insane trying to implement the fix!

Thank you!

Damien

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend