sortable - containment or cancel for only some items in sortable, only some destinations
Here is the crux of it: I need to disable/contain dragging and dropping between two sortables only for particular items, while allowing those same items to be dragged and dropped within their sortable. I don't see how I can do this with cancel or containment because they either apply to all sorting or all items. Is it possible to only cancel sorting between sortables? or is it possible to only contain certain items? Here is the background situation: I have two sortables that connect fine using the
Context Menu - Dynamic URL
Does anyone know how I can pass a URL (or just dynamic elements in the query string) to a context menu. I have a grid and need to be able to right click on each row and have it populate the href of the menu with the specific data of the item I clicked on.
Alpha 2's secondary page/dialog CSS appears broken (Safari)
I cut and pasted the example page transition code from here: http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-pages.html (specifically the "Complete Single Page Template") into two files, test1.html and test2.html. I then changed the content in test1.html so that it contained a link to test2.html. That all worked fine. When however I changed the three JQueryMobile includes at the top of test1.html so that it pointed to the alpha2 release (rather than alpha1, which the example code still uses),
jQuery select/dropdown and button position issue
Hi all, I have following page: <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <title>GetDropdownData</title> <script type="text/javascript" src="/Scripts/jquery-1.4.1.min.js"></script> </head> <body> <div> <select id="drDropdown" name="drDropdown"> <option>aaa</option> <option>bbb bbbb</option> </select> <input type="submit" value="Next" /> <br /><br /><br /> <input id="btn" type="button" value="Load Dropdown" /> </div>
Dialog close function. How to pass data?
How do you pass data to the close function of the dialog?
Selector speed - class only vs tag with class
I'm trying to figure out which selector is faster (assuming that the class 'foo' only appears on input tags)... $('.foo'); or $('input.foo'); From what I've seen online, it seems that people recommend $('input.foo'), but in some limited testing it appears that $('.foo') is much faster in both FF and Chrome. In IE, both methods seem to produce similar results. Here is a fiddle with a simple example... http://jsfiddle.net/962sN/1/ Have browsers started implementing native ways to find all elements
Any way to know if $.getJSON() failed?
Hi, I'm writing an app which gets some JSON from a web server. Everything is fine but I'd like to know if the request failed for any reason. Actually, $.getJSON has a callback to call when the request succeeds, but nothing to call if anything went wrong, it simply silently fails. I tried using $.ajax() instead using the 'jsonp' datatype but again, when the request fails, the 'error' callback is not called. Anyone knows what I might be doing wrong? Cheers!
Date picker plugin link not working
The date picker plugin link on following page: http://jquerymobile.com/demos/1.0a3/#docs/forms/index.html is not working.
Disabled checkbox still selectable?
Disabling items in select boxes works, but when I disable a checkbox, I can still check it. <input type="checkbox" name="cb" id="cb" disabled="disabled" checked="checked" /> <label for="cb">I can still be klicked</label>Anyone else ran into this? Rgs, Frequent
Column height() problems in Safari and Chrome
Hi - Trying to compare the height of 2 elements, if col2 > col1 then set height of col1 equal to col2. Here's the code: function adjustColHeight(col1, col2) { if (col1.height() < col2.height()) { col1.height(col2.height()); } } $(document).ready(function() { $('.hiddendiv').hide(); //After document loads, hide all divs that are suppose to be hidden adjustColHeight($('#leftsidebar'), $('#maincontent')); }Although Safari and Chrome does extend col1, they never completely
IE9 responseXML
Hi people, Would you be so kind to take a look at this bug report I filed some time ago: http://bugs.jquery.com/ticket/8416 Unfortunately the ticket has been closed with an unsatisfying respose, in my opinion. Perhaps I'm overlooking something, that's why I need you guys (and girls) for a second, third... opinion. My objective: Locally, from within a .HTA, load a valid .xml file and retrieve the returned XML object through the responseXML method. I use the jQuery method: $.get() for loading the .xml
Addtions to attrHooks
For jQuery 1.6 there will be the ability to set custom 'get' and 'set' hooks for getting and setting custom attributes. I thought it would be a good idea to have a 'remove' hook in there as well. My idea behind this is mainly for backwards compatability. For modern browsers you would use the data-* attribute and for older browsers you might use $.data instead ( to overcome memory leaks as an example). You would need a 'remove' hook for checking which one was used and to take the right action. So
maintain a dialogbox state when passing info
I have a form in a dialog and I want the message (returning from the server, after filling out the form) to display in a dialog box as well . do you know how this can be done?
Jquery Dialog box within php grid
Hi, I'm trying to use jquery dialogbox for each returned records from the mysql query. But when only the first one works and the rest do nothing. Is it possible to use the dialog box for each record and let's say to bring up their details for editing? Many thanks in advance.
Main page might be created twice with different data-url when using multiple page-files
Let's say we have two pages in two separate HTML-files: <!DOCTYPE html> <html> <head> <title>Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script> </head> <body> <div data-role="page" id="first">
My JQuery Mobile app with phonegap looks GREAT on the iphone emulator.. GLITCHY on android emulator/android phone/chrome
I made a prototype application that looks great in safari and the iphone emulator.. however in chrome.. android emulator.. and android phone it just looks terrible. What should i do here? The links are broken, responsiveness extremely slow. It looks spectacular on my phone's screen (i.e. resolution) but its not functioning nor could i present this. I just copy/pasted my www folder into the eclipse folder. It doesnt have any ios specific anything.. I am using jquery 1.4.4 because 1.5 had some issues.
Prevent browser from loading new page until fade is finished.
Hi, just started using jQuery today. I have a site where the header, footer, menu and Google map remain present on most pages, but the copy in the main paragraph changes depending on which menu option is selected. The above is achieved using PHP includes and query strings. I'm using jQuery to 'fade in' the main body text when a page loads, and 'fade out' the text when a menu link is clicked on. It just looks nice, because all the stuff that is always present stays in place (I guess the browser caches
Problem while submitting # with ajax
There is a problem with submitting # from the form. Some content get truncated and some variables disappear after submitting. Take a look at the following code and try to fill both fields with: TEST#TEST#TEST <div id="POSTINI_FRAME"></div> <table> <tr> <td class="row_B1_2">Subject</td> <td class="row_B1_1x left"> <input type="text" name="cas14" class="long postini" />
KiTE - lightweight template engine.
In two words: KiTE as a template engine that uses {{mustache}} idea of minimalistic template definitions. Major differences: It works 40 times faster than original {{mustache}}. And 2-3 times faster than jQuery.template(). It has conditional sections {{? foo == "bar" }} it is a bar {{/?}} It supports custom formatters: {{born|date}} - the engine will call custom date() function for the 'born' field. KiTE is published here: http://code.google.com/p/kite/ You can visit http://terrainformatica.com/kite/test-kite.htm to
jquery validation plugin - errorplacement
As a default, instead of inserting the error label directly after the input, I'd like the error label to be inserted as the last element of the parent div. For example: <div class='data'> <input type="text" class="required" /> <span>Some instructional text</span> (how do I get the error message to always display here?) </div>Update - I've gotten the message to appear here but where should I put the errorplacement setting so that it does this for all the forms on the site?
Export SQLite result set into variable / string for email body
Hi Everyone, I am developing on the iPhone using a combination of jquery, html and sqlite. I have ran into a slight problem and am hoping you may be able to help me out. I want to carry out the following sql query db.transaction(function(transaction){ transaction.executeSql("SELECT * FROM real ORDER BY id DESC;", [], function(transaction, result){ for (var i = 0; i < result.rows.length; i++) { var row = result.rows.item(i); The table "real" will have multiple rows & 8 columns "a" "b" "c"......
simple replacement?
<form action="/contact-me/" method="get" name="contactform"> <input type="text" name="name" id="name" value="Name" /> <input type="text" name="email" id="email" value="Email" /> <input type="text" name="telephone" id="telephone" value="Phone Number" /> <input style="padding-top: 10px; padding-left:40px;" type="image" src="/media/images/base/contact_button.jpg"
Resize UI elements
Greetings. What attributes should i use to scale the buttons, sliders, checkboxes, etc..? Thanks in advance
pause for setInterval
hello frnds, m creating a slide show. all has been set. What I want it to do is once you mouse over it will just stop it where ever it is in that moment, then when you mouse out it will start from the moment you moused over. m using javascript setInterval function, which doesnt support pause functionality. so i m trying to create my own. like the time parameter in setInterval function is 8000 and whenever i make the mouseover on image, i could find the remaining time to change the image like i mouseover
jquery syntax highlighter
I am using a syntax highlighter for my bbeditor. It basically adds a span arounds words within the <pre><code> tags to color them. The problem is that i am using a preview box which updates when you type something in to the text area. This looks for the bb tag [code] and replaces it with <pre><code></code></pre>. Since it does this everytime it updates the spans that were generated by the syntax highlighter get removed. Is there any way to prevent this? the regex part: /(?:%lb%|s)*[code(?:=?)(?:.*?)](?:%lb%|s)*(.*?)(?:%lb%|s)*[/code](?:%lb%|s)*/gigets
Detect change of hidden input
Hello First, sorry for my poor level english I have a the next code: jQuery("#cambio").change(function () { SacarDatos(); }).change(); Where <input type="hidden" name="cambio" id="cambio"> In the code i chage the 'cambio' value with the next code (for example): jQuery("#cambio").val(2); But never execute SacarDatos().... the event 'chage' is only for select? i think no. How can i do it? Thanks
Unable to load cross domain page
Hi, I'm trying to load google.com from a test html page using jQuery-1.5.1 but unable to do it. I've tried all the 3 methods listed but to no success. Below is the code snippet for the same & the output that I'm getting. CODE: <html> <head> <title>Load site page</title> <script type="text/javascript" language="javascript" src="jquery-1.5.1.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function() { alert('doc ready function');
Text only button in 1.8.10 does not center icon
This can clearly be seen on the jQuery UI demo page at http://jqueryui.com/demos/button/#icons The leftmost button with { text: false; } has it's icon on the left rather than centrally. This was not the case with jQuery UI 1.8.9
Why can't I get this feed?
Hi everyone, I have been trying to get the feed from this url: http://www.ezrss.it/search/index.php?show_name=Modern+Family&mode=rss but it keeps returning "data.responseData is null in the firebug console" Does anyone know why??
animate function is not working in jquery-1.2.6.min.js version
Hi, I have a problem, I am using Jquery 1.2.6 version with existing website. I want to animate something on mouse over and for it I used animate function for it but I not able to get expected result. Please help me out int it. $(document).ready(function() { $(".small-packagebuilder").css({"background-position": "5px 0"}); $(".builder_top_magenta span a").hover(function() {
jQuery UI performance slowdown in Firefox when combined with a heavy Google Maps app in another div
Hi, I'm trying to track down a performance problem I have in a web-page where I have a div containing two non-overlapping sub-divs, one with a Google Maps control loaded, and the other has jQuery UI items like an Accordion for example. In Firefox, the Accordion transition effects update at the same (slow) framerate as the Google Maps control, just as if the animation events force a re-draw of the Google Maps div. This does not occur in Chrome, but it does occur in Firefox 3.5 and IE8. My Google Maps
3 columns equalheight, font-resize -> scrollbar :(
Hi there, i have a problem and i can't solve it. I have a blog with 3 columns. I wanted equal height for the columns, so i copied this code to the html: $(document).ready(function() { $(".main_content").equalHeights(100,"auto"); }); It's working, which you can see here: www.tejbepapi.hu (it's a hungarian wordpress blog with my self-made theme). I inserted two font-resizer button (+, -) to the page, and if you push the + button, a scroll bar appears on the page. This is ugly and not practical. My
Combining Jquery Cycle and Lightbox
Hi, I've been trying to combine these two functions, with no luck . Cycle works perfect on its own So does Lightbox. Here's the of my page : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled</title> <link href="css/lucas.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css"
Dialog - why does the close button use an <A> tag?
In our application we've noticed that hovering over the 'x' close button dialog box causes the browser status to show '.../path/#' in the status bar, or in Chrome make that appear as a popup in the bottom left. When adding extra buttons to the title bar I've used a <div> instead of <a href="#"> and then added this to our CSS to make sure we get the right cursor. *[role="button"] { cursor: pointer; cursor: hand; } Is there any particular reason (accessibility?) why the current code uses that <A> tag?
Dynamic Link & Button Click on a different page
Hi all, i have a list view with a dynamic list being created like below. This works fine but, when the page appears, i am not able to click on the buttons on the new page (approveDetails.aspx). What am i missing? Thanks for help. <% Response.Write("<li><small>" & dr.Item(1) & ", " & dr.Item(2) & "<a href= ""#approveDetails.aspx?invoice=" & dr.Item(3) & "&id=approve_reject" & dr.Item(3) & """></a></small></li>")%> approveDetails.aspx (attached) <script type="text/javascript"> function pageLoad()
Problems with validation plugin: location of the messages and disabling of other buttons when it fires up.
Hi people I have 2 questions: 1. How can I get the messages on the right side and not on the left side of the component?? For the textboxes it's working ok but for the rest not. (see the attached image) <div class="formLayout" style="width:100%"> <fieldset><legend>Data</legend> <label for="name">Name:</label><input class="required" type="text" name="name" id="name"/><br/> <label for="code">Code:</label><input class="required" type="text" name="code" id="code"/><br/> <label for="description">Description:</label><textarea
How do I maximize a div to fill the entire screen?
I was trying to modify the code-slider plugin so that it would scroll panels that were the size of the entire screen. (the demo on the jquery site has it moving panels that are rather small). So I thought all I had to do was take each div that sandwiches the panel (several are nested) and set their width in code to be the width of the monitor. It did not work. So I simplified the code to show here. I just have the divs, and their css, and the code that sets them to the width of the screen. If
How to disable horizontal scrolling/panning
I like to disable the panning in my mobile webapp. I found this link: http://www.wilsontu.com/blog/2010/08/16/disable-horizontal-scrolling-in-iphone-web-app/ but this is not working. Does somone know how to disable this in jQuery Mobile? Thanks.
jquery and bb tags
im trying to make a small jquery bbeditor and have hit a road block. when the user selects the [b] tag for example i want it to wrap the tags [b][/b] around their highlighted text. if they havent highlighted any text then it will insert the tags as normal but i need the caret to be in the middle of the tags. Any one know how i would go about this?
HTML 5 markup for widgets
Hi all, I am new here but a long time user of jquery UI. I am starting my activity in this space with an idea: - should the widgets use the new html5 semantic tags? I think this is a great help for developers because it would make the markup of the widgets much cleaner and easy to remember. I blogged about this but you dont have to go there, the key idea is most widgets represent paradigms that are easy to follow with semantic tags: - accordion is a TOC and a TOC in html 5 can be a nav element
Next Page