Little jump to top during transition slide !
Hi , i use jQM 1.3.1 and i have developed a litlle app with some pages. To navigate between page i use transition slide but i have noted a little problem. When i click the link to change page the actual page move it on top of 1/2px, after the transition it come down again. I see clearly the header title move it on top of 1/2px. It 's a movement that you note only if you observe very carefully. How i can resolve this problem? Thanks for help !
Dialog Title Issue - will no longer show HTML correctly
I used to be able to use the dialog('option','title', "<span>formatted contents</span>) statement to display HTML in the title bar of any dialog. This seems to have been deprecated in 1.9 by the use of double quotes when this functionality is called. Is there a workround to be able to use HTML to display icons on the title bar? Regards, Peter Lane
Code seems to stop working at the AJAX call
I have a the below function that should send an AJAX request to nuke_authorize.php,however: there's absolutely no sign of the call being sent. Because if the page is ever loaded/request, it writes something in a text file. However, there's absolutely no text file being created/wrote to. (if the below code is hard to read, view it here it here: http://paste2.org/G16U7IgO) function verifyLaunch(code1, code2, code3, code4){ window.clearInterval(interval); var panel = $('#panel');
Proper use of "ns"
I'd like to hear some opinions on the proper use of jQuery Mobile ns option and jqmData() function and :jqmData selector. As I understand it, if you set the global option ns, then whatever string you put there will be required to be prepended to all data-attributes. So, if you set ns to foo-, then, instead of data-role="page", you will have to write data-foo-role="page". The idea behind this is that it can get you out of situations where the JQM data-attributes conflict with those of some other library
How to set highlighted date as Server datetime in JQyery UI Datepicker . I am using PHP for server programming
Hi, I am using jquery datetimepicker with help of addon jquery-ui-timepicker-addon.js. how to set server date-time in datepicker instead of client machine date time. Pls very urgent to me..
JQuery Expand / Collapse but with hyperlink
Hello, I am using the following code to expand/collapse some text, it works great. However the user wants to be able to send a link to someone so it automatically expands that article e.g. http://website.com/news/variableNews1 or http://website.com/news/variableNews2 Not sure how to do this, was thinking of using anchors but not sure how to make it expand that way, thank you for the help. HTML: <div class="heading"><h1>News 1</h1></div> <div class="expandable"><p>Text goes here</p></div> <div class="heading"><h1>News
Setting Metatags Problem
Hi, i want to dynamically update the meta Tag "keywords" and "desciption". I know or think, that the search-engines cant read the tags, when i change them via $(document).ready. I have tried: $(document).ready(function(){ $('meta[name=keywords]').attr('content', 'Test1,Test2,Test4'); $('meta[name=description]').attr('content', 'Test Description'); )}; But when i look into the source-code, there are no changes... Updating the "page-title-attribute" works! document.title = 'Test'; Any idea ?
draggable divs
Can I do the script that link: http://www.lansas.net/s/flowerzz/1/ with jquery?
Multiple Instances of same Modal Form Dialog passing unique data to/through dialog
My page has a list of possible files to download. The list is generated by user-controlled filters and content of the list will be different each time its created. The list is in a nice structured table layout where the available files to download are shown with an icon they can click on to get the file. I am attempting to intercept the process such that when the user clicks on the link, they will instead be diverted to a modal dialog that contains a form for them to supply their name and email.
jQuery Mobile is no longer working on desktop browsers?
I developed several jQuery Mobile sites and when I did this I was able to view them on normal browsers (desktop) such as Firefox and Chrome and it would like exactly like it did on the phone, only larger. Now it seems jQuery mobile doesn't do this. Does anyone know why?
Custom navbar images?
Is there a way to use custom menu images in the navbar which produces something like this? I tried doing something like this: <div data-role="navbar"> <ul> <li><a href="#"><img src="images/home.png></a></li> <li><a href="#"><img src="images/battle.png></a></li> <li><a href="#"><img src="images/summon.png></a></li> <li><a href="#"><img src="images/help.png></a></li>
Transformar variável String em Array
Olá Pessoal, Sou novo no jQuery Eu tenho um form onde o input é feito através de um array : HTML <input id="atividadeTecnica" ... jQuery var ativTec = null; $("#atividadeTecnica").each(function(){ this.id = "atividadeTecnica[" + contador +"]" ; ativTec = $(this).attr("id"); }); ... var escolha = $("#pan1").val(); $(document.getElementById(ativTec)).val(escolha); // OK até aqui funciona ! Mas quando eu tento passar essa variável para uma JSP ela não identifica que "atividadeTecnica[0]"
Removing a div from a variable
Hello all, I've been researching the web and fiddling around for hours now. All I want to do in pseudo-code terms is the above. Suppose $page holds a variable that holds a cached page, and divid holds the textual ID of a div within $page. I've tried lot's of variants including the straight-forward one: $page.find(divid).remove(); Nothing works. Any ideas? Thanks in advance and kind regards
Adding methods to $.validate
I'm using a framework that provides matching client and server-side validation for forms which leverages jQuery's Validate. On page load, the browser makes 2 ajax calls. The first retrieves some JSON which describe the validation rules. The second returns HTML which merely contains a <script> tag and some JS with the intention of adding methods to $.validator. Unfortunately, these methods are not being added. Below is a snippet of what's being returned... <script type="text/javascript"> /*<![CDATA[*/
SmartWizard issue- ReferenceError: leaveAStepCallback is not defined
Hi, I am getting following error on mozilla when I hit my web page. ReferenceError: leaveAStepCallback This inspite of defining leaveAStepCallback in the smartWizard() function $('#wizardpModeCopyEditSetup').smartWizard({transitionEffect:'slide', onLeaveStep:leaveAStepCallback, enableFinishButton:true, enableAllSteps:true}); function leaveAStepCallback(obj){ var step_num= obj.attr('rel');
JQuery Ajax - problem with arrays
Hi, I'm trying to send some data to server using ajax method. The code is: $.ajax( { "dataType": 'json', "type": "GET", "url": sSource, "data":aoData, //using different combinations of $.param(aoData, true) here doesn't change anything "success": fnCallback } ); where aoData looks like: [ { 'name': 'name', 'value': [1,2,3] }, { 'name': 'name 2', 'value': 'abcd' }, ] (http://www.datatables.net/examples/server_side/custom_vars.html) The problem is that this data reaches
min-width for a html page, absolute in pixels. For ie9+ and other browsers
I want a given html page not to be shrunk (by the user, manually, with the mouse, for instance) under a certain width in pixels, so two floating divs (for instance) never end being one below the other,..... or a picture partially seen. I haven't found my way using css, so I suppose js will have the answer. Might I get any hints on this, please?. I am only interested in FF, Chrome and IE9+, nothing older.. thanks
How can I contribute to jQuery Mobile core development?
Hi friends, I have extensively used jQuery Mobile API for my own developments and wanted to give something in return to its Community so I would like to join the jQuery Core team as a volunteer developer. I have checked the project's GitHub page and could not find which is the process I should follow or who I should contact with, I already have a GitHub account that I would use for logging into the repo. Can someone give me a hint on this? Is there any place in the GitHub wiki wehere I can find how
Using jQuery with Spring Webflow. How do I pass everything in the form
I am having a issue with Spring Webflow and JQuery. I am using JQuery to check for the user changing the value in a dropdown box but once the user selects a new value in the dropdown box I need to change the eventID so spring webflow knows what I am trying to do and to post the fall form with all of the html.. Here is the old code that used to work before the firm requested that I removed dijit and use jquery only <script type="text/javascript"> Spring.addDecoration(new Spring.ElementDecoration({
Problem with selectable and iframe
Hello, I have problem when i want to select iframe element. Text or image are OK: i can stop selecting in any place over element, and all elements i want are selected. Iframe: - i must select whole or part of iframe element, but must stop event outside iframe, i can not stop selecting over iframe. Please try with sample page: http://msdrop.com/?i=1001&f=3 Thanks for help Piotr *** Read about msDrop at jQuery Forum
strange popup behaviour on iphone 4
Hi all, I created a web app using JQM 1.3.1. All is almost fine. I only have a problem: I have a popup menu on the footer that should ... popup!... once tapped. It only popups when I have NOT added the webapp to the iphone home. Once I add the web app to the iphone home the popup menu doesn't popup anymore. Has someone seen something similar? TIA tony
load popup window
i am able to load popup window but when i close the pop up is there way to get it back when i click on id "media" I want to get popup window back when "Media " is clicked $(document).ready( function() { // When site loaded, load the Popupbox First loadPopupBox(); $('#media').click( function() { }); $('#popupBoxClose').click( function() { unloadPopupBox(); }); $('#container').click( function() { unloadPopupBox(); }); function unloadPopupBox() { // TO Unload the Popupbox $('#popup_box').fadeOut("slow");
Slick Quiz Plugin
Hello - I am using a plug called Slick Quiz here is the github link https://github.com/QuickenLoans/SlickQuiz But of course i need to modify it in a way that i keep getting stuck. I need the quiz the to be able to be taken 10 times for each session, the quiz is actually fired after a video is played. So if they watch the video again they could take the quiz again. My trouble is having the quiz refresh without refreshing the entire page and what i would need to add to put them back at the beginning.
jqGrid
I've got the jqGrid working with filtering (multicolumn), but I can't seem to get exporting to Excel to work. Can anyone help me with this please? I'm using MVC CSharp and the grid has over 200,000 records in it. I've tried to look into this myself, but I keep coming up empty. Thanks, Dave
how to limit the number of selection in auto complete?
Hello friends, Is there any way to restrict the number of selection in multiple auto complete jquery widget. For example we are able to select multiple items from the auto complete list, but how do I restrict the number say 3, so that I should be able to select only three items from the list and should not be able to enter anything beyond this. I hope my question is clear. Thanks for any help. Regards, Amit
toggle function not working
javascript: function collapse_nav(e) { alert("xx"); getColor = $("#" + e.id).css("color"); //alert(getColor); if(prevAboutNav!="" && prevAboutNav!=e.id) { $("#nav_"+prevAboutNav).slideUp(); } if(prevAboutNav!=e.id) { $("#nav_"+e.id).css("background-color",getColor).slideDown(); } $("#expand_readmore").slideUp(); prevAboutNav = e.id; } <div id=about_redmore> Sed ut perspiciatis unde omnis iste natus error sit voluptatem a dolor sit amet, consectetur <div id='expand_readmore'> onsequences, or
can anyone tell me a site where i can learn to make popup login form with example?
Rohit Shukla
fancybox-related jquery error: Uncaught ReferenceError: ...is not defined
Fancybox glitch. When a link on a particular page is clicked, this gravity forms fancybox pop up window should apppear (as it does on all other pages). But on one page, instead I see just the ajax waiting circle appear and then disappear with the following error showing up in google chrome "inspect element" window: ReferenceError: gformInitDatepicker is not defined This is what appears to be the relevant fancybox functions.php code: ---- <script type='text/javascript'> function ajax_shortcode_run_<?php
Getting 2 different jQuery plugins to work on 1 HTML page
Hi, I'm currently building a site for a client and for the homepage I need to be able to run 2 jQuery plugins simultaneously and I do not have any knowledge on jQuery. The 2 plugins that I am using are Nivo Gallery and prettyPhoto Here are the codes for Nivo Gallery Head: <link rel="stylesheet" href="path/to/nivo-gallery.css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script src="path/to/jquery.nivo.gallery.min.js"
Opening PhotoSwipe in a selected Image
Hello, I'm new in using JQuery, i m developing a web application - catalog for products - using PhotoSwipe plugin, in the detail of an image, in my case a look of clothes, when i choose one specific image from the gallery) i added some references for product that is resumed on external links to another page, that works fine and i m totally satisfied, the problem now is the other direction, in the product page i have the associated look of the specific product that must be links to the look in the
Check Box don't work
Hi guys I have a question for you, I have in my code: A checkBox that disabled an input field; A select that if set to empty: reset and disabled the input field; set the checkBox to checked; Why if I uncheck the checkBox and I set the select as empty the checkBox seems unchecked ??? See more http://jsfiddle.net/yRety/1/ This is my code: <select class="select"> <option value=''>Select</option> <option value="1">Option1</option> </select> <label>code:</label> <input disabled class="code"></input>
JQM 1.3.1: afterclose function defined in the option to popup() is called during popup() execution
Hi, with the initialization code popup({ afterclose : function(event, ui) {}}) the afterclose function is unexpectedly called during the execution of popup(). Regards, Wolfgang
Ui-listview-filter icon
Hi, Im not good in CSS . that's why guys i need your help hehhe.. How to change the icon of search bar of listview? like this color of star. Thanks :) Keen
JQM 1.3.1 window positioned popup higher than viewport and with a button with class eg ui-btn-right is positioned slightly wrong
Hi, in JQM 1.3.1 a popup with window positioning which is higher than the viewport and contaning a button with class eg ui-btn-right is positioned slightly wrong with top=0 which cuts the upperhalf of the button away. Regards, Wolfgang
For dislay progress bar in jquery mobile
In jquery mobile getting data from webservice through ajax i need progress bar
jQuery UI autocomplete scrollbar problem with IE
I have a probleme with jquery.ui.autocomplete and scrollbar in IE9 or IE10 with the following CSS: .ui-autocomplete { max-height: 250px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 20px; } If i click on the scroll bar to see the end of the list, it selects an element instead of scrolling down. This doesn't happen in FF or Chrome. I'm using jQuery UI Autocomplete 1.9.2 and jQuery 1.9.1 Can anyone help?
Getting 'Undefined' error when requesting element id of sortable object.
Hi, I have been looking through the forums and this question has popped up but none of the solutions work. I know I must be doing something wrong but cannot spot it. The code shown below is supposed to alert me the id when the the object is sorted. The update trigger is fine, but I keep getting the message the the id is undefined. $(function () { $("#sortsectiona, #sortsectionb, #sortsectionc").sortable({ connectWith: ".connected", scroll: false,
jquery autocompletion functionality is not working in iPad
My jquery autocompletion functionality is working fine in desktop and laptop with all browsers (IE,Chrome,firefox,Safari ) but it is not working in iPad. My application is in salesforce so I am using Visualforce page for UI. Can anyone please help me out?
.ui-listview-filter
is there a way that when i typing on the search bar listview will go to top?
Error: Cannot call method 'createDocumentFragment' of null
During page load I'm trying to add an element to the DOM. The code: $(document).ready(function () { $(document).prepend("<div id=new_div style=z-index:1;></div>"); }); I've tested this on FF21, Chrome27 and IE10. They all return the error mentioned in the title. Debugging on jquery-1.10.0.js, I tracked down the problem to line 5998 where safeFrag = document.createDocumentFragment() Apparently document is null. Going up the stack trace to domManip on line 6249 the object is passed as this[ 0 ].ownerDocument,
Next Page