Can datepicker calendar show more than 10 years
Hi, I am using jQuery datepicker for users to pick birthday, here is my code: $('#DOB').datepicker({ changeYear: true, maxDate: new Date(), showOn: 'both', buttonImage: '/images/calendar.png', buttonImageOnly: true }); Since the birthdays are typically tens of years away, so I allow the users to change year to save clickings, but the Year selection drop down only show 10 years range, say this year is 2010, the dropdown will have 2000 - 2010 to begin, if I pick 2000 then 1990 - 2000 will show
add fadein to jquery validate error messages
How to add fadein() in the jquery validate label error messages? I've tried the following: $("label.error").hide().fadeIn("slow"); $(this).hide().fadeIn(1000); but neither of them work. Can anyone please help me? Thank you. The code I've used: $(document).ready(function(){ $('#my_form').validate({ rules:{ name:{ required: true } }, messages:{ name:{ required: "The field is mandatory !" } } }); $("label.error").hide().fadeIn("slow"); $(this).fadeIn(1000); });
changePage doesn't work after submitting form
i have a page with a form. submitting the form goes like this: $("#add_form").bind('submit', function(event){ event.preventDefault(); $.get('/~polling.php', {poll_type_select: $("#poll_type_select option:selected").val(), question_input: escape($("#question_input").val()), end_select: $("#end_select").val(), multi_string:multi_string, target_select: $("#target_select").val(), type: "add_poll", user_id:user_id}, function(data) { alert(data); $.mobile.changePage($('#list_page'), 'slideup', true,
How to detect combination keycode
$(document).keydown(function(e) { console.log('key code is: 'e.which); });I know how to find out which key user use, but how to do it when they use combination key? for example: "CTRL + C", "CTRL + V" and so on.
GMap in jQuery modal dialog problem - can't drop draggable markers
Hi, I am using jQuery 1.4.2 with a custom jQuery UI 1.8.6 (from themeroller), and have ran into a problem with draggable GMap (GMaps API v2) markers in a modal dialog where I can pick up the marker with a mouse click but it appears that the mouse up event is lost so I can never drop it. If I change the dialog to modal: false, then the problem goes away. Here is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en"
Sortable portlet with Close (or Menu) option
I really like the portlet example at... http://jqueryui.com/demos/sortable/#portlets and I have seen the article to "mimic igoogle" at... http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/ and I have read this thread... http://forum.jquery.com/topic/draggable-like-igoogle Is there a simple way to just add an icon to close the portlet or display a menu? Although I like all the functionality at inettuts, I'd like to use themeing and I'm not very proficient with javascript. Can this sample
Problem with TableSorter
I am using the tablesorter plugin and am experiencing the following problem: Under several scenarios the up/down arrow icons will overlap with the text in a column's header. This occurs if the browser is resized so the table width is too narrow (e.g. plugin should force a min-width perhaps?). More importantly, this will also occur when the text in a columns header is shorter than any of the values in the column the up/down icons overlap with the text in the column header. I've attempted setting
jQuery & Google Calendar (Events)
Hey Folks! I couldn't find any solution or help but maybe you can answer my question. I know there must be a solution somewhere to show my visitors of my webpage a event list from my google calendar. There's "FullCalendar" out, but i don't need a calendar, i only need the events + date. The solution has to work with Google Calendar. Any help or ideas?
statuscode and error callbacks
I just want to query the behaviour of the new 1.5 ajax status codes. For example, what appears to be happening is that if I declare a handler for a 500 in statusCodes and also set an error handler, my 500 handler is never called, only my error handler is. If I remove the error handler and repeat, my 500 handler is called. This is kind of backwards to what I'd expect, I would expect a specific http status code handler to override the success/error handlers. The success error handlers would only be
Fixed footer toolbar and tap events
Hi, I've set a fixed footer toolbar. It works "ok" (looks really bad) on scrolling listviews, but it is disappearing ALSO with non scrolling tap events. I have a panel with button images, then when I tap on an image, the bar disappears. If I tap again, the same or another image, the toolbar reappears. That's utterly annoying, because it seems like a huge design (application) flaw. The pages are all dynamically inserted into the DOM, and many listviews are NOT so big to demand scroll, but the bar
Nested List Theme
I am using a nested list with the default dark theme. When I click on a list item to drill down into the list, the theme changes to the blue theme. How can I get my list to stay consistent and just have one theme the entire time?
How?: Dropdown menu selection dynamically alters selects of other dropdown menus on same page?
Hi I have a project where I need a selection of one dropdown menu may affect the select of multiple other dropdown menus on the same page. First, a table is generated, and within each row, it contains a dropdown menu. Assume: Rows A, B, C, etc..., and Dropdown selection: 1, 2, & 3 If dropdown in Row A selects 2, then I want the selection of dropdowns in rows B & C to dynamically change to 2. And if in Row C user selects 3, then the selection in dropdowns in rows A & B should dynamically change
jQuery UI and touch devices
I've been trying to track down information on jQuery UI and touch devices, like iPod Touch & iPad (I have both) and Android devices. This patch: http://dev.jqueryui.com/ticket/4143 is interesting, but incomplete as it only works for iPhones. Easy fix, but I'd really rather not maintain my own branch. I'm really not that up on jQuery and don't have the time right now to learn it's internals - even enough to maybe make that patch into a plugin or something. I see many comments, including on the patch
autocomplete="off" not working
hi, I'm currently doing some development on a Blackberry torch. and I'm creating a website with JQM. I'm runing into issues with Blackberry torch built in autocomplete blocking some of the buttons on my website. I tired using (autocomplete="off") in the html buts its not working. I would rather not have to ask the user to turn it off in the browser. Anyone have any ideas? Thanks
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>
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?
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)
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
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
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?
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
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
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
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 ?
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.
Next Page