Form submit after Autocomplete failing
Hi, I have successfully attached the JQuery Autocomplete to my HTML form. The issue I am having though is that in the "success:" callback I call $('#findterm_form').submit(), which fails to submit the form. I added an onsubmit handler which calls alert, so the event is firing, but for some reason the form will not submit. I have trawled various forums regarding this issue, and I cannot forgure out why this is not working for me. Javascript (JQuery) code is below: $(document).ready(function(){
floatbox.js works on first page or after reloading page in browser
Hi all, I would like to use floatbox (http://floatboxjs.com/) on my mobile web app. It works well on the first page (index.php). But it doesn't work on subsequent pages (i.e.: page2.php). To make it work on page2.php I need to refresh the browser page manually. But this isn't a solution (on a mobile web app you cannot reload a page). After refreshing the page2.php the floatbox works. But then it doesn't work anymore in the first page (index.php). I already tried to load floatbox js and css file on
css problem with Column Toggle
Hello, I'm trying to dynamically load content of the table on button click, in a.html i have: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>table-columntoggle demo</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
jQuery don't post form after preventdefault
Hi. I've a form loaded with AJAX and this form has a reCaptcha. When post the form I want to validate the captcha and if there is ok post the form to server. But I can't... My code (based with other help) $('#myForm').submit(function (e, passThrough) { if (passThrough === undefined) { e.preventDefault(); var captchaInfo = { challengeValue: Recaptcha.get_challenge(), responseValue: Recaptcha.get_response(), }; $.ajax({ type:
how solution multiple window.onload in javascript..??
I have code like this window.onload = function() { var url = getQueryVariable("url"); document.getElementById('view').src = url; } window.onload = function() { var linkDirect = document.getElementsByClassName("frame"); for (var i = 0; i < linkDirect.length; i++) { linkDirect[i].href = "http://namablog.blogspot.com/p/demo.html?url=" + linkDirect[i].href } } Then, how to create in One window.onload............??
Be alerted on new Jquery version
Hi, can I subscribe to some newsletter to be informed when a new Jquery version is published? It's mainly to quickly be informed when there a security issues. Thanks, Felix
Jquery Custom Validation Messages are displaying beside the Control, instead of Validation Messages
Hi, I have requirement of loading the Partial view dynamically based on some particular values. So, while iam implementing this, the Client side validations are displaying beside the control instead of Validation Summary. Can some one help on this. I have attached a sample code(Controller, Models and Views). Steps to Repro: 1. Create a MVC3 project. 2. Replace the newly created project folders with the attached folders(Controller, Model and View) 3. Navigate to "Customer/Management" page. 4. Click
i need solution for tabs menu
Hi all, i developed a website, in that website 10 tabs menu is there so website is very slow any solutions..... please let me know ASAP.
Getting error when I use $(this) in jQuery callbacks
Hi for all, I am getting an error "TypeError: handleObj.handler.apply is not a function" when running for the second time the instruction below. $('.dock').find("a").on("click", function(event){ _handler($(this), event); // Error in a second time $(this)... return; }); var _handler = function( handleObj, event ) { ... Content.createNewTab( handleObj, tabSize, true ); } createNewTab: function ( obj, size, checkTabExists ) { ... } I found an article on the link this
Creating External Triggers for JQuery UI Accordion
I'm working on a website that uses the most recent version of the jQuery UI accordion. The accordion works perfectly for the content area of my page. I added a a vertical navigation to the left side of the page that is outside of the accordion element. I would like to add some links in the left navigation, one for each panel of the accordion. So, it might look something like this... Accordion Panel 1 Accordion Panel 2 Accordion Panel 3 Accordion Panel 4 I would like those links when clicked to each
Changing a Radio Button to a Checkbox on the Fly
Hi jQuery Mobile World, I've been using and loving jQuery mobile lately. I've been using it to build a quiz tool, and I've run into something I haven't been able to solve. Hoping someone can help or offer advice. My quiz tool needs to switch from a "multiple choice" question, to a "select all that apply" selection. I'm using radio buttons for the default as they're perfect for multiple choice, but when there's a question that needs more than one option selected for a correct answer, the radio buttons
Dialog is not showing in Safari
I am trying to show a modal dialog over a Google Map. The code below is working fine in IE,Firefox,Chrome. Using Safari on an iPad the page is grayed out, but dialog does not show up. After some investigation I found out that if I edit jquery.ui.button.css and comment out the "display: block;" part, the dialog show up in Safari too. .ui-button .ui-button-text { /* display: block; */ line-height: normal; } Any input on how to solve this would be most appreciated. Full webpage: <!DOCTYPE html> <html>
JQuery UI Object Ignores Z-Index
On my page there is a form which when submitted appends a draggable object onto the page. Ideally the object should have a z-index lower than that of the form so the form can be used again. I have tried lowering the z-index of the draggable object by: Changing the z-index for its class in the stylesheet Changing the z-index within the draggable options object.draggable({zIndex:5}); Changing the z-index after the object has been appended to the page using .css() Every time the object is still above
Jquery Custom Validation Messages are displaying beside the Control, instead of Validation Messages
Hi, I have requirement of loading the Partial view dynamically based on some particular values. So, while iam implementing this, the Client side validations are displaying beside the control instead of Validation Summary. Can some one help on this. I have attached a sample code(Controller, Models and Views). Steps to Repro: 1. Create a MVC3 project. 2. Replace the newly created project folders with the attached folders(Controller, Model and View) 3. Navigate to "Customer/Management" page. 4. Click
JSON Cross domaine issue
I have a problem with the getJSON call. I am using the new version of both jQuery and jQueryMobile: jquery-1.9.1.min.js jquery.mobile-1.3.0.min.js In this example i use only jQuery but still doesn't work. Only the first alert shows. <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $(document).ready(function () { alert('before getJSON'); $.getJSON('http://localhost:8080/example.json', function(data)
Filter from a select menu
Hi I have a listview that is styled with jQuery mobile that is being pulled in dynamically via googles API. It has a data-filter true attribute applied and that works well. I have added a dropdown menu above the listview, that ideally, i would like the user to select an item and then it filters/searches the listview content for that word and refines the list accordingly. For example, in the dropdown, one of the options is Vet Nurse, I have configured the export value as 'VN1'. In the body of some
On Iphone, when I load the page and change the orientation to landscape for the first time, google map doesn't take the entire vertical space.
On Iphone, when I load the page and change the orientation to landscape for the first time, google map doesn't take the entire vertical space. I am using google map api version 3, jquery mobile 1.3.1 and jquery 1.8.3 I use this viewport meta tag: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no" /> This is the code in general: <div data-role="page" id="mapPage"> <div class="ui-grid-solo"> <div class="ui-block-a"> <div style="height:100%;width:100%;">
Making Navigation from drop down select tag?
I need to make my navigation of this website work from a drop down select tag. I realise this will involve a bit a jQuery. this is how my HTML looks so far : <div id="top_nav"> <select> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">Contact</option> </select>So when user selects 2 for example, it takes them to page 2 of the site. Any help with this much appreciated. Thanks Bas
jQuery Mobile listviews and linked-listviews
Hi, Recently I've noticed a couple of strange behaviours with the jQuery Mobile listview widget which I cannot put my finger on, so I'm hoping some of you know. Is it possible to have a non-linked listview widget a data-icon? (i.e. each li item without an <a> tag in it)? The reason I ask will become apparent in the second point. I've had to redefine some of my lists due to performance issues. Before, I had a linked listview widget (i.e. each item contained an anchor/<a> element inside it), with an
asp DropDownList + ie 10 not expanding
Helllo, I'm using ASP.NET + jQuery Mobile. I've heard that is not a good mix but I like it. I've just run into a problem that I don't know how to solve: asp:DropDownList doesn't work with Internet Explorer 10, it doesn't expand, actually It expands if you click the dropdown twice but that shouldn't be the normal behaviour. Does anyone have any idea? Thanks! <asp:DropDownList data-theme="a" ID="ddlMenu" runat="server" data-ajax="false" OnSelectedIndexChanged="ddlMenu_SelectedIndexChanged" AutoPostBack="true">
How to display excel in the browser
Hello, Im trying to display an excel xls file with a browser page. Im using the object tag. Ive used that for PDF's an it works ok. When I use it with my excel.xls file it's saying that the plugin is not found. I have excel installed. What am I doing wrong ? $("#xls").append('<object data="/reports/xlstest.xls" type="application/vd.ms-excel" width="100%" height="100%"></object>'); Thank You "When all is said and done, more will be said than done."
Binding simple enable/disable events via $.fn.on() causes mayhem with $.fn.trigger()'ed
I imagine I'm doing something wrong at a very basic level, but I guess i've been staring at it too long to figure it out. I'm trying to bind simple custom "enable" and "disable" methods to both forms and form fields. The idea is that disabling a field disables the field itself, disabling a form disables any corresponding :submit buttons. However, when I $.fn.trigger() my custom events, they seem to fire on EVERY form/field on the page, not just the one selected. I've created a fiddle to demonstrate
Jquery for cascading checkboxlist!
Hello all, I have a search panel with several checkboxlists, I would like to implement it in jquery rather than using server side code to make a call to database every time the user selects the items in checkboxlistes. My detail problem as following description: In my ASP.NET page named Default. aspx: <asp:CheckBoxList ID="cblCarMake" runat="server" DataSourceID="SqlDataSource1" DataTextField="carMake" DataValueField="Description" EnableViewState="False"> </asp:CheckBoxList> <asp:SqlDataSource ID="SqlDataSource1"
Data Retrieving is very slow
We are developing a Hybrid App and here data is fetched from the server. The data is in JSON format, but it takes more than 15 seconds to load the data from server. Here is the sample code : $(document).ready(function(){ $("#cardetails").tap(function(event,ui){ $.ajax({ url:'http://wwwsampleurl.net/json/jsn_cmp.php?json=1&rcg_mobile=2&lan=en&callback=ajax_eup&pick_up_loc=AGPT01&drop_off_loc=AGPT01&country_des=ES&country_user=AE¤cy=EUR&day_drop=Tue&day_pick=Tue&age_driver=30&uid=0&num_days=7&pick_up=2722&drop_off=2722&pick_up_day=13&pick_up_hour=10&pick_up_minute=00&pick_up_mon=08&pick_up_year=2013&drop_off_day=20&drop_off_hour=10&drop_off_minute=00&drop_off_mon=08&drop_off_year=2013',
Lightbox problem after login
When I login to my website.after Login page should redirect to another some page but it redirect to that page in the lightbox. How can I solve this?
How to get value of textarea that has been dynamically added?
Have the following code that adds textarea along with two buttons to publish a reply for blog comment $("#"+this.id.split("+")[0]+" .commentContent").append("<div class=\"publishReply\">\n" + " <div class=\"publishReplyContent\"><textarea class=\"publishReplyTxt\" id='"+this.id.split("+")[0]+"+RT"+"'></textarea></div>\n" + " <div class=\"publishReplyBtn\"><input class='publishReplyBtn' type=\"button\" value=\"Publish\" id='"+this.id.split("+")[0]+"+PR"+"'/><input
datepicker events next to calendar
I would like to show events of current month next to the calendar. just like the following image. and next and previous button show events if they are available inside the script. following is the script i am using. $(document).ready(function(e) { var events = [ { Title: "Five K for charity", Date: new Date("03/13/2013") }, { Title: "Dinner", Date: new Date("03/25/2013") }, { Title: "Meeting with manager", Date: new Date("03/01/2013") } ]; $("#cal").datepicker({ beforeShowDay: function(date)
Passing a variable using multipage template
Hi everyone! I am passing a variable called ID from one page to the other of my multipage jQuery Mobile application. So my link would be: <a href="#detailsPage?id=' + test.id + '">click me</a> When I click I simply get on #detailsPage but I get no information about the final part of the link ?id=3 (e.g.) I have read many different answers and problems about this topic from users that solve it in very different ways. The thing that scares me is that often they speak about bugs or fix to implement
information load in a jquery modal window
Hello, I´m creating a page that uses a JQuery modal window when I clink in a button from a table. My question is if I can load the information contained in the modal window only when i click on the button, instead of the load page. Thank, Silvia Gaspar
How to start with the jquery mobile?
I am new to the jquery i have plan to build the app in the mobile using jquery so can you guide me in this pls
iFrame contentDocument Access Denied Error for CrossDomain URL
I am using iFrame to load data from Domain different from my website. When I am trying to get the iFrame modified URL as below, It is giving 'Access Denied" Error. document.getElementById('iframe').contentDocument.location If I am using same domain iFrame it is working fine. Is there any solution to get the ContentDocument object without getting AccessDenied error for different Domain . Thanks in Advance Murthy
back to main page with Jquery Ajax with tabs
i have a tabs with juqery ui like this and the preloaded tab initialize with wordpress posts... normally when i click on a post i can see post content. this is main page: this page show only one post: Now I want to create a button so when I click on it to return to the previous page by jQuery ajax.(Go to main page with ajax) the point is that that no tabs have own url in the browser.
Hiding input in jquerymobile 1.3.1
Hi, Upon upgrading to jquerymobile 1.3.1 from 1.2.1, input cannot be hidden properly. <div id='divNameInput' data-role="fieldcontain"> <label for="name">Name:</label> <input id="name" ></input> <label id="nameLabel"></label> </div> Calling the following causes problem with formatting. The name control is not hidden!!! Works in 1.2.1 previously!!! $('#name').hide(); $('#nameLabel').show(); However, changing the input to textarea works. But, I wanna
nav (tab) bar problem in jqm
did anybody notice this ? my tab bar in the down comes to middle of screen if keyboard appears for a textbox or the drop down appears to select a item in the list . is this a known bug ? how to get around this ? pls see the screen shot <div data-role=page id=mypage> <form> <div data-role=header style="text-transform: none;"> <a href="#loginpage" data-role="button" data-icon="arrow-l">Logout</a> <h1>Ask</h1> </div>
Prompt when div becomes scrollable.
Hi, In a desktop environment, when a div becomes scrollable we are alerted to this fact by the appearance of scrollbars. On a mobile device (specifically iPad) there is no visual cue that alerts the user to more information available in a fixed height, scrollable div (ie. no scrollbars appear). Does anyone have an idea how to display a prompt when a div becomes scrollable. Thanks Greg Something as simple as: <script type="text/javascript"> if($("#content").is('scrollable')) { $("#prompt").show();
How to disable jQuery Mobile's scroll to top?
jQuery mobile always sets the window position to 0 and hides the address bar (testing on iOS). Haven't been able to successfully disable this. Anyone addressed this problem? Haven't seen anything in 1.3.1 either to be able to override this. A nice to have in the config options would be to set this to false.
Modal Dialog doesn't show title second time run
I've got an ajax query that gets run when a certain button is clicked. While it's running, there's a modal dialog that has a 'Please wait' dialog that pops up, with the background darkened. So far so good. However, let's say I change the criteria for the query, and click the button again, the dialog comes up and the animated gif shows just fine, but the title does not show in the dialog. Everything else works great. here's my code for the dialog itself: $("#ProgressDialog").dialog({ autoOpen: false,
Legacy Problem Jquery
Hello, I have always the same problem with jquery i don't know how solve the problem of Legacy. $('.pins').parent(this).click(function(event) { event.stopPropagation(); $index = $(this).index(); $opacity = $('.pins_span_right_top').css('opacity') if ($('.pins_span_right_top').css('opacity') == '0') { $('.pins_span_right_top').css('opacity','1'); } else { $('.pins_span_right_top').css('opacity','0'); } }); The div father is .pins The div children is .pins_span_right_top But when
Superfish: all sub-sub menus opening on hover :(
The first time a user hovers over a menu item all of its sub-sub menus are opening. This doesn't happen in the example on the superfish site. If you then hover over one of the sub menu items the sub-subs close and behave as expected. Here's a fiddle: http://jsfiddle.net/gPkDY/2/ The problem occurs with or without the CSS but it's easier to see with the CSS. It's also definitely a problem with superfish since with javascript disabled the CSS fallback works properly. Client is using jQuery 1.7.1 and
jQuery DatePicker - window closes after selecting month or year
Hello, I'm using jQuery DatePicker with the following date picker options: datepickerOptions: { changeMonth: true, changeYear: true, yearRange: '-15:+15' }, When I pop up the calendar, I correctly see drop-downs for month and year. However, when I change the month or year, the calendar closes. I then have to click on my input field to pop it up again, so I can actually pick a date for the selected month/year.
Next Page