fixed footer's position doesn't change after ajax content added to the page
hi i'm using jqm 1.3.0 here is my html <div data-role="page" id="quizprogram"> <div data-role="header"> <h1>www.site.com </h1> <a data-transition="slide" href="#home" data-icon="home" data-iconpos="notext">Home</a> <a href="#" data-icon="refresh" onClick="get_quizprogram_news(1);" data-theme="b" data-iconpos="notext"> </a> </div> <div data-role="header" data-theme="b"> <div class="ticker_div"> <ul class="ticker_ul"> </ul> </div> </div> <div data-role="content" id="user_list_content"> <div class="loading_pic">
Dialog box does not work properly when modal = true
The goal is to create a modal confirmation dialog box. The main form has: A text box, the contents of which will be the message in the dialog box; A submit button that will display the confirmation dialog box; Another button that does absolutely nothing. The dialog box (enclosed in the form) has: A <div> to store the dynamically generated message; A submit button that does not do much (the form's action=http://microsoft.com); Another button to close the dialog box without submitting the form. The
Failure to Execute
I have a function that sums the values of a column of data that works fine if I change the values of one of the columns. That same function is being called when the page loads but no values are returned so that the sum is zero. I am using Google Chrome so that I can write to the console and I see that the input fields that I am wanting to sum are being captured. When I drill down on each input field I can also see that the value of each field is present. Why is that value not being returned on page
Hi all
I have the problem with jQuery BlockUI Plugin After I click in the button which is trigger by onclick="window.print();", after that, I click in the link which is using ajax....The BlockUI become strange and I can't do anything in this page. Please help me.
tablesorter last column sorted index
Hi, I love the table sorter. Is there anyway to ask the tablesorter what the last column sorted index is in a non-multicolumn table? Can it also be determined the direction of sort for that column?
jquery-ui-1.10.2 comboxbox.html example under autocomplete gives error
'input is not defined' in combobox.html lines 95, 98 The combobox from 1.9.2 seems to work OK.
Problem with animate({width:'toggle'}); on mouseover/mouseleave...
Hello everyone, I'm actually working on my future new website (I'm graphic designer), which is almost ready. However, there is some kind of bug I can't solve : I want to, at articles mouseover, that a div, with some related informations, slides horizontally. As you can see on my testing website, on article's over, the div slides normally, but if you go to the right-bottom corner (the "+" square), the animation "blows". And worse, if you go on the "just slided" div... I checked my codes (html, css,
jquery ui tooltip - display image for each option
I'm trying to display an image when the user mouses through each item in a select menu. Here is my code: <div> <label for="stationery">Choose A Stationery: </label> <select id="stationery" name="stationery"> <option id="s_opt_0" value="0">Please Choose</option> <option id="s_opt_1" value="Plain">Plain</option> <option id="s_opt_2" value="Birthday" title="Birthday">Birthday</option> <option id="12> <a
How do you *properly* unload a cached page
What is the proper way to unload a cached page? I was thinking simply removing from the DOM would be enough, but it isn't. When I do this, and then I continue to navigate around my site, it eventually tries to take me to an old URL rather than the actual URL I requested. Since that URL was removed from the DOM, the screen is just white. I'm guessing that some page ID or page DATA-ID or something is still lying around somewhere, pointing to the old URL. Then maybe it fetches my new URL via ajax,
timepicker event handler fails on second ajax call
I have an issue getting the event handler that loads the timedatepicker after it has been added and then removed via function calls. The div it is in is dynamically loaded via .append() triggered from a check box. When the check box is checked, the div is added and visible. When it is unchecked, the div is removed via .remove(). After being removed, checking the check box a second time loads the input boxs correctly but the timedatepicker does not load on focus. This happens regardless is the timedatepicker
Change transition effect in countdown timer
I'm using the countdown timer from: www.littlewebthings.com/projects/countdown/ The countdown clock numbers use a slideDown effect (I think I'm using the correct terminology). I'd like to change the effect so there's no animation as the clock counts down -- I just want the numbers to change like on a regular digital clock. Example of the slideDown effect I'd like to change: http://www.littlewebthings.com/projects/countdown/example/?style=light Thanks to anyone who can help! Here's the jquery.lwtCountdown-1.0.js
Disable Siblings
I have this: <form><div><span><select multiple class="chzn-select"> <option> <optgroup><option><option> ... <optgroup><option><option> ... This select element is being handled by the jQuery plugin Chosen. When option is selected, I need its siblings to be disabled and the element be rebuilt. This is my completely ignorant attempt: $(".chzn-select").chosen().change().siblings().attr('disabled','disabled').trigger('liszt:updated'); "When an element being managed by Chosen is changed, gather the
Form submit goes to wrong page on mutlipage file
Hey, I have a multipage layout with the first page linking to the second page. On the second page there's a <form> which links in its action attribute to the same page, because I want to display the second page again after clicking the submit button. But appearently this does not work: when clicking the submit button, I'm always redirectet to the first page of the multipage layout. Check out this code to see what I try to describe: <!DOCTYPE html> <html> <head> <title>My Page</title> <meta
Plugins Authoring
I took a look at the documentation for plugins authoring and am trying to duplicate the maxHeight plugin shown there, slightly modified, but can't seem to get it to work. I've looked at multiple previous entries about the plugins authoring documentation and still can't seem to get it to work. I'm using JQuery version 1.8.3 and I've put my code on a very simple test page which has only three div's within it. Each div has an "id" attribute defined for it(with values of div1, div2, and div3). Each div
Click Event for Scrollbar
Hi, Do we have any event for scrollbar click? I am highlighting a row on clicking a down-arrow inside a div. but when i click the down arrow button after dragging the scroll bar, the highlighted row and scroll moves in zig zag manner. so i want to certain functions on scrollbar event, but that should not affect when the scroll bar moves on clicking the down-arrow. It will be helpful if there is event for the scrollbar click.. Thanks,
Transition on external page
Hello the community ! I already see the same question on the forum but she is very old (2 years ago), i think the situation have moved. Is it possible to implement a transition between two page while the link is rel="external" ? And now i start to do a form contact to send a email, have you some tips to do this or is like a classic form ? Thanks for help Allan France
Menu Delay Needed
I have built a custom menu with drop down menu items, but they disappear the instant the mouse moves off the item. I would like them to stay open for about 1 second in case the mouse slid off by mistake. Is there simple jQuery modification that will make this happen? I built the menu in a table and a typical menu item looks like this: <tr> <td id="LaborReport" class="DropDownMenuItem2" onclick="MenuClick('Labor', 'LaborReport', event);"> Labor Report </td> </tr>
Round values with 2 decimal places and add 0 if not decimal are present
Hi, how I can round a value maintaining 2 decimal places? I try with Math.round(val) but doesn't work. Takes these numbers as examples: 25 should be converted to 25.00 25.3666 should be rounded to 25.37 25.55333 should be rounded to 25.55 Any help?
Droppable propagation
Hi all, I'm having troubles with the propagation of droppable events. I have some divs that are within the same parent but they can be overllaped (with position absolute). The problem is that when I drop an item in the upper div the drop event in the bottom div is also triggered. I read the documentation of droppable and saw that jQuery as a property 'greedy' for stopPropagation but it only works (at least with me) if the divs are ancestors/descendents. Does anyone have a problem like this? Can anyone
Get item that was dropped into a sortable?
Hi, I'm using a draggable + a sortable, exactly like the demo here: http://jqueryui.com/demos/draggable/#sortable When I drop an item in my target sortable, I want to get access to the dropped item so I can apply a new style class to it. I thought the receive override would help: $("#mySortable").sortable({ receive: function(event, ui) { // how to get access to the dropped item here? } }) yeah but I'm not sure how to get access to the dropped item, looks like I get ui.item, but
web app swiping not working correctly on android
I'm making a web app and I'm trying to implement swiping. The following works on the iphone, but on the android it seems to be having problems, in that I have to swipe 2-4 times for it to actually swipe. What is the solution for getting swiping to work correctly on the android? $('body').on('swipeleft swiperight',function(event){ if (event.type == 'swipeleft') { $.mobile.changePage('#leftPage',{transition:'slide'}) } else if (event.type == 'swiperight') { $.mobile.changePage('#rightPage',{transition:'slide',reverse:true})
Google Map not displaying on initial page load - will work using direct link or refreshing!
Hi, I have a problem where Google Map is not displaying on initial page load, it will display after I refresh page or if I use direct link! The home page is http://m.ceist.ie When I navigate from home page to Contact and then Location it will not display on initial load. I would be very grateful for any help on this issue. Many thanks, John
Jquery sortable offset problem
Hello Everyone: I have a problem with a sortable table when I attempt to put scroll bars on it. The offset is off and it makes the use of it very bad. Everything works fine without the scroll bars. And with the scroll bars it works fine using FireFox. My problem is with IE8. I've attached a simple zip file with an easy example. I'm using jquery ui /*! jQuery UI - v1.8.24 - 2012-09-28 and jquery jQuery v1.8.3 jquery.com so they are pretty new releases. I see there have been some reported
Menu Active problem
Hi there I'm testing a jQuery script (see below). What it does is that it highlights in the menu which part of the webpage you are currently on. Basically, no problem using it. var topMenu = jQuery("#nav ul"), topMenuHeight = topMenu.outerHeight() + 15, menuItems = topMenu.find("a"), scrollItems = menuItems.map(function () { var item = jQuery(jQuery(this).attr("href")); if (item.length) return item }); jQuery(window).scroll(function () { var fromBottom = jQuery(this).scrollBottom() + topMenuHeight;
Need to double click button in toogle
I have this page if i click a button ,next page ll load in a div , if i click same button again it wont work i need to Double Click it . Here is the Code Help Me please $(document).ready(function(){ $('.hindimovie').toggle( function() { $('#middlecontent').load('hindimovielist.php'); }, function() { $('#middlecontent').unload('hindimovielist.php'); }); });
Possible to Override jQuery Dialog CSS for only one of two dialog boxes?
I'm working on a site that uses jQuery Dialog for two different overlays. One of the overlays needs to have its style changed in a number of ways, but the other should use the standard dialog UI CSS. Is it possible to use the .dialog function with two different CSS files? Or is there a better way around this?
How to remove prior appendAfter text?
In the code below, the div#popupText retains the prior insertions. Is there a method to Clear the div? empty() does not work...even if I place it before each appendAfter(); Stumped... Todd $("div#popupText").empty(); if (popupName == "showPopup1") { $( $("div#text1").html() ).insertAfter("div#popupText"); } else if (popupName == "showPopup2") { $( $("div#text2").html() ).insertAfter("div#popupText"); } else if (popupName == "showPopup3") { $( $("div#text3").html() ).insertAfter("div#popupText");
Toggle class
I need to change the whole style sheet upon toggling .. at button click there are two style sheete stylesheet_a.css nad stylesheet_b.css and the only difference between two is body color (one is red and other is green) but its not working fine ..Let me share code <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <title>Untitled Page</title> <link rel="stylesheet" href="stylesheet_a.css" type="text/css" id="myStylesheet"></link> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
What is the correct way to use this selector?
Say, I want to grab a reference to several elements, I use a selector like this: $(input); But if I want to keep that reference, which one of these is the proper way? var el = $(input); $el = $(input); Thanks
Dialog auto height not working
I have a simple non-modal dialog that I use to display content. The content is very short, one or two lines at most. The height of the dialog box does not adjust to the height of the content. It's always fixed. Here is an example. I don't want a title bar or buttons, just the content. So I initialize the dialog box like this. this.speechDialog.dialog({ autoOpen: false, show: { effect: "blind", duration: 500
problem with adding new columns in jqGrid using jquery
Hai.... Iam using jqgrid4.4.4 for asp.net application 3.5 ,when iam adding new column for jqgrid ;old data is replacing with newly added column...i want to store previous data in clientside..i need olddata+previously added column+newly added column...kindly help me
Print Hidden Element
Hi folks. I'm new to JQuery and I have a challenge that I think JQuery can handle. I just don't know where it is. On a page, I have a library of 4 printouts that I have associated with a record in my database. I want to have four buttons on the page that print out each of the printouts. I also want a fifth button to perform the printout of all of those 4 items. Currently, my middleware uses a hook into the OS, which calls on CUPS to print the items, three of which are text items, and the fourth
populated menu; how to get the number of element selected
http://jsfiddle.net/tearex/EBedQ/ with the content of select menu populated, upon change of the selected option i want the text field to get the number of the option chosen. something does not work with this last step. pls help
Firebug status is appearing aborted and screen loading stops
Hi All, Please pardon me if this question is too easy or naive as i am new to jquery/javascript. I am developing an application using jquery/javascript and html. There is a main html files which load other html files along with audio. This is how i am loading a new html file $("#small_div").load(fileToLoad,function(){objRef.onLoadComplete()}); The problem i faced was that sometimes the screen don't load. I checked using firebug, for all the files the status was 200 OK but for the html file that didn't
Jquery 1.9 breaks cycle-lite plugin 1.5 and 1.6
Hi everyone - I used cycle-lite a lot and all my sites that load jquery using: http://code.jquery.com/jquery-latest.min.js are now broken. Firebug gives me: TypeError: $.browser is undefined if ($.browser.msie) els[first].style.removeAttribute('filter'); on line 63 of cycle-lite version 1.6 Any help would be appreciated. Thanks.
JQM display external content and keeping iOS full screen
Hi, I'm using JQM and it's working great for me except in one area, external content. I need to either link to or display external content on a domain that I down own. If I just link to it regularly, it opens in the safari browser on iOS. Getting back to the 'app' is difficult at this point since you have to exist the browser and reload the app. I've also tried putting the content in an iFrame, but because of the viewport, you can only see a small section of the website when viewing a non-mobile
How to Save jqGrid when iam adding One More column Dynamically
My Requirment is:When iam dragging Node from Treeview to grid it has to be add column in jqGrid4.4.4 ...It is working bt every time it is coming with fresh data..i Need Existing Data+Previously Dragged Column+Cureently draggedNode ...Here is the code...Please Check and Help Me...Its Urgent <script src="Scripts/grid.setcolumns.js" type="text/javascript"></script> <script src="Scripts/jquery.tablednd.js" type="text/javascript"></script> <script src="Scripts/jquery-1.9.0.min.js" type="text/javascript"></script>
Getting Invalid Argument.js error in IE8 when Fixed Columns data table is used.
The following error message is thrown in IE8 browser. Webpage error details: User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; MS-RTC LM 8) Timestamp: Fri, 22 Mar 2013 05:23:06 UTC Message: Invalid argument. Line: 938 Char: 4 Code: 0 URI: https://c.cs15.visual.force.com/resource/1360072001000/FixedColumns_2_0_3/FixedColumns-2.0.3/media/js/FixedColumns.js Here is my sample
How can I show/hide option in drop down list?
Hi I am trying to show and hide option in a drop down menu using jQuery. I pass an id to a php file using getSON then i return ids list. Then I do a check for every option in a menu if this option value exists in the array show it otherwise hide it. this is my current error Uncaught Error: Syntax error, unrecognized expression: #result_code_menu option[value=[object Object]] This is my current code $(document).ready(function() { $('#call_code_menu').change( function(){ $.getJSON("ajax/getResutCode.php",
Mistake in documentation for addClass?
http://api.jquery.com/addClass/ The paragraph above the "Examples:" section says "Given an unordered list with five <li> elements, this example adds the class "item-4" to the last <li>." Shouldn't the class be "item-0", not "item-4"?
Next Page