ui.sortable sort multiple items at once
hi there, did somebody manage to sort multiple items at once with jquery.ui.sortable? we are working on a photo managing app. 1. select multiple items 2. drag them to a new location. thanx reco
programmatically open dialog ?
I use currently: $.mobile.changePage("myDialog.html", "pop", false, false); but that does not really style the page as dialog. Anybody knows a better way ?
Jquery and fancy dropdown menu
Hello, I'm using a jquery anything slider in combination with a fancydropdown menu. But we are having a problem. The slider doesn't work anymore. Does anyone know how we can solve the problem? I hope that it is a small problem and can be fixed. Thanks in advance! The site is online http://www.a-nnika.be/site2 There is an imageslider in the header but this doesn't work in combination with the fancy dropdownmenu.
Using toggle function - hide on load as default
Hi, I'm rather new to jQuery though I would like to learn more... Anyway, I am using some code that someone else wrote so I claim no credit here for the code. It works great and I've managed to persuade to work in Wordpress but I have one thing I would like to change. Basically the text I am trying to toggle is "shown" on page load - I would like it to be "hidden" until the user clicks on the link to make it appear. Here's the code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
jqplot plugin: bug with charts
hi! when I trying to make a pie chart with values like: [[1, 10000], [2, 50]] between which is big difference I get a chart like: http://img819.imageshack.us/img819/4071/chartscreenshot.png here is my code: line1 = [[1, 10000], [2, 50]]; $.jqplot("chart", [line1], { grid: { drawGridlines:true, background: "#ffffff", borderWidth: 1, shadow: true }, title: Chart, seriesDefaults: { renderer: $.jqplot.PieRenderer, rendererOptions: { sliceMargin:8 }
jQuery Mobile SplitView not working correctly on iPad with Phonegap
Hello, I tried using the example of the jQuery Mobile SplitView in a Phonegap application. http://asyraf9.github.com/jquery-mobile/ When i start the application in window mode it works correctly with no left column. If i switch to landscape it still works, the left column appears. Then i i switch back to window mode the left column won't disappear. Anyone knows a solution?
[jQuery] simple: how to dynamically set dropdown's selected menu item
i can't seem to find example for: simple html dropdown <select id="myDD"> <option value="hi">hi</option> <option value="hello">hello</option> </select> jquery code needed to set *selected item* to "hello".... based on knowing the value of "hello" -- View this message in context: http://www.nabble.com/simple%3A-how-to-dynamically-set-dropdown%27s-selected-menu-item-tp18185695s27240p18185695.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Dialog position upon window resize
Hi, I'm initializing the dialog with position: [900, 58] and it looks good until I resize the window. Upon window resize to reduce the viewport, horizontal scroll is introduced since the dialog is still at position [900, 58]. Can anyone please help provide a solution to make the dialog reposition or initialize the dialog the right way? Thanks for the help! --
Select dropdown by text
I am trying to select a dropdown item by text. The html <select name="ddlTest" id="ddlTest"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> To select option "Two", my jquery code is like this var value = $("#ddlTest option:contains('Two')").val(); $('#ddlTest').val(value) But I don't think using "contains" is the right approach to find the value. Is there a better way to select a dropdown item by text? TIA.
how to open a popup menu (with a taphold)
Hi In many apps tapholding an item opens a popup menu. I need this functionality too. So far I could not find out how to do this in jquery mobile. This is my state of knowledge: $('.aBunchOfTapholds').bind('taphold', function(e){ var elem = $(this); //get's tapped object // now open a popup menu. How? }); I've seen dialogs. But it seems that they always fill the width of the page. Is it possible to set the width of a dialog?
$('<span>').text('new text') not working in IE
Has anyone seen this before.. var myText = 'blah'; $('<span>').text(myText); The above correctly sets the text of the span to blah in all browsers except IE. The only way I've gotten it to work in IE is... $('<span>' + myText + '</span>') Not the worst hack, but all the extra typing is adding up. Any ideas? TIA
Help optimizing $.html() function
ok here is the deal, the text takes approx 60ms to go through all the loops. however, '$("div#content").html(content)' takes over 7 seconds to load, which isn't a problem except that the browser freezes up while this occurs, thus making my loading gif icon freeze up as well. i would like to hear suggestions from the jQuery community on what the best approach to solving this problem is. loading the list elements individually using the $.html() function in the for loop is not an acceptable solution
Custom scrollbar in third level superfish menu
Hello! I need to apply a custom scrollbar to the third level of a superfish menu. The menu works, and the browser scrollbar is applied correctly. Please see screenshot. But I am trying to apply a custom scrollbar. I have tried with jScrollPane, but seems it is incompatible with the absolute position of the ul of the second level, as explained in this thread: http://groups.google.com/group/jscrollpane/browse_thread/thread/4cbf5f18bed1873 I really don't know if I can do this work with jScrollPane.
[Ajax] sending textarea val with line-breaks included
Hey Guy, I´m using the ajax function ($.ajax()) to send the value of a textarea to an php file. This works fine. But the data, which i`m sending to to the php file, is without any line-breaks. Here is my ajax request: var myTextareaVal = $('#message-textarea').val(); $.ajax({ type: "GET", url: "myPhpFile.php", data: "text=" + myTextareaVal, cache: false, dataType: "html", success: function(data)
[jQuery] how to align right (not left) images with variable widths?
Hi! I was implementing this http://malsup.com/jquery/cycle/after.html here: http://relojurbano.com.ar/actual.html it works ok (you can see it clicking "siguiente" & "anterior" at the left side menu/descriptions) but... I need the images (that have variable widths) aligned to right, not left... I have tried using some css variants and nothing works... float, text- align, right:0... then looking at the jquery.cycle.all.js file I saw a lot of "left" strings... maybe I need to change some of them, to
ScrollTo in scrollview
Hi, For realization of photogallery I fill via javascript a div (data-scroll="y") with inage filled images. On click on a marker in a google map I want to jump to the related image. var seekPanoGallery = function(ndx) { var elem = $('#page_panoramioimage div[data-role="content"] .inner'); var h = $('#page div[data-role="content"]').height()-$('#page div[data-role="header"]').height(); var offset = -ndx*h; elem.css('-webkit-transform','translate3d(0px,'+offset+'px, 0px)') } It works
Accordion w/ auto-scroll
So I have a site that implements the Accordion ui plugin (http://docs.jquery.com/UI/Accordion). Everything works well but the client wanted the active accordion to always scroll to the top of the browser. This turned out to be really simple. I just took the "bind method" code and added an animate method. $('.ui-accordion').bind('accordionchange', function(event, ui) { ui.newHeader // jQuery object, activated header ui.oldHeader // jQuery object, previous header
Correct Way to Get Base URL?
What's the best way to obtain the base_url of a site via jQuery?
jQuery.mobilize is now jQuery.fn.page
I just converted jQuery.mobilize to a widget which is exposed as jQuery.fn.page (and jQuery.mobile.page for the actual constructor). Now instead of jQuery.mobilize( jQuery( ".ui-page" ) ); You'll use the more common form: jQuery( ".ui-page" ).page(); Along with this change, the beforeload and load events have been renamed to pagebeforecreate and pagecreate. If you call event.preventDefault() on the pagebeforecreate event, the page initialization will not run. There is also no longer a data-mobilized
JQM (jQueryMobile) Dynamically removing elements
This is part 2 of this question (ok maybe part 3) Here is a working example: http://jsfiddle.net/UcrD8/63/ Here is a earlier attempt and as you can see this works when selecting the first option: http://jsfiddle.net/UcrD8/4/ But using JQM it uses this as a label for the options and it is not selectable The functionality to add a new select option is working but if I wanted to remove a selected option, this is not working. StackOverFlow: http://stackoverflow.com/questions/5392402/jqm-jquerymobile-dynamically-removing-elements
Datepicker yearRange option not working
The datepicker's (UI version 1.8.1) yearRange option is not working as per documentation. No matter which style of yearRange I use, the year in the select box always shows a range from 2000 - 2020, $('.date').datepicker({ yearRange: "1990:2050", changeYear: true }) displays a range from 2000 - 2020, Try this range: $('.date').datepicker({ yearRange: "-20:+1", changeYear: true }) displays a range from 2000 - 2020, or $('.date').datepicker({ yearRange: "c-20:c+1",
superfish/supersubs problems in IE6/IE7
I used the jquery supersubs and superfish on the following site: www.tecmine.be In IE8/firefox/chrome/Safari no problems .... but the following problems in IE7 and IE6 IE7: on the home page, the submenu is disappearing under the main image (i tried changing and adding z-index but nu luck) IE6: site crashes ... no clue at all! Any ideas?
Breaks Rails Omniauth
When I implemented jQuery Mobile my OmniAuth twitter authentication broke. I am getting a general error when I try to hit my /auth/twitter controller and it never directs to twitter. If I comment out the jQuery mobile script source tag it works. Has anyone else run into this problem?
Checking if certain Radiobutton is checked
I've got the following code: <input type="radio" runat="server" name="testGroup" id="test1" /><label for="<%=test1.ClientID %>" style="cursor:hand" runat="server">Test1</label> <input type="radio" runat="server" name="testGroup" id="test2" /><label for="<%=test2.ClientID %>" style="cursor:hand" runat="server">Test2</label> <input type="radio" runat="server" name="testGroup" id="test3" /> <label for="<%=test3.ClientID %>" style="cursor:hand">Test3</label> And then this to check if the 2nd radio
[jQuery] Superfish 1.4.8 w/ Supposition
I'm using 1.4.8 with Supersubs...great plugin! One issue I'm running into is getting Supposition to run with it- am getting this JS error: $.superfish is undefined (line 57) (Mac 10.5 w/ FF 3) This works fine with Superfish 1.4.1, of course. I've tried it with Supersubs turned off with the same result. It appears as though the superfish object is not being passed and I'm at a loss as to how to pass it in. Thanks...
Drag and drop with php/Mysql Working example
Hi everyone! I have managed, with some help, to get a working example of a drag and drop with multiple columns that stores everything with php/mysql. However, since I've made sort of a ugly solution, when I drag a lot of items in a number of different directions and hit refresh not every items has been updated. My solution was to make a loop, which probably is where the problem lies. It has to loop through everything so many times that it takes a lot of time, and everything isn't sent before I hit
How to disable scroll on page?
Hi, First post here - so please behave! ;) I'm developing a web app using jquery mobile and I've added an installation "mode" when starting the app from Safari to force the user to place it among the other apps. Started as an app I use the full screen of the app and it all looks nice but the page is still scrollable. I'd like it to be fixed to get more of a real app feel of it (just like http://iphone.atg.se). Any clues on how to? Thx, VTM
Checking if a dialog has been opened
How can I check if a jQuery UI Dialog has been opened? I do not want to fire the close event if it wasn't opened (or even created in the first place).
Draggable with Multiple Sortables
Using jquery-ui 1.8 and having some difficulty with a particular ui design. Basically, I'm trying to set up a draggable element to connect to multiple sortables. I have many sortable lists on a page and I need to be able to drag and drop a stand alone element into any of those lists. I can use the connectToSortable option on the Draggable but only to connect it to a single list. It appears on older versions of jquery-ui one could pass in a list of selectors to that option for the behavior I'm
Tablesorter ip address sorting problem
Hi I'm using tablesorter in my app and it's working great except.. the ip address sorting seems to be slightly broken. It will sort on the first two groups fine, on the third group it tries to sort once and gets it wrong and on the last group it won't sort at all. bob After a bit of debugging the issue is that an ip address is being detected as a digit, i.e 192.168.1.100 is detected as the number 192.168 and hence only sorting on the first two groups. I fixed this by moving the digit to the end of
Toggle start as hidden?
I am using the toggle function to hide and show a div. Is there any way I can get the div to be hidden on the page load, and then when when toggle is called, it will show it (since it would be currently hidden). The way I toggle works for me so far, the div is visible as default, and then once the toggle is activated, it is hidden. I want it to be the opposite. Thanks Imfromwales
full xml file comparison against another xml file
Ok. I have been searching for a couple of days for previous development of a script that will compare two xml files against each other. But have come up short handed. I take it that full file comparison is not done normally within the web world. I have seen craterfulls of applications for the 'desktop', but none for the web world. The xml files are formatted in such a way as the data that each node contains is in the attributes of that node. <node attribute="pickles" attribute2="donuts" /> What
Why does the jQuery "val()" method strip carriage returns from a textarea value ?
Does anyone know why the jQuery "val()" method strips carriage returns from a textarea value ?
[jQuery] [validate] Select box help
I have a form that has a few select boxes and have been unsuccessful at getting them to validate on change, or tabbing away from the field. The first field is a month field, and the first option is blank the select is designed like so <select name="dobmonth" id="dobmonth" class="inputNormal" style="width: 199px;"> <option value="">Month</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option>
Cannot get simple dialog to work
I cannot get this simple dialog to display as a dialog. When clicking the link, I'm taken to a page, but the page is not in a dialog. Does anyone know how to resolve this? <!DOCTYPE html> <html> <head> <title>Open Dialog Test</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script> </head>
jQuey autocomplete with JSON source?
I'm checking out the autocomplete plugin at http://docs.jquery.com/UI/Autocomplete and REALLY like it. I'm pretty new to jQuery and absolutely a virgin with JSON, so I'm in need of a kick in the pants to get me rolling. In the documentation at that site, I read that I can use a URL as source if it returns JSON data. Cool. Right now I have some other autocomplete plugin that stores the autocomplete data in a .js file like this: var terms = [ "landfill", "GIS", "schools", "human
jQuery.Cycle - White background in IE8
Hi there I have the jQuery.Cycle in my page with text only http://2382.gr/test/ In firefox the background is tranperency as I want But in the IE is a white background Here's the html: <style type="text/css"> #s6 { width: 900px; height: 255px; padding: 0px; color: #333; text-align: left; font-size: 16px; } #s6 { top: 0; left: 0 } </style> <script type="text/javascript" src="CycleJquery/jquery.min.js"></script> <script type="text/javascript" src="CycleJquery/jquery.cycle.all.js"></script> <script
Autocomplete parse method documentation
Hi, I am new to jQuery and using the http://docs.jquery.com/Plugins/Autocomplete autocomplete plugin.I am not able to find the documentation on usage of parse option in http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions Can you please add details like what goes into data,value and result name/value pairs and when to use it. Thanks, Sampat.
jQuery cycle works in all browsers except IE: "Object doesn't support this method..."
Hello folks. Kinda freaking out on this one cause I'm pushing up against a deadline and this was noticed fairly late in the dev process. Essentially, we have a perfectly functioning cycle gallery that works in every major browser we tested. You can see it here: http://dev.www.werner.radius180.com/content/about/equipment/ We're using the most current jquery and cycler code. However, when you hit that page in IE and click to open one of the galleries, the pager is not created and you're given the error
[jquery mobile] listview accordion Plugin to use with list-divider role optional
jquery mobile listview accordion Plugin 1. import these file <script type="text/javascript" src="js/ext/jquery.mobile.listview.accordion.js"></script> <link rel="stylesheet" href="js/ext/jquery.mobile.listview.accordion.css"/> 2.Format the accordion accordingly <ul data-role="listview" id="listView"> <li data-role="list-divider" class="ui-li-accordion-head">Title name</li> <li> <div class="ui-li-accordion"> <li>contents1</li> <li>contents2</li> <li>contents3</li>
Next Page