Search jQuery

jQuery Forum

Screen name:
mikeebee8
About Me:
Web designer learning jQuery but can't seem to get over the hump!

mikeebee8's Profile

16 Posts

25 Responses

1 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Do something after scrolling certain distance from any point on the page
[2Replies]
- 28-Nov-2013 07:50 PM
- Forum: Getting Started
Hi all,

I have a fixed position navigation which opens from the side of my page. I want it to close when the user scrolls 300px in either direction from whatever position they are on the page. i.e. they could be at the top of the page or somewhere in the middle.

So if the nav is open and the user scrolls 300px (in either direction) a class is removed from the nav.

I've tried using the WayPoints plugin and scrollTop but these seem to reference elements which are at certain points of the page so it doesn't work how I want it.

Apologies for the lack of demo, it's a client site and I can't make it public.

Any suggestions?
Thanks!

Scrolling to anchor within this function
[2Replies]
- 20-Nov-2013 12:53 AM
- Forum: Using jQuery
Hi guys,

I've created an accordion of sorts but there is a couple of refinements that I can't figure out.

1. Close already open item when you click it a second time
2. Smooth scroll to the opened content (or just to the top of the clicked item)

http://jsfiddle.net/mamxP/4/

Any suggestions?
Thanks!

jQuery not working on AJAX loaded content
[5Replies]
- 08-Oct-2013 06:55 AM
- Forum: Using jQuery
Hi all,

I'm loading some content in via AJAX. Once it's loaded I've found other scripts are working/affecting the new content. I assume this is a common issue but I'm stumped!

Unfortunately I couldn't get it working on JSFiddle so here is the code. Also, if I can improve my code, I'm all ears!

Any suggestions?
2. // -------------------------- //
3. // Load content via AJAX
4. // -------------------------- //
6. LoadPageContent = (function(){
8. var _self = {};
10. function init(){
11. var hash = window.location.hash.substr(1);
12. var href = $('#nav_main li a').each(function(){
13. var href = $(this).attr('href');
14. if(hash==href.substr(0,href.length-4)){
15. var toLoad = hash+'.php #ajax_content > *';
16. $('#ajax_content').load(toLoad);
17. }
18. });
20. $('body:not(.homepage) #nav_main ul li a.ajax_link:not(#home_link)').on('click', function(){
22. var toLoad = $(this).attr('href')+' #ajax_content > *';
23. $('#ajax_content').fadeOut('fast',loadContent);
24. $('#ajax_loading').remove();
25. $('#l_page_wrapper').prepend('<span id="ajax_loading"><i id="icon_ajax_loader" class="icon-spin1 animate-spin"></i></span>');
26. $('#ajax_loading').fadeIn('slow');
27. window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-4);
28. function loadContent() {
29. $('#ajax_content').load(toLoad,'',showNewContent());
30. }
32. function showNewContent() {
33. $('#ajax_content').fadeIn('normal',hideLoader(), Nav.doStuff(), Backstretch.init());
34. }
35. function hideLoader() {
36. $('#ajax_loading').fadeOut('normal');
37. }
38. return false;
39. });
40. }
43. _self = {
44. init : init
45. };
47. return _self;
49. })();

Validate plugin - Ignore 'default' data-placeholder value
[7Replies]
- 17-Apr-2013 03:10 AM
- Forum: Using jQuery Plugins
Hi all,

I have inputs using the data-placeholder attribute as placeholder text on form fields and removing it when the field is clicked (basically mimicing the behaviour of the actual placeholder attribute).

Problem is, the validate plugin (correctly) considers these fields populated so doesn't error when they haven't been populated by the user.

I see that there are custom rules you can set up and I think I could somehow check if the text is the default text or not and validate based on that using jQuery.validator.addMethod.

So if the name field has 'Name' in the data-placeholder then still validate and the same for the others.

Could someone help me write these rules, I'm not sure where to start (still learning).

