Select Menu Dialog Snafoo A4
I haven't seen this one reported yet. If you goto the Forms > Select Menu demo and click on the custom menus Alabama, then close the dialog using the close (x), then reopen it, the list is no longer in a dialog and it's x/y position is in the center of the select menu button.
jqGrid and editable cell?
Hi, I'm using a jqGrid and I'm trying to have one of my columns be editable. Some of my columns in the "colModel" looks like this: {name:'First_Name',index:'First_Name', width:80,align:"center",editable:true}, {name:'Last_Name',index:'Last_Name', width:100,align:"center",editable:true}For some reason though when I click the cell, it doesn't allow me to edit it. I believe I have all the necessary js files as well, the css, the main jqGrid.min.js, and even the locale file. Any help appreciated. Regards.....
Overlay shifts div when triggered
I appologise in advance as I already posted this a few mins ago and I was unable to edit the post as it was under moderation. However upon further testing this appears to affect Chrome aswell. When an overlay is triggered it is causing the content div to shift apprx 50px to the right. The content div is inside a page container div here is the css code for both. This is not happening in IE 8. #page-container { width: 760px; margin: auto; text-align: left; } #content { line-height: 18px; } #content
Problem resizing manually width with the mouse
I have a div, i want to resize it with the mouse clicking the right-border. I don't want to use jQuery-UI. So i write my plugin but the function doesn't work. The code is: resizeWidth: function(){ var coord=null; $(this).mousedown(function(e){ coord={ x: e.pageX, dw: $(this).parent("#uz").width(), tw: $(this).parent("uz").children("textarea").width() }; e.preventDefault(); }); $(document).mousemove(function(e){
Running jQuery Mobile on WinMo7 renders a blank page
Hi Guys, On http://jquerymobile.com/2011/03/jquery-mobile-alpha-4-released/ jQuery Mobile blogpost... It says.. "We’re thrilled to announce WP7 is now a supported platform and has a solid A- experience..." All that renders is a blank page on winmo7... And I have what seems to be the same exact device they use on the photo. This fiddle is a simple two page layout that works fine on every browser except IE on winmo7. http://jsfiddle.net/QfVsq/
Using $.mobile.changePage to open a dialog on page load
Our web app, http://m.goba.mobi, uses dialogs for various settings screens. In our current situation we're acting upon an option a user clicked in an email. We'd like for a dialog to open when the page loads. We're using $.mobile.changePage to trigger the load, and the page does indeed load. The problem is that the dialog is missing the close button normally found in the top left corner. Is there a trick to opening a window programmatically and still keeping the close button? We're going to try
jQuery Cycle Plugin - Image Count - appearing at start of slideshow
Hi, The image count does not appear on page load, it starts when clicking through to the next slide. I want the Image Count to appear straight away ( so it shows ' 1/8 ' for example) here is my page code: <!DOCTYPE html> <html> <head> <title Cycle</title> <link rel="stylesheet" type="text/css" media="screen" href="../jq.css" /> <link rel="stylesheet" type="text/css" media="screen" href="cycle.css" /> <style type="text/css"> #main { text-align: left; height: 550px; width: 876px; } #slideshow { float:
jQuery Mobile pageLoading Dialog does not move with page scroll
Hi, is there anyway of getting the jQuery Mobile loading dialog to move with the page as the user scrolls down? Currently, we offer a list of clickable items. If an item in the list is clicked, we show the loading dialog to indicate we are retrieving the details for the clicked item i.e. $.mobile.pageLoading() This works very well when the list only takes up a single screen. However, in many cases the item the user wishes to open requires them to scroll down the list and the dialog shown by the
example of direct link from external page to jquery cycle slide
Can anyone point me to an example of a link on one page targeting a slide in the jquery.cycle plug in on another page? I've seen this explained but I can't seem to wrap my head around how it works and seein a working example would really help. Thank you!
$.mobile.changePage
Hi, I am having problems with $.mobile.changePage. After user submits a form and the credentials are verified I want to load another page. I am trying to use $.mobile.changePage like this: $.mobile.changePage("#index"); (this is in a js file). The form is in a php file. I get this error message: TypeError: Result of expression '$.mobile' [undefined] is not an object. I can't figure out what is going on. Can someone help me? Thanks
HELP with jQuery.getJSON method
hello jQuery experts! i am new to jQuery and i need help in getting getJSON method to work. Here is my code: <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $.getJSON("http://api.worldbank.org/countries/PHL/indicators/GDPPCKD?per_page=10&date=2005:2010&jsoncallback=?", {format:'json'},
arbitrary timed effects
Hi Folks, I have some elements that I wish to animate until an external event occurs, as far as I can tell the UI effects all run for a set time. I can set a callback that restarts the effect I suppose like this: $(thing).effect(effectname,options,effectTime,restarteffect); function restarteffect() { $(this).effect(effectname,options,effectTime,restarteffect); } But how would I later remove the callback so as to terminate the effect when it finishes a cycle? Cheers, Robin.
how to inititate AJAX get when user clicks off of a textbox / fills a textbox
Hi there, I've been reading about jquery and ajax and I'm not exactly 100% sure as to how to implement it. Essentially I have the following: a textbox a select box another select box As the user fills data in the textbox and then clicks off I want the javascript to fire, submit the value in the textbox to a url (I can handle the backend side of it all fine) which will then send new data to the select boxes. Similarly for the second select box when a user clicks off (After selecting) I need the jquery
Form fill
I have a form with the labels name, street etc. The data come from the database. Now i want to update the data from a another database and fill the form with the new data. How can i solve this?
Using jQuery Autocomplete in modal dialog using ModalPopupExtender from AjaxControlToolkit
I built a modal dialog using the ModalPopupExtender from the AjaxControlToolkit. In that dialog, I'm trying to use the jQuery Autocomplete feature on a textbox. The values for the autocompletion are fetched from a webservice. I can see that the webservice is returning a result set, and I can see that being picked up in the Autocomplete code. However, the list is not displayed to the user to pick from. I thought this might be a z-Index issue, so I specified 'z-index: 9999 !important;' for the '.ui-autocomplete'
Why the Ajax calls could not be cached by Firefox?
I noticed that all simple jQuery ajax calls are unable to cached by Firefox (no problem with other major browsers). See the following test code: $(document).ready(function(){ $("#load").click(function(){$("#test").load("/test.txt");}); }); The mod_expires of Apache2 is enabled and test.txt can never be cached by Firefox via Ajax calls. (Firebug response status code 200 OK)
jQuery Mobile for desktop and mobile
What browsers on desktop jQuery Mobile supports? Can I develop single interface on jQuery Mobile both desktop and mobile?
Chain animation for different element
Hello. I'm trying to have an effect happen after an effect for some other elements has finished. $(document).ready(function() { $("#about_div").toggle(function() { $(".work_divs").slideUp(600); $(this).slideDown();I've tried $(document).ready(function() { $("#about_div").toggle(function() { $(".work_divs").slideUp(600,function() { $("#about_div").slideDown(); } // can't use this - it refers to .works_div? );and a couple of variations. I increased
Help - Get tag by tag
Hello, If I have this code: <div id="test"> <div id="inside"> Hello </div> </div> And by the div "test" i want call get the tag "inside", how can I do that?
Taking Control Of The Back Button.
Hi, if I have the following code: <div data-role="page" id="meetingPage"> <div data-role="header"> <h1 id="pageTitle">AGM</h1> </div> <p>Hiccup</p> </div> How can I take control of the Back button. The reason I ask is that each time the page goes forward, a increment of one is added so when the user goes back I want to decrease the number by one. Any ideas? Cheers, A4.
Could this be streamlined?
Hi, I'm *really* new to jQuery, but learning. After reading up and watching a few tutorials, I set myself the test of creating a rudimentary gallery by memory, and came up with the following jQuery code: $(document).ready(function(){ $('.nav a[title=Freddy]').click(function(){ $('.cont img').not('.cont img[title=Freddy]').fadeOut('normal'); $('.cont img[title=Freddy]').fadeIn('normal'); }); $('.nav a[title=Myers]').click(function(){
Jquery form help
I have a form using asp formmail script with a hidden field for the person's email being sent to. Using Jquery I would like to be able to, if they check a checkbox the form is sent to multiple people and if the checkbox is unchecked then the form is sent to the orginal recipient. The form uses get instead of post to process the form... Much Appreciated
[validate] Is it possible to trigger validation on blur without having anything in the field first?
Right now validation is only triggered when I have something entered in a field, i.e. if I click on a field, type something, delete all of it, then click on the next field, validation won't trigger. I want to be able to trigger validation after I first focus on a field and then focus out, even if I didn't type anything. If there's no existing option to change this, can someone point me to part of the source code where one would need to change so that I can change it myself? (Sure, I can try to decipher
Jquery Ajax with WebMatrix
So using this: $.post("Service", { param : "value"}, function (data) { alert(data); });I am able to pull out the values just fine using Request["param"]. Now if I'm using : $.ajax({ type: "POST" url : "Service", data : ({ param : "value" }), contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { alert(data); } });I am not able to find the values in Request,Request.Form, Request.Params
Uncheck and Disable Multiple Checkboxes with One Checkbox
I have searched the forums and have not seen a solution for this. I have the following checkboxes: [ ] None [ ] Option 1 [ ] Option 2 [ ] Option 3 When the first checkbox is checked (None), I need the other three checkboxes to: 1. Become unchecked if the user had checked them 2. Become disabled If/when the first checkbox is unchecked after that, the other three checkboxes would become enabled. Can someone help me out? I have little jQuery experience and am learning as I go along.
string search works 1x only
This only works 1 time. the second time the value is the same as the first time. $(function() { <!--------1.1-------------> $('#select_client_dd').change(function() { var client_info = $(this).val(); <!--- first time I receive 1:a:a:a -------> <!--- second time I receive 2:b:b:b -------> var client_id = client_info.search(/:/i) ; <!--- first time I receive 1 -------> <!--- second time I receive 1
Anchor on Collapsible Content
I was working with collapsible set this morning and I was wondering how cool it would be if we could scroll automatically when we hit a collapsible item. Because of the the limited height of the screen on mobile device, when you hit a collapsible header which is for instance, at the bottom of the screen, you can't actually read it. You need to scroll manually. Any thoughts ?
problem with ajax tabs in jquery-ui 1.8 and jquery 1.5
I try to use ajax tabs based on the example from the documentation as shown in http://jqueryui.com/demos/tabs/#ajax. I'm using jquery-ui 1.8 in combination with jquery 1.4.4 it works, but it's not working when using jquery 1.5 (which is included in debian wheezy). Is this a bug or has anything changed in the way to using ajax tabs ? My source code : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <link rel="stylesheet" type="text/css"
New to jQuery and Need Help!
Hi there, I'm really new to jQuery, and have been wrecking my poor brain for over a week trying to figure out how to rotate four images that each have a different animated caption that automatically slides over them. I developed it in Flash, but need to convert it to jQuery, and I can't even find a plug-in that will do what I need. Here's exactly what I need it to do: Sample. Do any of you gurus have any advice or pointers? Thanks a million!
Need help to make my jquery slider module to scroll smoothly instead of every second
Hi all, I am really new to jquery, I have recently purchased a slider module for Prestashop, however I want to change the scroll sequence to make the items scroll smoothly without pausing, I have looked into the controls of the slider but cant figure out whether it has options to do this or I will have to configure it to to this. Here is the controls in the .js file // Default configuration properties. var defaults = { vertical: false, start: 1, offset: 1, size:
Hi, how do I enable jquery warnings?
I'm sure this functionality must exist somewhere, but I can't find it. basically, I just spend over 3 hours until I realized that $("index") is not the proper spelling for selecting the index div. It would be swell if I could be alerted to such errors, I'm sure this is easily doable. I just need warnings whenever something fails, and this is a clear case of failure, since so such property or function exists, right? Thanks for your help
Entering time
Is there an easy way to enter time in jquery mobile? I thought about using sliders but that's not exactly right looking. Are there any plugins etc?
How do i change the content of a specific div in a cell of a grid?
Currently i am using this to modify the "html" of a specific "column/cell" by finding the "td" of the "grid" at specific "rows". $("#VGrid1_MainGrid tr:nth-child(" + iRowNumberGrid + ")").find('td').eq(26).html("HTMLHERE");After that is done, how do I [ (a) access, (b) modify ] the individual "div" content that is in it for the "Grid" at particular "row" and "column"? RowNumber = 2, column = 26 Example <td> <div class="myclass"> <div id="div1">yes man</div> <div id="div2">Add content</div>
if a ui dialog with a form is opened again (no page refresh), the .live() elements do not respond
The first time a dialog is opened with a form, a button that changes a dropdown to a text field when "Other" is selected works fine. If the dialog is closed and then opened again, the .live('change',function()) script doesn't work properly. The script is activated, when I insert an alert() into the script at the right point (insert alert after line 9 below), the alert appears, but the script does not complete. The elements are there and correct. Very strange. $('#poOrderMethod').livequery('mouseup',
Is it possible to put a button inside autocomplete in jquery ui plugin?
My requirement: I have a 4 text input fields that I want to implement autocomplete functionality. If the input does not match the drop-down-list, I want to put a button that will open a jquery modal form, that the user can enter the desired data which will update the list. I am implementing this using simple jsp and tomcat My problem: I have put a button in the drop-down-list when the input does not match. When its clicked, nothing happens, and html code for the button gets populated in the input
jQuery.live(), please?
I know that in most cases developers will already have instances of elements they want to bind a handler to with live() on their page when they call the method, but I've ran into cases when I needed to use .live() before I actually had any elements on the page. In this case, it would be nice to have a jQuery.live(selector, event, handler) method so that my application doesn't have to search the document for elements that satisfy the selector when I already know that there are none.
Disabling ordinary link button during form Validation
Hi, I've got a JQuery Mobile form working across multiple "pages", even though it is a single HTML file. This is done by placing the opening form tag before the <div data-role="page" id="screen1"> tag, and closing it after the final losing page div tag. Works great. Currently the form validation is properly flagging each field as the user leaves it. The only trouble I am having is making the continue button at the bottom of each screen disabled until the visible invalid fields pass validation. Can
Radio group IE validation issue
Hello, For some reason when I try to submit my form in IE8 it doesn't get past the radio group. It keeps asking me to select an age even after one has been selected. Validation works but it's not picking up that I have selected one of the items within the group. http://pretendcity.org/forms/asq/ Thanks.
making carousel for links
Hi everyone, So my problem - I've a big massive of links. With I wish that only (for exampe) 5 links would be shown at one time, then first of these 5 links hide, so to last 4 links will be added a new one from big massive, then will be mouse hover statement carousel paused for a little to allow user follow hovered link.
Can't get submit to work
this does not work I am pretty sure you have all seen this before but I am stuck. Just started to use jquery mobile and can't get a basic function to work. Please advise, Thanks <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script> Here is the error I get : htmlfile: Unexpected call to method or property access Here is all of the code <%@ Page Language="C#"
Next Page