Jquery

I had recently been asked to implement a custom Google Map for a client in which there would be multiple markers for different locations, but also a select list of all the locations that the user can click on and the map in turn would focus on. Now in my workplace, we use the Drupal GetLocation module to deal with any Google Maps on the sites. I did some some digging around, messing with views and (a lot) of searching on online and I couldn’t figure out a way, via GetLocations, to achieve this. »

I needed to match the height of multiple div’s that contained an image and text, but the amount of text was never a set amount. I’ve created a fiddle for this. See it here // Fire the function on window resize $(window).on('resize',matchHeight); // Set up function function matchHeight() { // If the window width is tablet or desktop if ($(window).width() > 767 ) { // Reset the height for resize $('. »

I had a recent project where the page title has a background image and said image was to fade as the user started scrolling down the page. The JQuery code below is who I archive it but you can go my JSfiddle to see it in action: Fiddle me this // Fade out the page title image as user scrolls var fadeStart = 0; // 0 scroll or less will equiv to 1 opacity var fadeUntil = 300; // 300px scroll or more will equiv to 0 opacity var fading = $('. »

Recently I’ve been working on a project at work, which needed to the use of Jquery Quicksand coupled with Views to bring in and filter content. Each page when being created would be tagged with a Taxonomy Term to help define what the content is related to. The page needed links above the content which printed out each tag dynamically so the user could filter the content using the Jquery Quicksand animation. »