OK. Here's my basic HTML structure: <ul class="tabNavigation"> <li> <a href="#">Main Button</a> <div class="hoverTab"> <a href="#">Link Within Div</a> </div> </li> </ul> And here's my jQuery command: $('ul.tabNavigation li').mouseenter(function() { $('ul.tabNavigation div.hoverTab').hide(); $(this).children...
I am more and more tempted to try jQueryUI. I'm sort of scared, though, that whenever a feature I need is missing, it will be hard to customize the widgets to my needs, so rolling my own widgets as needed may be a ore secure bet. In particular what I'd like to know is: How difficult is it to go beyond the basic themes? Say I want to w...
I'm having a problem with elements added with appendTo() not being immediately available in the DOM. First, I'm reading some data from a JSON file and then appending some html to a div. Then I'm calling a random shuffler plugin to show one of the added divs at a time. jsonUrl = "js/performers.json"; $.getJSON(jsonUrl, functio...
Hi, I am trying to create an array with different hrefs to then attach to 5 separate elements. This is my code: var link = new Array('link1', 'link2', 'link3', 'link4', 'link5'); $(document.createElement("li")) .attr('class',options.numericId + (i+1)) .html('<a rel='+ i +' h...
I'm trying to bind Fancy box links so that when the new links are created it will still work. I've seen a few other question on here but not really answered. This is what I'm trying to do. jQuery("a#[id^='domore_']").fancybox({ 'autoDimensions' : false, 'width' : 'auto', 'height' : 'auto' }); This works fine but whe...
Thanks everyone for the help, rod. Hi All, I have a div that contains many spans and each of those spans contains a single href. How do I attach a click event to the a tag? Thanks, rodchar ...
On a page I have a sortable list with thumbnails. When rolling over the images I wanted a tooltip to show a bigger image. I found qTip, but maybe there is something better / easier? How can I connect the imgPath var from the sortable to the qtip? var imgPath = '<img src="002171/imm/001.jpg" />'; $("#sortable").sortable(); $("#sortabl...
I'm working with the jQuery sortable plugin( 2 connected lists) and have a strange bug. When you drag the picture the mouse is above the dragged item screenshot: http://img408.imageshack.us/i/mouseb.png/ Html for one of the lists <ul class="flickr_key_ul ui-sortable"> <li><img style="display: inline;" src="http...
I'm trying to figure out how I can best attach a load event to an element, but be sure that it gets run. The issue comes when I bind to the load event of an img, but that binding happens too late and the image has already loaded. Is there some way in jQuery to check if the image is already loaded? Its obviously an intermittent issue, ...
If I create a JQuery widget (code example below), and then define a "public" method, is there any other way to call the method other than using the following form? $("#list").list("publicMethod"); I would like to create a series of widgets that all define the same methods (basically implementing the same interface), and be able to ...
Hello friends The below link has my web page and i would like to validate all the fields using jquery, the problem is I dont have much space around the fields to display ordinary error messages. I am am a novice and thinking of using jquery validation, so could any of you suggest me the best possible way to do that. http://www.4shared.co...
This is probably a simple question, and i'm just being dense. I've looked through a few jquery books and nothing has jumped out at me, i'm probably missing something. I'm looking for the 'proper', best practices way to communicate between divs/dom items on a page? For example, I have a page with 5 panels that display when a link is cho...
Using Notepad++ and XAMPP to test stuff, then I upload it to the website over FTP. In the head of my code, I have this to call jQuery and the script: <script type="text/javascript" src="/jquery.js"></script> <script type="text/javascript" src="/portfolio.js"></script> and it works fine locally on my XAMPP server. But as soon as it's...
This should be real easy. Given below is the HTML. <div id='attachmentContainer'> #Attachment# <span id='spnAttachmentName' class='hidden'>#AttachmentName#</span> <span id='spnAttachmentPath' class='hidden'>#AttachmentPath#</span> </div> I want to get just the #Attachment# and not the other text. When I tried $("#attac...
I'm using this code for a faq. You click on the img and it opens the box, clicking on the img also closes the box. The img switches on each click. So far I have not been able to convert this to work with more than 1 section. I know nothing about jquery or javascript, but understand some programming concepts. I have been trying for 4...
Can someone point me to an example whet I can have 2 select boxes in a grid and by selecting an item in one box, sends a request back to the server to get the other items for the second select box. Like one is linked to another. Is there a onSelect or onChange that I can fires off after selecting the first selectbox? Thanks in advance....
Hi How can i get the selected text on a dropdowm, ive seen examples of how to do eg $('select option:selected').text() but looking at my code below, how can i modify it to work as the line alert($(this).parent().text()); gets all the list items as opposed to selected text $(document).ready(function () { $('.mutuallyexclusive'...
Yes, I am aware of QUnit, but with the jQuery Paradigm all about getting things done faster with less code, and is this some how opposed to a TDD Paradigm? Or does it complement it somehow? ...
Here is the sandbox version of my site: http://truxmapper.appspot.com/ To reproduce the error, hover over to the toolbar and go to Support --> FAQ. In Chrome/FF, this will work as expected. In IE, the background image will quickly move to the center of the page, but when its time to insert the div over the background image, its inser...
for the following html <div> <div class="col1" > I dont want to select this </div> <div class="col2"> I dont want to select this </div> <div class="col1"> I dont want to select this </div> <div class="col1"> I dont want to select this </div> <div class="col2"> ...