jquery

calling fancybox using jquery .click function

I am trying to customise fancybox so that when one of the 4 images displayed on the page is clicked, this is the one that loads up in the fancybox window. To do this I want to use the jquery .attr function to pass the image src (as a variable) to the main image holder. My current jquery code is: jQuery(document).ready(function($) ...

ul hidden by overlapping div

I have a navigation menu using nested ul's. When the top ul is hovered over it uses jquery's .slidedown to display the submenu ul. This part works fine. The problem I run into is when the submenu is displayed the lower portions (bottom li's) are overlapped by a div further down the doc and I am unable to click on those sub menu items. H...

Hidden DIV with flash won't show with jQuery

I have a hidden div which is faded in using jquery when the user clicks a button. There is flash movie that is loaded into the div and will show and play in all major browsers except IE. If the div is not hidden the flash will load and play fine. Can anyone explain to me the problem? ...

jquery small dialgog flash based alert

Hello,i want to display an alert using jquery dialog with flash(realtively small size) .please help ...

jquery hide problem

Hello! I use this to toggle my div elements, and hide all them when the DOM is ready... $('div[class*="showhide"]').hide(); $('input:image').click( function() { var nr = $(this).attr('id').substr(7,2); $('div.showhide' + nr).toggle(400); }); I have dinamically created div elements with class showhide0;showhide1;...

jqGrid Display Issue - Pixel shift on buttons in Pager

Let me explain the problem: Various pages of my web application contain jQuery UI tabs which display a jqGrid on one of their tab pages. Each of these jqGrids has several buttons (Add, Edit, etc) in its Navigation bar. The issue is that when the user hovers over one of the buttons, the text for each button in the navbar moves approximat...

JavaScript error in Safari, only sometimes...

I have a webpage that is using jQuery to hide divs on the page load and show them later based on user interactions. In my $(document).ready() I execute a bunch of code to hide these divs and to bind a function to the click() handler from jQuery for the regions that trigger showing these divs. It also grabs some values out of the HTML t...

Condense jQuery mouseOver and mouseOut

Imagine i have this HTML snippet 4 times over for four different sections of menu nav <ul class="navigation"> <li class="nav-Mens"><a href="#">Mens</a></li> <li class="nav-Womens"><a href="#">Womens</a></li> <li class="nav-Kids"><a href="#">Kids</a></li> <li class="nav-Gear"><a href="#">Gear</a></li> </ul> <div id="Gear"> <...

How can code in a JavaScript file get the file's URL?

I need to dynamically load a CSS stylesheet into a page that's on a different domain. How can I get the complete URL of the JS file to use in the href attribute of the stylesheet? For instance, here is the structure: http://bla.com/js/script.js http://bla.com/css/style.css I want to dynamically load the stylesheet into a page http:...

JQuery replacing image problem

Hi, I want to extend some JQuery code to replace an image once I click on it. I have this: var minimiseContent = function(e) { var targetContent = $('div.itemContent', this.parentNode.parentNode); if (targetContent.css('display') == 'none') { targetContent.slideDown(300); var minIcon = $('minimise', this.parentN...

jQuery tooltip follow mouse

I've been using this script http://jqueryfordesigners.com/coda-popup-bubbles/ and trying to use this fix to position the bubble according to where the user's mouse is on the page: $([trigger.get(0), info.get(0)]).mouseover(function (e) { if (hideDelayTimer) clearTimeout(hideDelayTimer); if (beingShown || shown) { // don't trigg...

Prevent hyperlinks from being entered into a html form: client-side or server-side validation?

I'm still debating whether I want to do this or not but what I'm considering is preventing users from entering hyperlinks into a HTML form in my app. This is to avoid spammy links from showing up for other uses of the app since the app is based on user generated content. This is a Rails app, so I could do some backend validations on the...

jQuery How to move an element into another element?

I would like to move one DIV element inside another. For example, I want to move this (including all children): <div id="ctl00_c1_vw_Module_SectionAssociation_pnl1" class="i-panel"> ... </div> into this: <div id="sectionassociation-i-panel" class="i-panel"> ... </div> so that I have this: <div id="sectionassociation-i-panel" class...

jQuery get current click event for element and append to it

I'm using jqGrid and adding my own onclick event to each cell of data when the grid has completed rendering. jqGrid has default behavior of highlighting a row onclick. When I add my own onclick event after the grid renders, my event overwrites the jqGrid event as expected. I would like to preserve the jqGrid onclick event and just add...

jQuery - jCarousel - FadeIn

Hello, I am using the plugin jCarousel (http://sorgalla.com/projects/jcarousel/) and rather than the images slide in (like in the "Carousel with autoscrolling" demo) I would like the images to fade in. The usage is a jCarousel that auto scrolls and only shows one element at a time. But I looked at Cycle plugin but it didn't seem to wor...

How to replace multiple strings with replace() in Javascript

Hey Guys, I'm guessing this is a simple problem, but I'm just learning... I have this: var location = (jQuery.url.attr("host"))+(jQuery.url.attr("path")); locationClean = location.replace('/',' '); locationArray = locationClean.split(" "); console.log(location); console.log(locationClean); console.log(locationArray); And here is w...

How to get started on a diet logging script in php/mysql/jquery

Hey guys, hope this isn't too much of a n00b question I'm mainly a front end developer that has recently started to do some back end programming. The script I'm working on is pretty simple (in theory). I just don't know where to begin and was hoping for some advice that will lead me in the right direction. -The script is essentially a ...

jQuery Set Selected Option Using Next

Hello, How can I, using jQuery, set the "next" item of an already selected item as "selected." For example, if I have: <select> <option value="1" >Number 1</option> <option value="2" selected="selected">Number 2</option> <option value="3" >Number 3</option> <option value="4" >Number 4</option> </select> We can see that "Number 2" i...

jQuery Set Select Index

Hello, I have an select box: <select id="selectBox"> <option value="0">Number 0</option> <option value="1">Number 1</option> <option value="2">Number 2</option> <option value="3">Number 3</option> <option value="4">Number 4</option> <option value="5">Number 5</option> <option value="6">Number 6</option> <option value="7">Number 7</opti...

Can jQuery UI Dialog Box hold a video? (maybe a youtube video?)

I haven't seen any examples on the net. Was wondering if someone knows if there's one that exists or if it's even possible. thanx ...