get position of draggable div
hello community, i am using a draggable object "regler" which works fine to drag on the x axe (it's supposed to be like a volume control) but i want to put a action on it whenever it gets moved. for this action the position (distance to left edge) is needed. i figured out how i can get the position whenever i click on the object, the next step is to get the live position while it gets dragged. can anyone help me with this? your help is much appreciated! thanks in advance dirk #HTML <div id="crossfader">
Tabs 3 - Change tab color on the fly
I have a javascript validation file...if there is an error I want to turn the tabs red....I'm not sure how to accomplish this...i've been trying something like.... .ui-tabs-nav{background:red}; How does it need to be coded to change the background color programmatically. Thanks, Kacy
Tabs - accessing new by index
I am trying to access and remove a tab that was created dynamically. It works fine in FF but in IE a -1 is returned for the index, indicating that it was not found. function showInsurance(action){ insuranceIndex = $("#tabNav a").index( $('a[href=#insurance]') ) if(action == "show" ) { if (insuranceIndex == -1) $('#container > ul').tabs('add', '#insurance', 'Insurance',$ ('#container > ul').tabs('length') - 1); } else{ $('#container > ul').tabs('remove',insuranceIndex);
Can I make image change only by part of it?
In html, we can assign a link irregularly by syntax like below, can I do the same thing? <map name="Map" id="Map"> <area shape="poly" coords="17,93,30,37,69,30,69,60,43,48" href="#" /> </map>
Jquery ingrid plugin
Hi, everyone. I hope someone will help me. I am using the jquery ingrid plugin for my table, but I have all my data in my frontend and I don't need to process it in the backend. But as I ubderstand, the plugin requires backend data processing.Can anyone tell me what to do?
What is jquery ?
hi, i want to know all the details of jquery. what is jquery, where to use it, why we use jquery. are javascript and jquery same? thanks
Draggable problem with Safari?
Hello, I have such code: <div style="width: 600px !important; height: 600px; background-image: url(http://foo);" id="powierzchnia"> <div id="postac" style="width: 116px; height: 291px;"><img src="http://foo.png" alt="obraz" style="width: 116px; height: 291px;" /
What is jquery?
hello friends, i'm very new to jquery and want to know details of it. someone please tell me what is jquery? why we use it? where to use it ? are javascript and jquery same if not then what is the difference between them? i know the question list is too big but someone has to help me. thanks
slider("moveTo",value), callback suppression & other effects
I'm fairly familiar with jquery, but relatively new to ui. I've been experimenting with sliders, and have a couple of questions which I'm hoping the community might be able to help me with: First - Is it possible to suppress the callback function when the slider is moved using the slider("moveTo", val) method? According to the wiki <http://docs.jquery.com/UI/Slider/slider#.22moveTo. 22valueindex> there seems to be no way to do it. I've found some discussion previously about sliderMoveTo(), which
UI Tabs and Facebox
Hi, I am using Facebox to load a web page (jQuery.facebox({ ajax: 'GetAd.aspx?adnumber='+adnumber });) and on GetAd.aspx im using UI Tabs to display various ad details. However the seems to be some sort of conflict between them. If i put them together, facebox will display, the page loads with the tabs displaying correctly, but theres no tab functionality at all. Firebug dosent show any js errors so im a bit lost on how to debug it. If i run GetAd.aspx on its on, the tabs will work fine. I should
Autocomplete - submit on option click or enter.
Hi, I'm trying to use jQuery UI's Autocomplete plugin to acheive the following functionality: - If the user clicks an option in the drop down list of autocomplete items, it gets this value and submits the form. - If the user presses enter or return when an option is selected in the drop down list of autocomplete items, it gets this value and submits the form. How do I do this using the Autocomplete plugin? I've looked at the documentation and demos, but it's not very clear. Ideally, it would work
Accordion with cookie persistence
Hi, would this be useful as part of the accordion? jQuery(function($) { var userpanel = $("#accordion"); var index = $.cookie("accordion"); var active; if (index !== undefined) { active = userpanel.find("h3:eq(" + index + ")"); } userpanel.accordion({ header: "h3", event: "hoverintent", active: active, change: function(event, ui) { var index = $(this).find("h3").index ( ui.newHeader[0] ); $.cookie("accordion",
ui.password released
Hey folks, Off the back of me really doing some good work with one of my other jQuery plugins, I decided it was time to update one of my existing popular jQuery plugins - the password strength meter. My goal was to implement it as a jQueryUI widget using the newly released progress meter, and I'm happy to say I have an early working version already after just an hour or so. I've uploaded it to it's own repo for now (http:// jqueryuipassword.googlecode.com/svn/trunk/) but I am hoping with Paul's approval
jQuery UI Tabs(ajax): Open a link in the current tab
Hi, I'm using the jQuery UI tabs with ajax page loading. so this kind of code for the tabs <div id="example" class="mytabs"> <ul> <li><a href="albums1.php">Album1</a></li> <li><a href="albums2.php">Album2</a></li> </ul> </div> Let's say that the tab displays pictures. If the user clicks on an image, I would like to open a new php file in the same tab (replacing the old content) displaying the pic and some infos How can I do that ? Thx Chris
UI Tabs- Continually detecting selected tab and applying function
I have an instance of UI Tabs working with fade transition and auto- rotate, and would like to change the appearance of the ul.ui-tabs-nav by changing the position of its background sprite. I attempted to add these lines to the function which initiates the tabs, but it seems to only run once, and given the auto-rotate functionality, I cant set a function to execute on click of one of the A elements. Can someone help to make this continually update the ID of my nav UL, or can someone think of a better
How to do a real progressing bar?
Is it possible to calculate the loading from the page and show the truly progress.
scrollable magnifier ?
hi, i need a combination of carousell and magnifier ... i have tried to combine this two scripts (http://www.gmarwaha.com/jquery/ jcarousellite/ and http://ui.jquery.com/repository/latest/demos/functional/#ui.magnifier) but it does not work as expected ... I need docking effect (magnifier) but i need for example 5 items to be visible and others not but user can scroll and see more items ... i hope you understand what i mean... and it has to be jquery any idea or plugin?
doucment Ready function in the Ajax Response
Hi, I have an issue with document.ready. I have a page which will make an ajax call. The response on the ajax call contains script which contains document.ready. The content in document.ready is getting executed successfully in ie7 but not in ff3. Please tell how to solve this in FF.
JQuery Gmail like interface/functionality with keys
Hi, first off all - JQuery newbie, JavaScript medium level. I want to have a Gmail like interface functionality, meaning that a selector icon is moved up and down a table row and sets the context of the app such as one can do with GMAIL when using hotkeys. A fuller description of functionality would be: a table with with 100 rows. Onloading the context is set at the first row, and an icon is displayed at the first row. The script knows that it is in the first row, so it should be possible to do something
can i load a complete page in a ui dialog?
ex: $("#somediv").load('template.htm').dialog({modal:true}); doen't load the page. complete code is: $(document).ready(function() { $('#bt<%=request("cod_casa")%>').click(function() { $("#somediv").load('template.htm').dialog({modal:true}); $('#prereserva<%=request("cod_casa")%>').dialog(); }); $("table tr:nth-child(even)").addClass("even"); }); i need to load an asp page in the second dialog. i'm testin with the #somediv but nothing.
Range Slider, single value
Hi everyone. I've just started using the JQuery UI Slider, and everything has been working very well, except that I can't get both handles on a range slider to select the same value (a range of 0). I've seen it done on other JQuery-based range sliders, but I haven't seen anything relevant in the documentation. Any ideas? Thanks, Eric (Code to follow, in case it helps... the things that don't look like jquery selector strings are javascript vars with jquery selector strings) jq(sliderBarID).slider({
FW: Help! FF and Slide Effect
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:p="urn:schemas-microsoft-com:office:powerpoint" xmlns:a="urn:schemas-microsoft-com:office:access" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema" xmlns:b="urn:schemas-microsoft-com:office:publisher"
Bug in autocomplete ui in IE 7
i have some bug with interface autocomplete in IE 7, what's problem? i have attached image to view detail http://www.nabble.com/file/p20413957/error.bmp -- View this message in context: http://www.nabble.com/Bug-in-autocomplete-ui-in-IE-7-tp20413957s27240p20413957.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
SORTABLE: inconsistent drag behavior ( demo included )
This is making me nuts. I've set up a very simple sortable demo. Sorting works fine, but as soon as you start dragging an element, the dragged element jumps to an offset position. The offset varies (in size and direction) from one browser to the next. I was able to test it with the following: Windows - IE 6 (about 3 pixels down, 3 pixels right) - Firefox 2 (GOOD! no offset) - Firefox 3 (about 10 pixels up, 10 pixels left) - Opera (about 10 pixels up, 10 pixels left) Mac - Firefox 2 (GOOD! no offset)
navigation accordion, query string
hey guys - i have an accordion navigation script, and it works fine with my query strings....except when i add another variable to the query string. then the accordion doesn't find the right link to highlight. anybody know a quick and dirty way of adjusting the code to accept/ ignore extra vars in the query string? one is what i want, two is the max it will ever have. thanks in advance! EXAMPLE: [code]?loc=http://www.mypage.com[/code] works - the mypage link in the accordion that is that query string
jQuery Uploader Flash player 10 fix
Guys; A lot (8) people have allready asked me if i was going to fix the mess Adobe made and my answer is yes, i am working on it. This post is to assure you that the jQuery Flash based uploader i wrote in 2006 has been revived. The project will no longer be based on swfupload, since i added way to much code of my own into it. The new version is (looseley) based upon YUI uploader component, and off course i've taken a peek to see what FancyUpload does in their code. To be honest; they are both very
ui tabs ajax mode
Hi. I' using ui tabs in ajax mode. The problem is that some characters like the '%' that im sending in a parameter is not displaying. I'm using it for returning all values in a sql query. Everithing is ok if i send 1,2,3,... but if i need to send the % ... the query don't return the desired results, because the character dont display. It is something about the GET/POST . I've noted that is GET by default , how can i fix this.
jquery user management (login, register, email retreival, etc)
Hello All Are there any opensource scripts for a complete user management script that takes advantage of jquery? maybe the one used on jquery website? thanks
[accordion] How to temporarily disable some sections?
I have a test accordion like this: <div id="test"> <div class="accordion_item"> <h3>blah</h3> <div>aaaaaaaaaaaaaaaaaaaaaaa</div> </div> <div class="accordion_item"> <h3>blah</h3> <div>aaaaaaaaaaaaaaaaaaaaaaa</div> </div> <div class="accordion_item"> <h3>blah</h3> <div>aaaaaaaaaaaaaaaaaaaaaaa</div> </div> </div> Each section will be a form, and I want the user to be able to: 1. Go back to any previous section/form to edit 2. MUST
Datepicker Options documented where?
I'm brand new to jQuery UI and am trying to use Datepicker for my personal website. I love what I see so far, and have it working based on some of the examples I've found, one of which is: $("#ranges").datepicker({ rangeSelect: true, numberOfMonths: 2, showOn: "both", buttonImage: "templates/images/calendar.gif", buttonImageOnly: true }); My question is, where are all the Options that are available when you declare a Datepicker type object documented? What are the valid values for "numberOfMonths"
Pagination for tablesorter...
Hi, I came across the jQuery Tablesorter plugin at http://tablesorter.com/docs/ It is very handy except that it dosen't seem to have pagination built- in (like ingrid datagrid). Has anyone done pagination with it yet? It would have been a very useful feature if it was supported IMO....
attr("value") returns -1
I have a list such as <li id="something" value="something"></li> I'm trying to iterate over it using this piece of code $("#condselect_" + subsectionID + " li").each(function(index) { console.debug($(this).attr("value")); console.debug($(this).attr("id")); // condList[index] = $(this).val(); }); I believe the iteratorion is ok, since it outputs the id attribute correctly, however, it always returns -1 for the value attribute! I have also tried $(this).val(), but it always outputs -1! Does anyone
Modal & Dialog Window (same as Prototype Window Class - PWC)
I am been developing a CMS So far the application was build with mysql, jpa, java, jsf, richfaces using netbeans IDE (running over tomcat) The front end have some OS look using Prototype Window Class (PWC) http://prototype-window.xilinus.com/ and dock using interface fisheye http://interface.eyecon.ro/docs/fisheye See image here http://sysmotion.com/image/paneldesk.jpg I tried some modal windows using jQuery also the UI but can not get this window approach, any fo you know if there are anything on
Sortable helper question
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:p="urn:schemas-microsoft-com:office:powerpoint" xmlns:oa="urn:schemas-microsoft-com:office:activation" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style>
how can I visualize Network of Node 1 --> Node 2 ..etc..like social network style using jQuery,
Hi all, May be I posted to wrong place...before but there it is... I am looking for a plugin or script which can display Gene Interaction Data. I have finished one project and try to add one more functionality to it. I like to view Network of info. e.g. Gene1 --> (interacts with) Gene2 and so on.. something like social network style or view Friend of Friend style etc. Try our project DEMO for more info: http://cbrc.musc.edu/homepage/jani/genemesh/gm_help/GeneMesh_Demo.html Thank you so much in advance,
draggable().resizable() works on DIV but not IMG
I've been making myself nuts trying to have an image that is both draggable and resizable. I am working on a demo that uses group select/ drag (thanks to examples others have posted) and thought it was something to do with the customized selectable/draggable code. However, if I strip it down to the very basics, it still doesn't work. I was following the simple example shown here: http://www.learningjquery.com/2008/07/introduction-to-jquery-ui except applying it to an img and not a div. I have made
datepicker error for November
Hi, I am getting Nov 2 displays twice for 2008 and Nov 1 displays twice for 2009. I didn't check any further than that but would like to know if anyone is working on getting this fixed? The demo also shows the same problem. Thanks.. Stefan
bug in date display in jquery date picker
Hi, I am trying to use the jquery date picker present in the jquery UI site : http://docs.jquery.com/UI/Datepicker The month of november shows the date 11/2/2008 twice...Did any body come across the same bug..Iam looking for ideas to correct it. Thanks Mohan
Why must return false in the function mouseDown/mouseUp/mouseMove at ui.core.js
hi all, I encountered a problem when I put the combobox plugin in the draggable div (the draggable is enabled by using ui.draggable.js). The list of the combobox can't hide when click on the div. The list should be hide when mouse down event occur. After further investigated, I found the function mouseDown in the file ui.core.js will return false when dragging on the div, and then jQuery will stop bubbling the mouse down event, that the list in combobox can't hide. I'd like to know the reason why
Datepicker localization
I've localized datepicker for the albanian language. Where should I post it?
Next Page