I would usually just use a placeholder polyfill but this is an existing set-up that I need to cater for.
1. <form action="#" id="form_id" class="form">
2. <ol class="box_form">
3. <li class="form_item">
4. <label for="name" class="visuallyhidden">Name</label>
5. <input id="name" type="text" data-placeholder="Name" class="required">
6. </li>
7. <li class="form_item">
8. <label for="email" class="visuallyhidden">Email</label>
9. <input type="text" name="email" value="" id="email" data-placeholder="Email" class="required email">
10. </li>
11. <li class="form_item">
12. <label for="phone" class="visuallyhidden">Phone</label>
13. <input id="phone" type="text" data-placeholder="Phone">
14. </li>
15. <li class="form_item">
16. <label for="email" class="visuallyhidden">I am interested in…</label>
17. <input type="text" name="email" value="" id="email" data-placeholder="I am interested in…" class="required">
18. </li>
19. <li>
20. <label for="message" class="visuallyhidden">Message</label>
21. <textarea name="Message" rows="4" cols="40" data-placeholder="Message"></textarea>
22. </li>
23. <li class="align_right">
24. <button class="btn submit" type="submit">Submit</button>
25. </li>
26. </ol>
27. </form>
Many thanks!

Alter iframe height based on contents
[2Replies]
- 23-Feb-2012 04:40 AM
- Forum: Using jQuery
Hi all,

I have an iframe with a form on it, the form is on another domain. I have the iframe set to a height to accommodate the contents.

However, if there are errors on the form a "please correct these errors" box appears within the frame and makes the contents too tall for the iframe container. Is there any way to alter the height of the iframe if the error box is present in its contents? Or just adjust the iframe based on the height of the contents?

Cheers

Using Quicksnd with buttons instead of radio buttons
[3Replies]
- 24-Jan-2012 09:44 AM
- Forum: Using jQuery Plugins
Hi,

I have tried simply changing the radio button inputs for <button> and <input type="submit"> (including the needed values to associate the fields) but nothing works.

Basically I just want buttons instead of radio buttons for the following example.

http://razorjack.net/quicksand/demos/one-set-clone.html

Any ideas?

Many thanks

Styling a (same domain) iframe not working in IE
[0Replies]
- 14-Dec-2011 12:20 PM
- Forum: Using jQuery
Hi all,

I'm displaying 2 iframes on a page with content from other pages on the same domain. I'm using jQuery to apply a stylesheet to the 2 iframes.
1. $('#col1iframe, #col2iframe').load(function(){
2. $(this.contentDocument).find('head').append('<link rel="stylesheet" href="css/iframe-styles.css">');
3. $(this.contentDocument).find('a').attr({"target":"_top"});
4. $('#col1iframe, #col2iframe').show();
5. });
It works great in FF, Chrome etc with no errors. IE 8 and 7 just show the un-styled iframe (IE9 is fine).
Any ideas?

Styling a (same domain) iframe not working in IE
[5Replies]
- 14-Dec-2011 12:20 PM
- Forum: Using jQuery
Hi all,

I'm displaying 2 iframes on a page with content from other pages on the same domain. I'm using jQuery to apply a stylesheet to the 2 iframes.
1. $('#col1iframe, #col2iframe').load(function(){
2. $(this.contentDocument).find('head').append('<link rel="stylesheet" href="css/iframe-styles.css">');
3. $(this.contentDocument).find('a').attr({"target":"_top"});
4. $('#col1iframe, #col2iframe').show();
5. });
It works great in FF, Chrome etc with no errors. IE 8 and 7 just show the un-styled iframe (IE9 is fine).
Any ideas?

Compile a link from form input values
[4Replies]
- 08-Dec-2011 07:52 AM
- Forum: Using jQuery
Hi all,

Is is possible to compile a link from form input values? Basically I need to compile a url string to fake a CMS search. It's a crude solution but I have no other options at this point.

So, the user fills this in an clicks submit which takes them to whatever url it has complied.

The url is quite complex but consistent, the resulting values will be at certain points in the url

So... http://somesite.com/search.php?categoryid=435834y59?keyword=KEYWORD VALUE?catalogue_number="CATALOGUE NUMBER VALUE"?price_from=PRICE FROM VALUE?

