I am trying to modify data.url (or data.absUrl) in pagebeforeload function. Essentially I want to pass some parameters (such as geolocation) along with each request. However, looking at the code it seems I can do that directly and ended up modifying the jquery mobile code as show below. My question is there any better to achieve this rather than modify the source code.
// Load the new page. $.ajax({ url: fileUrl, type: settings.type, data: settings.data, dataType: "html", success: function( html, textStatus, xhr ) { //pre-parse html to check for a data-url, //use it as the new fileUrl, base path, etc var all = $( "<div>
I need to set some headers before calling the server. I tried setting these headers in the before send method of the ajax call. However, it seems my beforeSend method is never called by jquery mobile. There is another forum post on this topic: http://forum.jquery.com/topic/jquery-jquery-ajax-not-calling-beforesend
I looked at the above mentioned forum, but didn't quite really follow. I am not sure what is jsonp. But I am calling my own server and using rails
I am building my first app using PhoneGap + Jquery Mobile and Rails. The app seems to work fine on IPhone OS 4 but not with IPhone OS 5. I have listview. Clicking any particular list item should open up a new details page. As expected when clicking a list item this does open up a new details page but also fires up safari with the current url. I am experience this problem only in OS 5.0.1. I tried both on my iphone 4 (with OS 5) and IPhone 5 Simulator. The application works fine with OS 4.0
Just to make sure whether there is any problem with my app. I simply wrapped jquerymobile.com using PhoneGap and I do experience same problem with the jquerymobile.com/test page
hi I have a form which shows some user related information in a textarea. To save this inforation, currently users have to 1) copy the text from textarea, 2) open a notepad, 3) paste it, and finally 4) save it. I want to shortcut this process by giving them an option to directly save the contents of the textarea in a file on a single click of a button. I am planning to put a button next to textare that allows them to save the contents of textarea on their machine. I searched almost everywhere but couldn't find anything related. Do you guys know any script that can help me in making this working. Any help will be appreciated. Regards,
hi This problem comes and go...but I haven't found a good solution to solve it..checkout this page http://findnwrite.com/memento/reports/view/report:71 see the bottom section that list articles..what's happing is I first render the top section of the page and then using ajax call in document.ready function, I render the bottom section ("Reference Section"). The reference section uses some other javascripts files and properly loaded in FF but not in IE, thereby, causing all the problems in IE. I will really appreciate if someone can tell me how to load javascript files properly when rendering ajax page..On the server side, I am using cakephp to generate pages. Desperately looking for some help... Regards, Ritesh
hi, this is first I am starting to use json and wondering how I can check whether a field is defined or not I am using form plugin to submit my form though ajax. On the server, depending on result, I set either success or failed field and pass the json data to client..now I want to which field is set and appropriately update the UI. thanks Ritesh
hi, I am trying to develop a plugin that extends jtip. So you see a new floating div on mouse over but you can also click on links and buttons available in the new floating box. But if you are mouse is neither on the original link or within the floating box, then hide the floating box. I think the best example is to give is of GMail. If you have used GMail, you must be familiar with the functionality where you hover your GTalk contact list and it shows details. You can click on any button available in the floating box and once your mouse moves out of the original link and the floating div, the floating div vanishes. I tried hacking jtip but nothing worked. Can someone help me with new ideas. Regards, Ritesh http://findnwrite.com
hi, I have a webpage (say webpage1) that include another webpage (say webpage2). Both the pages have $(document).ready(......to attach jquery function to elements of their page. However, since webpage2 is included within webpage1, the functions within webpage2 are getting called twice. Is there a way to avoid calling a function twice I want to keep $(document).ready in both the pages as, sometime the webpage2 can be directly called.. Please help me with this Regards, bingo
hi, I am trying to write a very simple function but its not working...here is my function jQuery.fn.customLoad = function(url){ return $(this).ajaxStart(function(){ $(this).html("<div align=\"center\"><img src=\"/cake2/img/images/ loadingAnimation.gif\" /></div>"); $(this).load(url); }); }; As you can see, I am just trying over write load function so that whenever any div is being loaded, just attach a new div that display loading animation. I am sure why its not working...any help will be appreciated Regards, bingo
Hi, I am wondering has any ever tried building a canvas library based on jQuery. I don't mean to say line/bar graph but canvas graph like yahoo pipes where you can create new boxes and link them through lines. Please let me know if there is one that I can easily integrate with my project Regards, Ritesh
Hi, I am jquery for now almost 3 months. But, one thing I am not able still figure out. This is more for a user convience. I want to let user know which divs will be updated after certain action. For this, I want to show a spinning wheel on the div that will be updated. But I am not sure how to do this. I know you can use ajaxStart and ajaxStop, but not sure how to make efficient use of them. Looking forward for some ideas and suggestions. Regards, bingo
Hi, I am having some trouble with ajax and jquery... I have my default webpage template and in that I have defined my javascript as shown below <!-- My webpage template --> $(document).ready(function(){ $('.loadContent').click(function(){ url = $(this).attr('href'); $("div#content").load(url); return false; }); }); <span class="loadContent">resume</span> when I click on resume..it properly loads in the "content" div...my resume is as follow <div> <span class="loadContent">Publications</span> </div> However when I click on publication, my publications are never loaded...using firebug..I found that $('.loadContent') is never called... Looking some previous post, I found that I need to use callback function.....But I dont have any idea on how use callback.. please let me know if you have any suggestions.. Regards, Ritesh
Hi, I am not sure whether this is the right place for putting this question. However, since it is concerned with ajax and jquery, I will take my chance. My problem is I am using ajax to load content in the main div of my webpage. I use javascript to dynamically change the title of the webpage. Now the problem is when googlebot tries to index my webpage, it ignores javascript and thus my webpage is registered without page title. Is there any way to use jquery on the server side and change page title or any other solution. This is very important topic for me and looking for any help.. Regards, ritesh -- View this message in context: http://www.nabble.com/page-title-%2B-ajax-%2B-search-engine-problem-tf3466344.html#a9671176 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Hi, I wanted to know is it possible to set page title using ajax. Actually I load certain content of my website using ajax and wanted to reset the title to suit the current display. But I didn't find any way to do this. Regards, Ritesh -- View this message in context: http://www.nabble.com/Ajax-%2B-Page-title-tf3421485.html#a9536262 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Hi I am using Mika Tuupola's edit in place script (http://www.appelsiini.net/~tuupola/javascript/jEditable/) . It workes fine..but I have some trouble in extending it. Actually I want to update two divs when user is done with editing. But I am not sure how I can do that with jeditable.. here is my basic jquery code that I am using for edit in place. $(".seditable").click(function(){ var uri = $(this).attr('url'); $(this).editable(uri, { 'indicator' : " img/images/spinner.gif ", 'type' : 'text', 'event': 'dblclick' }); }) any suggestion are welcome. Regards, Ritesh -- View this message in context: http://www.nabble.com/Edit-in-place----update-two-div-tf3404206.html#a9481321 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
hi, I think I found a bug. It happens when I try to use click function..here is my script that generates the error $("span.opt_value").click(function(){ alert($(this).attr('value')); $("div#content").load($(this).attr('value')); }); The exact error as shown by firebug is uncaught exception: [Exception... "Component returned failure code: 0x80070057 (NS_ERROR_ILLEGAL_VALUE) [nsIXMLHttpRequest.open]" nsresult: "0x80070057 (NS_ERROR_ILLEGAL_VALUE)" location: "JS frame :: javascript: eval(__firebugTemp__); :: anonymous :: line 1" data: no] I checked bugtracker and it seems it is known bug and has been fixed. I download the latest realease and still getting this error Regards, Ritesh -- View this message in context: http://www.nabble.com/Bug-Report---Component-returned-failure-code%3A-0x80070057-%28NS_ERROR_ILLEGAL_VALUE%29-tf3384748.html#a9421318 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Hi, I need some idea on how to do this. I have a big user survey form. It has around 25 fields. However, depending on the type of user such as administrator, member, etc...many fields are not required. In my survey form, a user will select "user type" from a select box. My problem: I don't want to scare off users from filling the survey form. Thus, I want to display only the relevant fields depending on the user type they have selected. What I would like to do is to add some script to change method of select box and hide/show fields dependening on the selection. However, I am not sure what's the best way to handle list of box to show and hide...I am trying to avoid a long list of if else .. any idea is welcome Regards, Ritesh -- View this message in context: http://www.nabble.com/need-some-idea-tf3371424.html#a9381497 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Hi, I am some problem with jQuery.post(url, parmas)..I use the jQuery.post and after that I get a page which again contains some jquery scripts. But they never get fired up. I can see the javascript using the firebug tool in firefox. Any idea what might be the problem. Regards, Ritesh -- View this message in context: http://www.nabble.com/javascript-is-not-executed-after-post-tf3369161.html#a9374267 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Hi, I am trying to use ajaxSubmit form plugin..however, when i click on submit button, the form is submitted without ajax...the problem is that the javascript is not able to determine ajaxSubmit method. I also tried using ajaxForm. but again, javascript is not able to find the method. I made sure that the form.js is attached to my web page and firebug is showing form.js in the list of javascripts. Does anyone has a idea on how to go from here!!! Regards, Ritesh -- View this message in context: http://www.nabble.com/ajaxSubmit-not-defined-tf3283071.html#a9132138 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Hi, I am wondering did anyone ever tried to create some alternative for <select><option> list. I like using select-option as it provides the ability to use keystrokes to change selection. However, I can't change the font color or add new icons infront of the test. Hence, I was wondering to replace each line of text with div and write an javascript that implement keystroke behaviour...But I am not a javascript expert... Can some one give me an idea...here what I am planning to do Original <select> <option>A</option> <option>B</option> </select> Modified <div> <div>A</div> <div>B</div> </div> Motivation: to provide an ability to change color or even have icons along with text and retain the ability to modify select by keystroke. -- View this message in context: http://www.nabble.com/Any-idea-on-how-to-replace-select-with-div-tf3226856.html#a8963543 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Hi, I have been using jquery for some time but never really created my own extension that requires dom manipulation. I am wondering how can I wrap a <span> with two table element. So my original code is something like this Original <div class="box"> <span class="heading">Heading</span> </div> Modified (desired result) <div class="box"> <table> <tr> <td><span>heading</span></td> </tr> </table> </div> I was able to get handle on div.box but when I tried $('div.box').children("span.heading").before('...').after('...'); that didn't worked.. Regards, Ritesh -- View this message in context: http://www.nabble.com/Newbie-Question---wraping-an-element-tf3219302.html#a8940360 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Hi, I am trying to get corner and hover to work together. The code works properly for FF but fails in IE7..below is my sample script that I have been trying on.. <html> <head> <title>Test Page</title> <script src="jquery.js" type="text/javascript"></script> <script src="corner.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("div.corner").hover( function(){$(this).css("background-color","#FFFFCC"); }, function(){$(this).css("background-color","#CCFFCC"); } ); $("div.corner").corner("round 4px").parent().css('padding', '2px').corner("round 6px"); }); </script> </head> <body> <div id="parent" style="background-color:#000000;"> <div class="corner" style="background-color:#CCFFCC;"> <div>Name: FirstName LastName</div> <div>University: The New York State University</div> </div> </div> </body> -- View this message in context: http://www.nabble.com/Corner-%2B-hover-%2B-IE7----not-working-tf3216015.html#a8931197 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
<div>Hi,</div> <div> </div> <div>I am new to JQuery. I have tried few ajax features of jquery and they all work beautifully on firefox. But when I try them on IE7, they fail. The problem is with ajax and jquery. I load a div using ajax "load" function. The contents of the div also include some new jquery script to controller the behaviour of new dom elements. However, the document.ready() never gets fired up after the ajax div is loaded. </div> <div> </div> <div>here is example of what I am saying</div> <div>Origial Page</div> <div><head></div> <div> <script...></div> <div> document.ready(...</div> <div> $('button').click(</div> <div> $('#load_div').load(..some url.);</div> <div> });</div> <div> </script></div> <div></head></div> <div><body></div> <div> .....</div> <div> <div id='load_div'></div></div> <div></body></div> <div> </div> <div>After Ajax</div> <div> <div><head></div> <div> <script...></div> <div> document.ready(...</div> <div> $('button').click(</div> <div> $('#load_div').load(..some url.);</div> <div> });</div> <div> </script></div> <div></head></div> <div><body></div> <div> <div> .....</div> <div> <div id='load_div'></div> <div> <script..></div> <div> document.ready(){.....});</div> <div> </script></div> <div> <select></div> <div> </div> <div> </div></div> <div></body></div></div></div> <div>I saw a similar issue on the mailing list and wasn't clear with the response. Can someone provide me a code example.</div> <div> </div> <div>Regards,</div> <div>Ritesh<br clear="all"> -- ------------------------------------ Even a clock that does not work is right twice a day. ~Polish Proverb </div> _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/