Behavior of the DIV for dismissing a panel changed from 1.3 to 1.4 ?
Hi, It seems that the DIV used for dismissing a panel is now on the bottom of the DOM. Before it was just after the panel. It breaks a big thing in my app. Because the DIV is at the bottom, it's on the top of everything (z-index ?). In my panel, I have a button that open a popup. Before, I can open the popup from the panel, close the popup with a button in it and then dismiss the panel. Now, I can open the popup, and when I click, it directly dismiss the panel. and the popup is closed after a second
Tablesorter: €/decimal/thousands sorting problem
Hi there, After trying any related custom parser I could find without success (<th class="{sorter: 'digit'}">...</th> doesn't work either) I really hope someone here can help me. I use the tablesorter plugin for a HTML table and one column with price vslues (€) just doesn't sort in the correct order. The default order is this 6.990 € 18.910 € 20.240 € ... € 68.440 € but sorting results in this (sort down) 18.910 € 20.240 € ... € 39.990 € 6.990 € 68.440 € or this (sort up) 68.440 € 6.990 € 39.990
CSS BlockUI
On BlockUI can i pass the CSS as parameter instead? This is the normal : $.blockUI({css: { border: 'none', padding: '5px', backgroundColor: '#000', '-webkit-border-radius': '5px', '-moz-border-radius': '5px', opacity: .5, color: '#fff' }, message: "Loading..."}); I created the class in CSS file : .blockui { border: none; padding: 5px; background-color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; opacity: .5; color: #fff; } and I what to pass to block using
Dialog Help Please!
Hi all! I'm new to JQuery so please bare with me and forgive my ignorance as this maybe a very basic question! I'm 'trying' to develop an app in Dreamweaver and currently have some nice pages that you can swipe through. No problem so far! But, in the middle somewhere I have a page that has two dialog 'pop-up' links on it that work ok! Still no problem! ...BUT, when I try to swipe past that page, it swipes to the two 'dialog pages' also, which I don't want. I'd like it to swipe from article to article
Where is example ajax code?
A total n00b question, I know. But, I want to look at the example tabs code and cannot find the php files that are referenced in the ajax directory. For example, in the tabs example "content via ajax", line 29 has href="ajax/content1.html" but the referenced code is never shown in the "view source" link. Are the complete examples (including the subdirectories) available for download as a bundle? Thanks, Thom
get the current value(clicked value)
Dear friends, i have dynamic row values <a href="#" compid="1" compane="CSK1">Company</a> <a href="#" compid="2" compane="CSK2">Company</a> <a href="#" compid="3" compane="CSK3">Company</a> <a href="#" compid="4" compane="CSK4">Company</a> my question is, how can get the current value(clicked value) from on click of the <a href="#> using jquery.
Pop-up retrieving images randomly from a folder
Hi everybody, I'm a newby in Jquery and I've used it in a website I'm workin on with draggable scripts. Now I'm facing a new challenge :) I want to make pop-up images taken radomly from a specific forlder on m y server. Cn anybody suggest me some resources? Thx and cheers! Paolo
How to Force cache to clear for AJAX call
I have a section of a page that will not change 99.9% of the time. To that end I have added caching to the page and it is working correctly by the following commands. .net [OutputCache(Duration = CacheTimeOut, VaryByParam = "*", Location = OutputCacheLocation.Any)] JQuery $.ajax({ cache: true, As the page won't generally change, I would like to set CacheTimeOut to be a week. The problem is the 0.1% of the time when I have to update the page. I would want the page to refresh as soon as possible.
How to create JQuery Class Private Variable
Hi all, I am not a JQuery expert so I am very confused about creating private variable for an object instance. I want to create a simple jquery plugin, but all instances see the last declared class variables. Can someone tell me the reason and the solution ? Sample code : ;( function ( $ ) { /* This is a private declaration, isn't it ? */ var settings = { pagesize: 10 } /* Constructor */ $.fn.myPlugin = function (options) { /* Call a private method
Pass data from HTML page to another HTML page in Jquery Mobile
Hi, I want to pass some data from HTML page to another HTML page in Jquery Mobile. I've a login.html with username/password form, this send to server the data for validate and then if the the validation is confirmed it create a token. I want to pass the token to index.html. How can i do this? Thanks.
jQuery mobile multiple theme dependecies
Below is mentioned in jQuery Mobile Docs If no theme swatch letter is set at all, the framework uses the "a" swatch (black in the default theme) for headers and footers and the "c" swatch (light gray in the default theme) for the page content to maximize contrast between the both. All items in containers inherit the swatch from their parent. Exceptions to this rule are the listdivider in listviews, the header of nested list pages, and the button of split button lists. Those default to "b" (blue in
which jQuery library I should use to execute this animation
Salaam friends, I'm a beginner in jQuery ,I wana execute an animation but I don't know which jquery library I should to use I attach this two images to explain what I want : in image1 the content of my page contains two div ,in div1 when I click on one of the rectangulars I want the div1 and div2 move with an animaton to the left slowly, to cause hidden the div2 and replacement div1 in the place of div2,and display another div :div-details to locate in the place of div1 to the right of content>>the
PROBLEMAS AL ROTAR UNA IMAGEN CON JQUERY
Buenas amigos. necesito ayuda con respecto a un plugin que estoy desarrollando, se trata de un plugin que permite rotar una fotografia determinada, usando jquery, y la funcion $.animate, pero estoy teniendo un pequeño problema, rotar de forma negativa, le paso 180 Grados negativos y la animacion se realiza desde 0 Grados hasta 180 Grados negativos, aseptaria sugerencias y para los que me puedan a yudar y quieran ver lo que tengo escrito en codigo, le refiero la url del repositorio en GitHub: https://github.com/buil/rotador.git
Setting minDate on jQuery datepicker -100y
Ok so I want the range for my datepicker to be like so: This year - 100 years. That's all I want to restrict. Below is my following code... But it's showing 1991 - 2001.. I want to show 1914 - 2001... $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd", maxDate: "-13y", minDate: "-100y", changeMonth: true, changeYear: true });
jQuery “.then()” is not sequent, and not working as expected
I need to call three functions one by one. For this purpose i am using jquery deferred "then" to chain the calls. Here is the code: function fillQuality(x){ console.log('Q'); var deferred = jQuery.Deferred(); var intervalId = setInterval(function(){ clearInterval(intervalId); console.log("Quality: ", x); deferred.resolve(); }, 2000); return deferred.promise(); }; function fillPrize(x){ console.log('P'); var deferred = jQuery.Deferred(); var
Issue On Scrolling to A Row in Table
Can you please take a look at this DEMO and let me know how I can use jQuery to scroll to the selected row or animate that row to the middle of the scrolled div sc? Here is the code: <div id="sc"> <table id="mytable"></table> </div> <button class="25">Scrool to 25</button> <button class="75">Scrool to 75</button> <button class="125">Scrool to 125</button> <button class="199">Scrool to 199</button> <button class="0">Scrool to 0</button> <script> $(document).ready(function () { for (var i = 0;
collapsible set within listview (eliminate spacing)
Hello, I'm using jquery mobile 1.4.0, I have collapsible set contained within a list view (namely a LI element). This collapsible set has 2 collapsible elements and the problem is there is some space between these for some reason or another. Have a look at this: jsfiddle example I had a look in js inspector, when I take this exact collapsible set outside the list view, each collapsible element has a height of 44.375px and the height of the set is simply this X 2 which makes sense ... you can see
Datepicker - How to display a pre-filled input field?
Hi all, I have one Problem with datepicker, that I cannot solve. I try to write a pre-filled value into the Input field, before I Chose a date in the datepicker. The data should be overwritten by chosing in datepicker. But when I add the field´s id, it won´t Display anything, except of the date, I chose. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Format date</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
I have a problem with href=tel:
Hello, I´m new here, and i have my first problem with jqm. I have this code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Probando</title> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" /> <link href="jquery.mobile-1.4.0.min.css" rel="stylesheet" type="text/css"/> <style type="text/css"> </style> <script src="jquery-1.10.2.min.js" type="text/javascript"></script> <script src="jquery.mobile-1.4.0.min.js" type="text/javascript"></script> <script
Creating a link to a particular tab
I'm integrating the jquery UI tab structure on a website, and would like to be able to create a link to a particular tab. The basic structure is: <div id="placetabs"> <ul id="menutabs"> <li><a href="#panel1"><span>Tab1</span></a></li> <li><a href="#panel2"><span>Tab2</span></a></li> <li class="last"><a href="#panel3"><span>Tab3</span></a></li> </ul> <div id="panel1" class="tabscontent"></div>
Autocomplete not working
Hi, When you start typing in a textbox, you see autocomplete suggestions. If you choose the suggestion, you expect the text box to et filled with the suggestion. The autocomplete plugin with Remote Source for jquerymobile does not let you choose a suggestion in the first place. Other similar plugins do do fill the INPUT box with the chosen selection. Hope this will be rectified. Thanks, Yash
Strange Behavior of JQuery : multiple dialogs
I am facing a strange behavior of JQuery, I am sure it is related with JQuery not with jtable which I am using for whole of my implementation. I have two columns for editing and deleting which I customized and replaced with jTabel default functionality. As soon as I click the edit button , The dailog appears for edit. I cancel and again click on any part of the jtabel's row, it again opens the same dialog which I opened before for editing the record. Moreover, If I click afterwards 'delete' button,
Getting Started with JSON's and php
I had been using xml for a while now. At the beginning of the week I had an idea to send data as a string in a format like a javascript object. I didn't know it was called a JSON. The next day I was reading through lxer (a linux news site) and came across an article on using php with XML or JSON. Since I didn't know what a JSON was I looked it up. Wow just what I wanted to use. It only talked about using it from a file where as I wanted to use it more like ajax. I was looking around for documentation
back button not appearing
My back button is not appearing for some reason. I had it working before but after using themeroller to create my own theme for some reason it has made the back button invisible or something not sure? Any help would be appreciated. <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="themes/4089797style.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css"
Need help in creating a basic plugin
Hello every body i want to create a basic plugin in which whenever mouse is hovered over an image its opacity will change but the problem i'm facing is that i'm not able to add mouseover effect in my plugin... The plugin is shown below (function($) { $.fn.imageHoverOverText = function(options) { var defaults = { "width": 200, "height": 50 } var parameters = $.extend(defaults,options);
Plugin for reordering items
Hi I would like to present a list of items on the screen one below the other and allow the user to reorder them using an up and down arrow next to each item. A v B ^ v C ^ v D ^ Is there a jquery plugin for doing this? Thanks, Yash
How to save this code in wamp server? I am using jquery touch. Please help.
Hi JQuery Experts, I am new with Jquery touch. This code will add a text fields for a mobile survey question. I don't have any idea on how to get the index and value so that I can save it to my wamp server. $(function(){ var i = 0; var ii= 0; var newID = "quest_no_"+i; var newChoice = "choice"+i; $('#add_quest').tap(function(){ i++; $('#'+newID+'').parent().before('<li><input id="quest_no_'+i+'" name="quest_no_'+i+'" type="text" value="'+i+'. " /><ul class="rounded"><li><input id="choice'+i+'"
AJAX + Browser Persistence
Hi All, I'm building an external Wi-Fi adapter that features an embedded web server. jQuery and Ajax are used on the client to configure the adapter. A configuration action that can be triggered via jQuery/Ajax is for the adapter to scan for wireless access points. In order to initiate a scan, the adapter changes Wi-Fi mode (AP to Station), does the scan, and then returns to the Wi-Fi mode that it was in (Station to AP). The changing of the Wi-Fi mode causes the connection between the adapter and
Sending data to another page
Hey Guys I am trying to send data to another page using ajax, using the POST method. Is using the the shorthand method $.post() the same as using $.ajax() based on what I an trying to accomplish??? Sending data to another page using $.ajax() $.ajax({ type: "POST", url:"index.php", data:"test=test" });Sending data to another page using $.post() $.post("index.php","test=test");
Mobile page changes with require and backbone
I am trying to create a jqm 1.4 application with require and backbone. I have run into issues with change pages, especially the use of a back button. What is the current recommended way of dealing with changing or going back on pages in this environment? I noticed some older posts referencing jquerymobile-router plugin. Is that still a requirement with jqm 1.4 and if so is there a working example?
Jquery Accordion doesn't work across browsers
Good morning, I am having a problem with a Jquery accordion. I was able to get it to work on fiddle and it is rendered successfully in Google Chrome, but not in IE or FireFox. Could anyone take a look at the attached code and let me know if they know why this might be? Example Thank you, B
eliminating the overlay
I am using this tutorial here tutorial to build a calendar, it utilizes jquery-ui to produce a dialog box for the registration of an event. Upon clicking a time slot the dialog appears on top of the overlay. You can see an example of what I am talking about on the section named "Let's start a dialog". But I do not want this overlay appearing at all. The problem is I do not know how to do it.The file I downloaded from here for using the UI component is jQuery UI - v1.10.3-custom-min.js. probably the
unblockui on button click not working
Hi, unblockui on button click not working. Example: $.blockUI({ message: $('#div'), onOverlayClick: $.unblockUI }); $(".closed").click(function () { $.unblockUI; });
making the background of the jqm dialog box transparent?
http://creative.coventry.ac.uk/~4089797/Games/V2.0/test.html Heres my site so far Im trying to make the menu dialog popup but still allow the previous page to be seen in the background around the dialog box but have no idea where to start. Ive looked at documentation but havent been able to make sense of which bits i need?
Panel responsive close panel(data-dismissable) not working?
http://demos.jquerymobile.com/1.4.0/panel-responsive/ As I have tried to close it by clicking outside the panel onto the page contents and it same to be not working. How can I make it closable? Any idea? Thank you
dynamically create a text box along with a remove button, and fetch the values of the text boxes
Dear All, I want to dynamically create a text box along with a remove button, and fetch the values of the text boxes which are existing on the UI. The remove button will remove the corresponding text box. also the values entered in the existing text boxes will be fetched on a single button click. Also all the text box values have to be passed to the c# code. can some one please help me on this. Regards, Salman
Looking for a plugin but I don't know whats it called or what to search for
Hi All, First post here so please bear with me :) I'm looking to load another website into my site (I'm using ASP.NET MVC4 if you were wondering) and then somehow make all of its nodes click-able (if possible right click-able so that I could show a context menu) for example a clients wants to tell us where is his website logo and a company name, he will tell us his url, our site will load that URL and somehow enable the context menu so that the client can click or right click on their logo and tell
How can I change my slideSwitch() function to set a different interval between slides?
A website I inherited is using Jon Raasch's excellent simple jQuery carousel to display a set of images (which we load via an sql database). The images fade in at 5 second intervals, and It works perfectly. However, the customer now wants to have the initial image stay on the screen for a longer period than all the others. I'm a jQuery/JavaScript novice, and although I can see from googling that I may need to play with :first-child or IMG:first or .slideshow-Item.first(), I can't get it to work.
Using Jquery Mobile JS in asp .net
Hi Friends, I'm new to Jquery Mobile, I have a website and it is almost done, now my client is asking to make the website mobile compatible. Now i'm already using Jquery core features in my site. So now to use this Jquery mobile features too what needs to do..? Please any one help me...
how to move into next tab using Tab key
I am following this tutorial: http://www.jacklmoore.com/notes/jquery-tabs/ In which i created text boxes in tab 1,2,3. i want to create a function when user in first tab after pressing the tab key it will move in to next tab. How i can do this. I am using asp.net text boxes and drop down list in tabs. I was give tab index to inputs but it was not working. I want to do this using jquery. $('ul.tabs').each(function(){ // For each set of tabs, we want to keep track of // which tab is active and it's
Next Page