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."
Jquery browser version
jquery code is working in ie8 but not in 1e10 I have pasted code below if ( ($.browser.msie) && ($.browser.version <= '8.0') ){ $('a').css({"margin-top":"-28px","margin-right":"9px"});//Added margin-top by Gajendra for ie issue } else if(($.browser.msie) && ($.browser.version =='10.0')){ alert($.browser.version); $('a').css({"margin-top":"-5px","margin-right":"5px"});//Added margin-top by Gajendra for ie issue }
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.
autoCollapse option for Accordion
This is also kind of a discussion and I fully expect that there will need to be some corrections to this idea, and also I started trying to tinker with accordion to create this feature but I figured it would be best to get input from those who know UI best as far as what kinds of changes would need to take place. The main idea with autoCollapse is a flag for whether or not already active panels are collapsed upon the activation of a new one. In the old docs for 1.8 it was reported that implementing
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.
Slider height
Hi, I have no idea why the slider control I have in my mobile site does not fit with the rest of the controls. I have tried everything to get it to match the same size as the other controls. Changed the theme, placed it in a control group, tried to apply a style height to it, and nothing works. The height of the slider does not change. How do I get the slider height to change to match the other controls in my site?
Checkbox not opening dialog
I have a problem...(relative newbie here) I want a dialog to open when i check a checkbox My code is: <input type="checkbox" id="actionneeded" /><label for="actionneed">Action Needed</label> <div id="dialog-form"> <p>Test Dialog</p> </div> <script type="text/javascript"> $(document).ready(function() { var dialog = $("#dialog-form").dialog({ autoOpen: false, height: 300, width: 350, modal: true }); $("#actionneeded").click(function(e) { dialog.dialog('open'); e.preventDefault(); }); }); </script>
Changing attributes values
I am using: jquery 2.0.0 jquery mobile 1.3.1 I am attempting to change attribute values with a button for instance: <button id="click" disabled="true">Click</button> Using jquery: $('#click').attr('disabled', 'false') $('#click').prop('disabled', 'false') I have attempted the above with no success. It seems that this sort of thing was not an issue with earlier versions of JQM (as I have done research on this issue this evening). Any help would be appreciated. Thanks
Why doesn't draggable containment work here (jsfiddle)?
I'm trying to create a containment div which will hold some draggable divs. When the draggable is placed in a corner of a percentage-sized container, you can resize the browser window and get the draggable outside of its parent's bounds. The containment works once you start dragging again, but in some cases like when overflow:hidden is set on the container this can get your draggable where you can't click it. Here's a little demo of what I mean, just move the blue box to the right side of the container
2 dropdown list created by jQuery using ajax
Hi, I have 1 dropdown list that list all employers (option value is the employer ID). When user select in this list an employer, i create (in jQuery / AJAX) another dropdown list with contact person working for the selected employer. when user select a contact person from this second list, i would like to display the contact person email into a simple input textbox. my problem is that selecting the contact person does not display his email into the input textbox. using FireBug i saw that my second
Next Page