[jQuery] Get "Location" Of A Div
Hey, What I'm trying to do is create a "popup" that appears below an icon when you mouseover the icon. To do this I need to get the "location" of the icon (div) and then I can position the popup accordingly from there. The issue that I'm running into is if I don't actually directly assign the icon an absolute position using CSS, then when I use css("top") and such, it just returns a value of "auto" rather than an actual numerical value (pixels). I need to somehow get the "location" (in pixels from
[jQuery] Mootools and Jquery conflict
Hey guys, sorry to bother you with this one, I read the pages about the nonconflict script etc,...but I 've spent the whole day trying to figure out how to solve this. Basicly I have a script made on a mootools library. I now want to add jQuery's Fancybox to the page. When I do this my mootools accoridon style menu won't work anymore. When I delete the jQuery.js file it works again. I understand its a problem with the '$' which is used in both scripts. But I really cant find the way to solve it by
[jQuery] Accordion problem - closing issue
Hi, I can't seem to get my accordion to work. I have nested ul's, and I'd like it to close the open ul when you open another (normal accordion function). I would appreciate any help/tips. Thanks! Here is my jquery: $(document).ready(function(){ $(".accordion:eq(0)> li ul:gt(0)").hide(); $(".accordion li a").hover(function(){ $(this).next("ul").slideToggle("slow") .siblings("ul:visible").slideUp("slow"); }); }); And here is my accordion structure: <ul class="accordion">
[jQuery] [Autocomplete] Use of flush cache in autocomplete plugin and how to update data
<div dir="ltr">How can I update the data from autocomplete plugin? I tried it with flushCache, but it doesn't work. Someone has a example code that could show me?<br clear="all"> -- Att, Antonio Lazaro </div>
[jQuery] Flowplayer, Facebox and jQuery odd behavior - Works on Dev but not on others
I am having a strange problem. I am using jQuery 1.2.6, Flowplayer and Facebox for a little effect that opens a Facebox when a video is done playing. All the code seems to be right. It plays great on my dev machine. Then when I load it to a server, again plays great. But if I go to any other machine, and access the same URL, it doesn't work. Which made me think it was a cache issue, but I can empty the cache, refresh and the problem persists. Same if I try to load on my dev machine. Works great until
[jQuery] Match the filename to highlight current link on page
Hi there, I've following code to highlight the current link in my menu: var path = location.pathname.substring(1); if (path != '') { $('#navigation a[@href$="' + path + '"]').css('color','#c03'); } else { $('#navigation a[@href$="/"]').css('color','#c03'); } But some files/pages have similar names like: potatoes.html fried-potatoes.html The second page highlights the first link (potatoes.html) as well. What's wrong of course. How can I make this bulletproof? Is it possible only to match the
[jQuery] Variable Scope
So I've been over my code again and again and I've scoured through the Wiki and Help Documentation but I still cannot seem to make it work. I have a row of icons and the idea is when you mouseover, a popup ( ) appears below it and then when you mouseout, it fades again. I've found the best way to do it is that start with all the popups to the side of the icons (so you can still hover over the icons and the popups don't just block your way) and the popups begin as hidden (opacity: 0). When you mouseover
[jQuery] Saving draggable div positions to html?
Is it possible to save the state of a draggable DIV's position? I can make a DIV draggable as explained here: http://docs.jquery.com/UI/Draggables But how can I acquire the new DIV position, and save it somewhere, so that when my web page is accessed again, the new DIV position is remembered. I don't want to use cookies.
[jQuery] jQuery Package Downloader
Just to let you all know even though this is my first post it may seem a tad spammy but it's not. It just happens I didn't have an account on general discussion yet. I've just kind of alpha released a super small jquery downloader. Allowing you to choose exactly what parts of jQuery you need creating a REALLY small download. http://demos.stuartloxton.com/downloader/ I'm still making changes to it, theres a larger description, and some notes on stuff I'm going to change on my site over at: http://stuartloxton.com/creating-a-really-small-jquery/
[jQuery] .after not really after
I'm having an issue where i have a table full of records, when the user clicks on an entry i want it to slide down. he problem is that it slides down after right after the <tr> pushing out everything else. i was under the impression that .after should be after the </td> and not after the <tr> which is an append to me. As its not working I'm of course sure im wrong. any inputs on this would be much appreciated two screenshots of what im trying to say can be find here http://www.konstructive.com/table1.png
[jQuery] Thickbox vs jqModal
Hi, I am confused what plugin should I use either Thickbox or jqModal? Can some body tell me which one is better in terms of performance, look and feel and for future help Thanks
[jQuery] jFrame and images - need help
So something is going very wonky with jFrame. When a page loads into a div, and I click on an image, it spits out the longest string of unreadable junk. Q"a2 q��B�R# ��3 ���brCS$ � ����� � �?����� � &�Lz%�2��쩻 �`�1��H5i�G �"0��E�{w d�{ ��M� ��TGܙi��Qn�>�#J���l9U[�իxw��4V�l! �B���� b�m�o r ��.q ]�����a�� ��� ���S��$�7|�f�~V���b� M� / m��"� f �Le,���� � 7�� Z�R�oZ W����7�I���� � ���m�n .P�sW51���*��(�B���� � �l�1�1 �� J M?ȝo�~� �: ��;%�x !D��pQ G����괴 z�ZF���_�Tڏ �P(��Ǯ�2�O����q UT��^�IV�m�뾙
[jQuery] Ajax update on visible viewport of my div
Hi, I have a scrollable div containing a table that can have like 100 thousands of lines from my database. I want to have an ajax update every 5 seconds on this data. So I tought I could update only the records which are visible in the area of the div that the user scrolled to. How would you achieve this ? Is there any way to bind an event on a scroll event ? Thank you for any advice. -- View this message in context: http://www.nabble.com/Ajax-update-on-visible-viewport-of-my-div-tp19959477s27240p19959477.html
[jQuery] help with $.getJSON() ... just cant figure it out
first off, i dont get the difference between using $.ajax, $.post or $.get instead since the concept is the same afaik: you send a request and receive a response. the only difference in this case is that the response would be a JSON object... right? anyway... i've managed to generate tons of JSON objects of all sorts but haven't been able to come up with a decent parser thats not uber specific to each case... does anyone have any tips or a more generic kind of jQuery JSON parser and some help on
[jQuery] Changing Pictures and Frames
I have more than 20 pictures. I'd like to show them in different frames, let's say 5 different kinds of frames. I want to set up showing a default picture and frame. And you can select one of frames and hover pictures to see how it fits. I bought two jquery books, and started reading them. So I am a begginner. Could anyone help me how to do it, or any website I can refer to? Thanks in advance.
[jQuery] JQuery Selector and Java Script Variable
Hiya, I've not been able to find an answer to this online! can someone point out the correct syntax for this: var myRel = $(this).attr("rel"); var largePath = $('a[rel*=' + myRel +']').attr("href"); Basicly the myRel gets set correctly, but how do i use the javascript variable as part of the jquery selector so that i can get a selector that looks like: (assuming myRel was 5)... var largePath = $('a[rel*=5]').attr("href"); Thanks in advance! Shadi
[jQuery] Trouble getting parent anchor tag of child list
I have nested lists that are are trigged by clicking on an anchor tag. I hardcode a specific sublist to display initially, which works. The problem is parent anchors that have sublists get two arrows, down and right, depending on if it's expanded or not, and I can't get the down arrow to display initially. I am trying to add a class to the parent anchor tag based on the selected child sublist to expand. function initMenu() { $('ul.mainmenu ul').hide(); var expandDefaultMenu = $('ul.mainmenu
[jQuery] $('<div/>')
$('<div/>') returns array of one object. Is this some kind of virtual element? $('<anything/>') also returns one element. I am using this element to make html encode (Example $('<div/
[jQuery] jCarousel problem in Safari 3.1.2: "next" button disabled
I love jCarousel and have used it with success, but I'm in a situation where it's not behaving as expected in Safari (works fine in Firefox, thankfully). The "next" button, while being rendered in the DOM, isn't being enabled — both the CSS class and HTML attribute for "disabled" are remaining present according to Safari's element inspector. Safari's error console reports no javascript errors. You can see it at http://dev.byrnecreative.com -- click any of the 3 nav items and then any sub-nav item
[jQuery] Different Namespace Tags
Hello. I have appended a svg into the html. Now I want to get those svgs in jquery wrapper but I couldnt manage to fin a way. Below is the code. How can I get different namspace tags by jQuery. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> <head> <script type="text/javascript" src="http://jqueryjs.googlecode.com/ files/jquery-1.2.6.min.js"> </script> </head> <body> <h1>SVG embedded inline in XHTML</h1> <svg:svg width="300px" height="200px">
[jQuery] [validate] callback onblur on single input field
hi i'm using tha validation plugin on a very long form. It works fine everywhere but for one little issues: i need to trigger a function onblur of a single field: i got a "tel" and a "mobile" input field one of which is required (at least). How i trigger the callback after i fill the input to erase th error class from the other field? Thank Vitto
[jQuery] [Validation plugin] attaching onclick validation to checkboxes before submit button is clicked?
Using the Validation plugin (http://docs.jquery.com/Plugins/ Validation/) I've got checkboxes like this: <input type="checkbox" name="q4" id="q4" value="1" /> <input type="checkbox" name="q4" id="q4" value="2" /> <input type="checkbox" name="q4" id="q4" value="3" /> <input type="checkbox" name="q4" id="q4" value="4" /> <input type="checkbox" name="q4" id="q4" value="5" /> and the following code making sure that only 3 can be chosen: $(document).ready(function() { $('#fQuestionnaire1').validate({
[jQuery] input field html
does this html has any "flaws" (from a jQuery perspective) that could make jQuery break ?? <input name="ctl00$body1$Tab_Customer1$txtAddr1" type="text" value="text value" id="ctl00_body1_Tab_Customer1_txtAddr1" class="field-data" /> ??
Prefixing all input names
I want to prefix all the input names with a particular DIV eg. <div id="my_div"> <input name="phone" type="text" /> </div> becomes <div id="my_div"> <input name="1_phone" type="text" /> </div> How would I go about this please, I don't really know where to start. Thanks, Cham.
[jQuery] How do I remove a plugin melodramatically
All, If I were to add a plugin to an element on a page, say clueTip. How could I remove the plugin from the element when I want without reloading the page? Regards, Dan
[jQuery] Leandro's Lightbox and sIFR
'lo all, We're designing a website here at the mo which was previously in the hands of one of the other guys, who'd done a Lightbox on a gallery page using Prototype / Scriptaculous / Lightbox from huddletogether.com. The page in question also uses sIFR and when the Lightbox is opened, the sIFR Flash shows through over the top, which looks messy. I thought I'd rip the P/S Lightbox out and replace it with Leandro's from http://leandrovieira.com/projects/jquery/lightbox/ but unfortunately it suffers
[jQuery] jquery-ui - draggables within a div with position: absolute
<div dir="ltr">Hi I have draggables within a div that is absolutely positioned. When I click the draggable, the cloned images appears above the mouse pointer. To be precise, the distance between the draggable and the mouse pointer is the same as the distance between to top of the page and the top of the viewport. how to get the cloned image to be where to mouse pointer is ? Olivier </div>
[jQuery] datepicker - how to select multiple dates?
Does anybody know how to select multiple dates with the JQuery UI datepicker, like this: 1. User Clicks text field. Datepicker calendar appears. 2. User Clicks on one or more dates (calendar remains open). As user clicks dates, a text area is populated with the choices.
[jQuery] jQueryWTP 0.2 released,this release is for jQuery1.2.6
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript. Eclipse WTP support javascript code content assistance,but does not support jQuery. <a href="http://www.langtags.com/jquerywtp/index.html">jQueryWTP</a> is a tool make Eclipse WTP support jQuery code content assistance. PDT(PHP Development Tools framework for the
[jQuery] jQueryWTP 0.2 released,this release is for jQuery1.2.6
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript. Eclipse WTP support javascript code content assistance,but does not support jQuery. <a href="http://www.langtags.com/jquerywtp/index.html">jQueryWTP</a> is a tool make Eclipse WTP support jQuery code content assistance. PDT(PHP Development Tools framework for the
Set focus depending on error
Hi, Maybe someone can help me with the following. Currently I'm trying to use jquery in an ApEx application. I'm almost there but not quit yet (this is the first time I'm using jquery). I've got the following code: $(document).ready(function(){ var err_item = $("span[class='errTxt']").parent().parent().find("input[type!='hidden']"); alert(err_item); if (err_item){ alert ("1"); err_item.focus(); } else { alert("2"); $("input[type!='hidden']")[0].focus();
[jQuery] Remapping jquery to work on window.content?
Hello, I am working in a situation that I need to have jquery reference window.content rather than window. I assume that it want the base reference is to. Any ideas on how to do this? Thanks, Michael
[jQuery] Removing google toolbar's autofill yellow
Hi all, I'm attempting to use jQuery to accomplish two things: 1) Remove the yellow background color that is automatically added by google toolbar's autofill feature. 2) Use field highlighting during form validation I know that you can use the following css to override the autofill yellow: input[type='text'] { background: #FFFFFF !important; } However, when I do this, I can't set the background color to red when a field validation fails: if(name == null || name == ""){ $('#clinic_error').show("fast");
[jQuery] issue with block in a Div with scrollbar
Hi, I'm using .block while the content of a Div is refreshed. It's all fine if the scrollbar of that div is a the top, but if it's not, then the .block interface is no longer hiding the content of the grid. How can I align the top of the block ui with the position of the vertical scrollbar in the div ? Thanks
[jQuery] jCarousel - flickr intergration
I'm using Sorgalla.com's excellent jCarousel plugin on http://www.westcoastlife.co.za and integrating it with a flickr photostream: http://www.flickr.com/photos/westcoastlife/sets/72157607068305740/ The problem I am having is that I don't know how to determine when the end of the photostream has been reached, and then disabling the controls, or alternatively, how to start scrolling from the beginning again. Here is the code that I'm currently using on the dynamic_flickr_api.php: $url = 'http://api.flickr.com/services/rest/?
[jQuery] Check if contents of lis is an image
Hi If I have the following list and I want to find if the contents of <li class="active"> is an image how would I do it? <div id="medalist"> <ul> <li class="active"><img src="media/nin2.jpg"></a></li> <li><a href="media/nintendo.swf"></a></li> <li><img src="media/nin2.jpg"></li> <li><img src="media/nin3.jpg" ></li> </ul> </div> I have tried the following: if ($('#medialist li.active.is(img)')){ alert("true"); }); } else{ alert("false");
[jQuery] ajax submit a form (when a select box changes) and load the result in the same page
hi all! greetings to everyone! I am sorry if I missed the solution of this problem given here already but I searched for quite some time. here is my problem I have written a form with only a select box which, when changed, should submit its form and load the response from the server in the same page under a specific <div></div> so that the user doesn't have to navigate away from that page when he wants to change that select box again. So far I am trying with a submit button and when I click on submit
[jQuery] blockUI blocking table rows
When trying to block a row (tr), cell (td) or an entire table using blockui the entire window gets blocked. eg: $('table tr:first').block(); Anyone have a patch laying around to get that behaviour working or is interested in creating that functionality, cause my JS knowledge isn't that advanced yet. I'm using blockui 2.09 .
[jQuery] ajax submit a form (when a select box changes) and load the result in the same page
hi all! greetings to everyone! I am sorry if I missed the solution of this problem given here already but I searched for quite some time. here is my problem I have written a form with only a select box which, when changed, should submit its form and load the response from the server in the same page under a specific <div></div> so that the user doesn't have to navigate away from that page when he wants to change that select box again. So far I am trying with a submit button and when I click on submit
jquery events and ajax
Suppose I have a <div> containing a number of links (<a></a>) and i add an click handler using $( ).click Suppose at some time the contents of this div is replaced by some other html (eg. by dynamically loading html content). Do I need to unbind the click event handler on the links? If so, how is this best (most efficiently) done?
Next Page