Is it possible to convert my iphone app into jquery mobile app? And if it possible then how?plz help...
I want solution that Can i convert my iphone app into jquery mobile app.plz help
how to disable File save dialog after file upload in Ajax call
Hi I have a requirement where I uploaded file in Ajax call to the controller using Iframe. now after file uploaded and saved in my database I am getting a File save dialog, how can i disbale it. Could you please suggest. Thank you. Best regards, Joseph
Parts of GUI turns black when switching between tab pages with different heights
I have a navbar in the page footer with click listeners on every tab. When I switch tab, I just get the page div from javascript and set the html to the new content. Here's the HTML page: <div data-role="header" id="headertop" data-position="fixed" data-tap-toggle="false" data-theme="a"> <div id="logoAndBackDiv"> <h1 id="header1"> <img src="css/images/flogo.png" alt="forex" id="img" width="50%" /></h1> </div> <div data-role="header" data-theme="d">
Scroller issue in mobile while showing validation message
I have problem with scrolling while displaying error message in mobile devices, the page should scroll up to 1st error message in my page this functionality is working fine in web browsers(PC) but same is not working properly in mobile browser scroll position is pointing some other place. Am using jquery validation engine to validate my form (VER:Validation Engine 2.2, jQuery plugin) and jquery mobile to create the form. Thanks in advance
Datepicker not working!
Hello I am using jquery date picker. It used to work fine until I just noticed it isn't anymore! Can you please help me find out why this date picker is not working? Located here. Start date or expiry date fields are supposed to open date picker. Thank you Ben
Problem with autocomplete.
Hi everybody, I have a problem with autocomplete. The source data are stored in database. Ajax calls citta.php, that should give the name of the town when I start writing. <script> $( "#campo" ).autocomplete({ minLength: 2, source: "citta.php" }); </script> Instead if I use an array where I write some towns it works good. citta.php: $return_arr = array(); include("../Registrazione/config.php"); //connect to database if (isset($_GET) && isset($_GET['term']) && !empty($_GET['term']))
Colorbox iframe option get height and width automatic.
Hi, I am using colorbox iframe option and calling outside web page. I am facing center align problem and proper height and width of the page in all browser. I am looking for solution for getting height and width automatic. Following is the example and image attached. <!DOCTYPE html> <html> <head> <meta charset='utf-8'/> <title>ColorBox Examples</title> <style> body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;} a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
Having trouble using two jquery widgets in a template based webpage
I hope I have posted this question in the correct topic. Ok, I have a template based web site im developing in Dreamweaver CS5. I have a few editable regions in my template. In a NON editable region near the bottom, I have inserted the jquery jsocial widget so that it shows up on every web page, and on one of the web pages, I recently inserted the accordion widget, which is also quite awesome. I love them both, but im finding that once I insert the accordion widget to the single web page, and the
sticky header probelm
i run a script which makes a header sticky. There are several posts under each other and each of them have a header. What im trying to do is to make headers sticky (fixed) when they are 'top: 72px'. Before they become sticky they are absolute. When a new header is approaching the sticky header, eg. when the new header is 150px below the sticky header id like the sticky header to become absolute and when the new header is top 72 id like the new one to become the sticky. By trial and error i managed
help with appending html url passing variable doesnt work but setting text does please help
How can I get it to work with variable? top one works with double quotes i.e forced so to speak but doesnt work with variable sitepage in the browser before I click on it there is a space between technology and.com in variable one i.e website.com/ technology.html but not in the double quote one i.e. website.com/technology.html $("#home").append('<a href="http://www.website.com/' + "Technology" + '.html">' + $(this).find("category").text() + '</a>'); $("#home").append('<a href="http://www.website.com/'
Dialog differs when using Div or Span as a 'placeholder'
Hi All, I don't know if this is a bug or a feature by design hidden in some specification somewhere, I thought I would share (discuss?) In order to create a dialog, I need what I refer to as a place holder. All examples I have seen have used the div tag as a place holder - thus <div id="dialogPlaceHolder">this is my message text</div> and to display this in a basic dialog box that is 500px wide, 500px high one could do the following: var dialogOpts={ height: 500, width: 500, buttons:{ "Yes": DialogYes,
POST slider values to php script
Hi all! I had a nice functioning set of sliders that would pass their values using POST. Ever since I included jQuery mobile libs, my sliders would not pass their values anymore :( Can anyone help me here ? Thankyou ! Fred This is my code so far: <html> <head> <title>Vragenlijst</title> <link rel="stylesheet" href="js/jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"
Click does not trigger form input :(
Hello everyone ;) I was wander whether someone one could help me with my problem I have the following code which triggers below form <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#processing").live("click", function(){ var proid = $("#proid").val(); var oid = $("#oid").val(); $.post("orderstatus.php", { proid : proid, oid : oid }, function(data) { $("#update").html(data); }); return false;
Newsticker to fetch data from mysql
Hi, there are many great newsticker plugins available, but all of them seem to work with xml data. I'm looking for a way, to show the latest entries in a mysql database. the ticker should display the last 4 news and look for newer entries every few seconds. eg: entry 4 entry 3 entry 2 entry 1 when there is an entry 5, entry 1 should disappear by scrolling. I hope someone can point me in the right direction or maybe there is even a plugin that works with mysql. Thank you in advance!
jQuery Mobile Beta - how to combine Panel w RWD/secondary-content nav?
How do I apply the new Responsive Design to the new Panel widget? Specifically, I'm looking for a "best practices" way to make an Phone and a Tablet in portrait mode use a panel, and an iPad in landscape use the documentation's "side nav" secondary-content layout. I can hack something together that renames hte div attributes when an orientation change is detected, but that's not very RWD. While I've gotten each working independently, I haven't seen a good way (possibly all CSS?) that I could make
how to download a plugin from this website?
hello, I cant seem to find a way to download this plugin ... which is listed on this website: http://archive.plugins.jquery.com/node/13287 how to do this? thanks, best Sam
consumir servicio SAOP con JQuery
Hola soy nuevo en esto del JQuery estoy intentando consumir un servicio SOAP con JQuery de esta manera: var soapMessage=’<?xml version=”1.0″ encoding=”UTF-8″?><soap:Envelope xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xmlns:xsd=”http://www.w3.org/2001/XMLSchema” xmlns:soap=”http://schemas.xmlsoap.org/soap/envelope/”><soap:Body><hello xmlns=”http://webservices.renda.datys.cu/”><txt>Hunter</txt></hello></soap:Body></soap:Envelope>’; $.ajax({ url: “../../soap”, type: “POST”,
3 vertical divs
what i am trying to do is 3 vertical divs with categories, grid of images (pagination i will do next step) and messages i try following way, but grid and accordion are screwed up. request wisemen to advise, i am kinda stuck here ____________________________________________________ <html> <head> <script type='text/javascript' src='http://code.jquery.com/jquery-latest.js'></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <style> #mainContainer {
jQuery 1.9 - Plugin Updates
Whilst I think the code housekeeping introduced with jQuery 1.9 and 2.0 is a good idea and probably long overdue, it has raised an issue with our developments concerning jQuery plugins. The problem isn't concerning immediate plugin compatibility with jQuery 1.9 (though that would be nice), it is more to do with active/ongoing development of any particular plugin. Our projects, probably like many others, use a small collection of plugins which, over the years, we have come to use without much thought
Datepicker won't close in Google Chrome
Hi. I'm using the latest jQuery UI, which I downloaded last week. The datepicker works great in IE 9 and Firefox 18. But it won't close in Google Chrome 24, either when a date is picked, or when the done button is clicked. There are four input textboxes that use the datepicker. The jQuery code I'm using: $(function() { $( "#fromCheck" ).datepicker({ maxDate: "+0", changeMonth: true, numberOfMonths: 1, // showButtonPanel: true,
Dynamically Adding Rows to Reflow Table
I've started using the 1.3 JQM beta today and I'm having trouble adding rows to a reflow table and getting them to format correctly. The table starts with a header and a few rows and then I pull some more rows in and add them with JQuery. This looks fine as long as the screen is large enough not to reflow the table into the vertical mode. If the table goes into vertical mode, all the rows that I have added are not given labels like the ones that began. for(transaction in transactions) { $("#reflow-basic
upper noob question; implement <button id> into jQ
by default the button id is executed, but i need it to have it executed once it is clicked so what i am thinking is to change the button code from <button id="fade">Fade Toggle</button> into: <button>Fade Toggle</button> and than something added to jQ code, but i dont know how to... so something like this: $("button").click(function(){ //button id here $("#fade"); //.live('click', function() });anyone? cheerz!
Clock on my site not working correctly in Firefox
Here's my site url: http://www.officialwatches.com/ The clock in the header works well in Chrome and IE but goes crazy in Firefox. If need be I can post the JavaScript. Thanks in advance to anyone who might be able to help.
Fill form elements based on dropdown
Hi, I'm pretty new to PHP, and I had to realize that even PHP is not enough for my desires... So as browsed many forums, I suppose I need some Javascript to reach my goal. I have a form, which contains a dropdown and let's say one text input field: <form name="anything" method="post"> <select name="dropdown"> <option value=1>First</option> <option value=2>Second</option> </select> <input name="city" type="text"> </form> My goal is to run a query each time the user changes the value
Tabs Widget: I can't reload ajax tab content on IE
The webpage (.aspx) shown below should refresh the contents of the second tab every time it is accessed, reloading anothercontent.aspx page on that tab . This works well in all browsers except IE (9 & 10 tested). Why? Thanks! <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="jscripts/jquery/jquery-1.9.0.js" type="text/javascript"></script> <script src="jscripts/jquery/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script> <link
List view questions
I am trying out my first list view, and firs off scrolling is odd on my touch screen device. For example not every time I swipe does it move. Sometimes its like it gets stuck and doesn't register the swipe and instead just lights up the one entry. Secondly as you can see in the screen shot, my activity list goes right up to both the right and left edges and looks a bit ugly.
Continous forms with a while loop with Jquery
Hi All: I would like to use a while loop to list records that need updated with their own form. I would like to treat each record individually and have one submit button at the bottom, so all changes on all records would be updated. When I write a while loop and have it create multiple forms too for each record. I set the default value of each input field to the current value of each record. When I hit the submit button for each generated record and use jquery .onclick event. It only ***updates
setting size of grid yo 25%/75%
I want to use the grid to layout a page content. I wish to have the first block to 25% and second block to 75%. I do not wish to use tables if can avoid it. Is CsSS allowed to modify it or will thwJQM over-ride? Anyone have a solution?
changePage() returns to previous page
Hi, I use jQuery.mobile.changePage('#pageErrorDialog');to change to a dialog. My problem is that the page is loaded (I can see it for a few seconds), but then the previous page is reloaded and the dialog disappears. Does anyone know a solution for my problem? Thanks!
Tooltip 1.10.0 with HTML?
Hello. In 1.9.x I have use it like: title="<img src="image.jpg">" in 1.10.0 this is not working anymore. What is now the right way to show HTML inside of a tooltip? EDIT: Is this the best way for display HTML?: http://jsfiddle.net/NzWTW/
How to post a file in an Ajax call to controller
Hi I have a Main.cshtml which renders another partial view as below. <div>@{Html.RenderPartial("FileUploadPopUp", Model.model1);}</div> In the FileUploadPopup.cshtml file as below I need to upload an Excel file. <form><input type="file"><input type="button" value="Save" id="btnSave"></form> In the Main.cshtml, I need to make an Ajax call to post the file as below. $("#btnSave").click(function () { //Here need to make Ajax call to post the Excel file, //Could you please give me code how can
Jcrop problem, please help
I came across this image crop script which is great and looks like it does exactly what I want it to do, but I'm having a lot of problems getting it to work. I've searched for a solution and although other people are having the same problem nobody seems to have a solution so I'd be grateful for any help please. I can select the area I want to 'crop' but when I click the Crop Image button I just get black thumbnail. I've checked I've got the most up-to-date version of jquery as well as the jcrop script.
Better way to position hidden menu?
Hi. I've written a small plugin for a popup menu. The menu html gets sent with the original page load, when my plugin is called it's positioned relative to the trigger via the JQuery position arguments (my, at, of) and hidden until the trigger is clicked. Now, the trigger element may be replaced via an AJAX call and it's position may change. So I have bound the trigger with 'on()' and the menu positioned in the click handler instead of at setup, no problems. However since JQuery UI position doesn't
How to get api.xml of current doc ?
I'd like to download api.xml file of current api doc. How to ? I cannot find the url where to download from
Autocomplete multiple values remote, strictly select/enter from suggested value
Hi, I am using Autocomplete, with multiple values, remote. It's working fine for me, but now I want to add one change in it. The change is: I want to add condition that, user must select/enter value from suggested values in autocomplete. e.g. Suppose my autocomplete suggesting following values on typing letter A : A003 A004 A005 Now user must select value from these suggested things, and if he enters wrong input (like A321 in above case), then, I would like to prompt user for correct
Problems with animate() in on eventhandler
Hey jQ community, I've got a little problem with an animate() function. myItem.animate({top:'-=' + oldTop, left:'-=' + oldLeft}, 3000, function(){ alert("afterAnimate"); });This code is part of an on (click) function. But after clicking the animation starts after 3 seconds and don't run 3 seconds but 5 and the afterAnimate alert appears after 3 seconds with the start of the animation. Why? Whats wrong? (I use jQuery 1.8.3 not 1.9.0) Thanks, Pete
rotate text with jquery
i add rotate functionality to one of my application but it is not working right i want to add it only to active div onclick of other div rotate fuction get removed here is the code: $("#rotate").click(function () { // Your original element var ele = $("li.active"); // Create handle dynamically $('<div></div>').appendTo(ele).attr('id','handle').css({ 'position': 'absolute', 'bottom': 0, 'right': 0, 'height': 10, 'width': 10, 'background-color': 'red' }); ele.css('position', 'relative'); $('#handle').draggable({
Retrieving partial Ajax response during long requests?
I've been tasked to create some web interfaces for perl scripts that we run. One issue that I can't seem to work out is how to show data from my perl script in real time. For example, I have one script that will perform the following actions on 20 remote PC's... - Log into an SSH session - Backup the current device configuration (5 seconds to 15 minutes) - Display specific values of several interfaces (30 seconds per interface) - Exit the SSH session While this script is executing, I want to display
Lights off on mouseenter
Hi there I´m trying to turn off the lights when someone enter into a <area> tag, and turn it on when it leaves the <area> tag. What i have done It is working, but not properly. YOu can see it at: http://kalearte.com/nuevas/es/vg/alava/visita-guiada-llanada-alavesa.html I have done this: I have put a div, which id="oculta" at the end of the document, that is going to be show when your mouse is over the <area id="uno" /> tag <area shape="poly" id="uno" coords="90,0,140,93,144,133,75,176,0,54,90,0"
Jquery back button behaviour
I've created a website for a high-end audio company. On the products page I use some jquery sliders. Now, when you've clicked some buttons on the products page, and then you use the browsers' back button it goes back to all the states (expanded, collapsed) of that page. What I really want is to go back to the previous page (e.g. index.php). Is there a way to force the backbutton to point a particular url? Even a fixed url (index.php) would do (if the history(-1) is impossible). Thank you all. Please
Next Page