etc
1. <label for="keyword">Keyword</label>
2. <input type="text" name="keyword" value="" id="keyword">
4. <label for="catalogue_number">Catalogue number</label>
5. <input type="text" name="catalogue_number" value="" id="catalogue_number">
7. <label for="price_from">Price from</label>
8. <input type="text" name="price_from" value="" id="price_from">
10. <label for="price_to">Price to</label>
11. <input type="text" name="price_to" value="" id="price_to">
12. [SUBMIT]
I hope this makes sense many thanks!

Using jQuery Color to cycle through some specified colours
[4Replies]
- 01-Dec-2011 04:49 AM
- Forum: Using jQuery Plugins
Hi all,

I followed a tutorial which explained how to use the jQuery color plugin to cycle through random colours.
1. spectrum();
2. function spectrum(){
3. var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
4. $('#container').animate( { backgroundColor: hue }, 1000);
5. spectrum();
6. }
This works great but I'd like to limit it to X number of specific colours. Is this an easy change? I tried altering it myself but got nowhere fast.

Cheers

Remove/add hash from URL
[4Replies]
- 28-Nov-2011 04:20 AM
- Forum: Using jQuery
Hi,
This will be on a page with #lightbox-print-page appended to the URL. I then want to generate a link from whatever the URL is and then link to itself in effect, but with a different hash value (#autoprint)
So if the exisring URL was
http://somesite.com#lightbox-print-page the .js would create a link with this URL http://somesite.com#autoprint

The below works but it doesn't remove the existing existing hash

Is it doable?
1. $(function () {
2. var hash = window.location.hash;
3. var location = window.location;
4. // If the url contains #lightbox-print-page (lightbox display behaviour) - add a link to a printable page
5. if (hash=="#lightbox-print-page") {
6. $('.lightbox-print h1').append('<p class="print"><a href="'+location+'#autoprint" target="_blank">Printer friendly <span>(opens in a new window)</span></a></p>');
7. }
8. });
Many thanks

Add http:// if it's missing
[2Replies]
- 17-Nov-2011 04:34 PM
- Forum: Using jQuery
Hi!

I am creating a field in a CMS where a client can add a website to each entry. I want to have some jQuery which adds http:// to the address if it's not been added to the field so that it will cover up any mistakes/so I don't have to force them to do it a certain way.

Any help will be appreciated

Mike

Append a sequencial tracking code to each url
[2Replies]
- 08-Nov-2011 06:08 AM
- Forum: Using jQuery
Hi all,

I need to add sequencial tracking code to each link on a page. The tracking code changes every month, this month it is

?cmpid=FS005a

So ideally...

Before
1. <a href="http://somesite.com">Blah</a>, <a href="http://somedifferentsite.com">Blah</a>
After (a number starting with 1 is appended)
1. <a href="http://somesite.com?cmpid=FS005a1">Blah</a>, <a href="http://somedifferentsite.com?cmpid=FS005a2">Blah</a>
Any help will be much appreciated.

Run certain script unless if div exists
[12Replies]
- 14-Oct-2011 04:25 AM
- Forum: Getting Started
Hi,

I want to a script to run unless a div with an ID of #error-box exists.

This is the script...
1. <script>
2. RecoverScroll.hash();
3. RecoverScroll.start('personal-details');
4. </script>
Any help will be appreciated
Many thanks

[jQuery] Test if jquery has loaded
[5Replies]
- 06-Feb-2008 05:41 PM
- Forum: Using jQuery
Is there a small piece of code you can put on a page to test if jquery
has loaded?
Thanks

[jQuery] Scroll behaving odd in Firefox
[0Replies]
- 18-Jul-2007 04:42 AM
- Forum: Using jQuery
Hi all, first time I've used jQuery. I'm using it for a basic scroll
to anchor function. I started with it on the "back to top links" then
I moved to using it on a small anchor navigation at the top of the
page. It works fine in Safari on the mac and IE on the PC but for some
reason the top links on the page don't work in Firefox (on both
platforms) UNLESS the page is partially scrolled down. Since this is
the first time I've used jQuery I'm beyond stumped!
Thanks everyone
Mike

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend