How to trigger $.blockUI(blockOption) on all postback browser process
I have already working blockUI on all ajax call. But now I want the shown blockOption to keep shown on postback. How do I do that? Or how do I get postback browser status via jquery? Here the code: AjaxLoader = {
_msg: '',
_errorUrl: "~/Error",
showIndicator: function (selector, message, culture) {
var self = this;
if (!message) {
message = this._msg;
}
if (!self._isBlocking) {
var item = getLoaderText(culture);
var blockOption = {
/* message: '<img style="vertical-align: middle; margin: 10px;" src="/Modules/KHI.OTA.OnlineTravelAgent/Images/ajax-loader.gif"><span style="white-space:nowrap;margin-right:5px;">' + 'test test' + '</span>',*/
message:
'<div id="popup_box_gi" style="width:400px;max-width:600px;background:#FFF;border:4px #DA2940 solid;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;"> <div id="gi_popup_header" style="height:60px;background:#fff;padding:3px;"> <table id="gi_popup_table" width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:12px;font-family:arial;color:#828282;"> <tr> <td width="17%"><img src="/Modules/KHI.OTA.OnlineTravelAgent/Images/ajax-loader.gif" /></td> <td width="83%" style="vertical-align:middle;"> <span id="gi_popup_title" style="font-family:arial;color:#737373;font-size:16px;font-weight:bold;display:block;"><span>' + item[0][2] + '</span></td> </tr> </table> </div> <div id="gi_popup_body" style="height:auto;background:#fff;padding:3px;background:#F6F6F6;"> <table id="gi_popup_table" width="100%" border="0" cellspacing="3" cellpadding="0" style="font-size:12px;font-family:arial;color:#828282;vertical-align:text-top;"> <tr style="vertical-align:text-top;"> <td width="40%" align="center" valign="top"><img src="' + item[0][1] + '" width="115" height="103" /></td> <td width="60%" valign="top" align="center" style="vertical-align:middle;"><strong style="font-size:14px;">' + item[0][0] + '</strong></td> </tr> <tr> <td> </td> </tr> </table> </div> </div>',
//'<div style="width:400px;height:300px;background:url(/Modules/KHI.OTA.OnlineTravelAgent/Images/bg.jpg) no-repeat;margin-left:auto;margin-right:auto;"><div style="padding-top:32px;padding-left:10px;"><img style="float:left;" src="/Modules/KHI.OTA.OnlineTravelAgent/Images/ajax-loader.gif" /><span style="float:left;vertical-align:middle;text-align:center;font-size:small;width:64%;">' + getLoaderText(culture) + '</span></div></div>',
Example of attaching "expand" listener of collapsible?
Can someone provide a working sample of attaching an event listening for the "expand" event on a Collapsible object? I'm sure my issue is just "where and when" to attach the event this is where I am getting the code: http://api.jquerymobile.com/collapsible/#event-expand this is the code I put together as an example http://jsbin.com/odiful/1/edit I can't *quite* show exactly what I am doing, as I am making an AJAX call to get the page for a particular item, but if someone could get that event to
Using jQuery object/chain as a selector string for delegated events with .on() not working
Sorry for the confusing title.. basically I was wondering if this was correct behaviour: If I have some images each wrapped around in an anchor link and I do $(document).on('click', $('a').children('img') , function() { // code });example: http://jsfiddle.net/eawEV/ Clicking any image inside 'document' will trigger the event regardless of the selector filtering only images that have anchors as parents? As opposed to using a string for the selector $(document).on('click', 'a > img' , function()
Toggle Onclick value if checkbox is checked
Hello, I have a form that uses multiple actions, and what I'm trying to do is toggle the onclick value. <form> <input type="text" name="email" id="email" value="Email" class="text-input" /> <input name="" type="checkbox" value="Yes" /> <input type="submit" value="Button1" name="subscribe" id="subscribe" class="button" onclick="OnButton1(); OnButton2();"> </form> basically, what I want to happen is, if user check the checkbox, OnButton1(); will be added and if not, OnButton1(); will be removed.. It's
count list in header collapsible
I want a collabisble list with a header that describes the content and an indication of the number of items. the description would have to stand on the right, the indictaie on the left hand side. How can i make such a header
zclip plugin not working for my div 'copy'
Hi. Help please. I'm using zclip plugin. The copy div is not working for zclip. http://jsfiddle.net/jmcausing/ScDZu/
is it good idea(is it used) better use web full tech. to test my app after convert to phonegap app
document.addEventListener("deviceready", onDeviceReady, false); // this should be called in each page eg map.html and needs phonegap.js in each page, import (dreamweaver) or only to index.html? is it good idea(is it used) better use web full tech. to test my app after convert to phonegap/jQMobile app, like use onload rather on device ready? faster testing...
How can i stop to make buttons,select and checkboxes doubles when i reload my page.
Hello guys, Guys i am facing a problem.when i reload my html pages its buttons,select and checkboxes are goes added more and more.because all the html data fetch from a data base and after added new things in the page i store all the html of the page in data base and when i display this page agiain becuase of jquery mobile its buttons,select and checkboxes are increased as shown in image below.
Making custom elements, JQM or ride
Sorry guys, i know there is some of related topics, but i couldnt solve my problem i place my custom css file after jqm css file. I can't override it presets... can i edit elements without using the default file?
Send a GET/POST/AJAX request to a "File" Not Url On A Server
Is this possible in jQuery? From what I'm seeing you can only use a url in $.get(url, ..) or $.post(url, ..). Instead I want to do either or to a file on the server like $.get(filename.php, ...) or $.ajax(filename.php, ..). This php file is returning information. How can I do this?
Dynamic draggable map
I have been working on a map, that is dynamically updated using jquery. the map is set up so that each 'cell'/location on the map is an object/image. Contents are stored in a database, and accessed via PHP. When you mouse over an image, a tooltip pops up with the cell's content information. When you click on the cell, a function is called, and actions are performed accordingly. Right now, i have a call that updates all the cells in the view that is performed when the 'refresh' button is hit. This
connection between button and function
Hello I am a beginner in jQuery Mobile , I need your help :) in Html : <div id="menuList" data-role="content"> <a href="views/index.html" id="Start" data-role="button" data-icon="arrow-r" data-iconpos="right" Start>Start</a> <a href="views/Register.html" id="Register" data-role="button" data-icon="arrow-r" data-iconpos="right">Register</a> <a href="views/About.html" id="About" data-role="button" data-icon="arrow-r" data-iconpos="right">About us</a> </div> .js file : (function($) { $('#Start').click(function(){
is jQuery Mobile compatible with windows Mobile? (no windows phone)
Hello, I want to know if this it's supported by windows mobile 6, his browser it's Internet Explorer Mobile. please note, is not Windows Phone, is Windows Mobile. Reagards, Luis
help with jquery radio and submit button confirm
I need some help getting this jquery script to give me a confirmation message when the user selects the submit button. I want to check if the radio button Decline is selected when the submit button is selected. Here is my juqery and the radio button and submit input elements that I'm using. I have to use the ID=REquired so I need to use the elements name. <script type="text/javascript"> $(document).ready(function () { $('input:radio[name=Submit2a]').click(function () { if
Uncaught type error : object [object object ] has no method captify
Hi, i am using this code in one of my wordpress theme for slider but when i activated one plugin i got this error jQuery(document).ready(function(){ jQuery('img.captify').captify({ Uncaught TypeError: Object [object Object] has no method 'captify' speedOver: 'fast', speedOut: 'normal', hideDelay: 500, animation: 'slide', prefix: '', opacity: '0.7', className: 'caption-bottom', position: 'bottom', spanWidth: '100%' }); }); please help me to fix this problem Thanks
Panel: slide drag and snap back
Hello guys, i'm tryiing to developing a plugin to jquerymobile to close the panel sliding the main content to the side where it is open. There's a example what i'm doing here: http://jsfiddle.net/Qb2DV/13/ I have some quests: How could i know if swipe is left or rigth using the $.event.special.swipe.stop, i've been trying using $.event.special.swipeleft.stop or $.event.special.swiperight.stop, but they not exists. How could i manage if the content is on the limit of the page? Thanks!
Jquery form feedback jumping down a line
Hi, I really am new to all this. I got this form <div class="mainText"> <h2>Register</h2> <h4>Fields marked with a * are required</h4> <form action="admin/register.php" method="POST" enctype="multipart/form-data"> <input type="hidden" name="submitted" value="1"> <p>Login Information:</p> <p class="form">Username: *<input name="username" id="username" type="text" size="20" class="rounded"/><span id="userAvailability"></span></p> <p>Password: *<input id="password1" type="password" size="20" name="password1"
How/where do I edit $.support.cors and $.mobile.allowCrossDomainPages??
From what I understand, I can have html files (with ajax) access my remote server so people can access my database if I build an html 5 app using dreamweaver and phonegap. However, it sounds like I need to edit those two files according to http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html. Can someone please validate if its true that I can build a mobile app with CS6 and phonegap that will be able to access my remote server and if that's true, how do I edit the two files that JQM tells
how to differentiate 401 http response from server not found response?
Hello. I have serveral URIs, which i check with jquery.ajax(). If URI is exist, mark it as good; if not - as bad. But $.ajax() set status to "error" for URI, which reply with 401 http code, and for URI, that doesn't reply at all, too. How can i distinguish URI with existence server from URI with non-existence server?
$this not working ?
hello i can not seem to get this to work . i what to add class of hooked to a div with the same class. this is the jquery 1- when you click a.book_nav_item it first look for the class of the button clicked. 2 - then it looks through all the #fliphtml for the same class 3 - when it finds the same class i want it to add the class hooked to #fliphtml $('a.book_nav_item').click(function(){ //GET PAGE NUMBER var pageNumber = $(this).attr('class').split(' ')[1]; if ($('#fliphtml').find(pageNumber))
how to determine the is in which the user clicked on with jQuery?
Hi again I have list of link <a href="?id=1" class="test">enable user 1</a> <a href="?id=2" class="test">enable user 2</a> <a href="?id=3" class="test">enable user 3</a> <a href="?id=4" class="test">enable user 4</a> when I user click a link I create a dialog box using jQuery UI like so <script> $(function($){ $( "#dialog-confirm" ).dialog({ resizable: false, height:175, modal: true, autoOpen: false, buttons: { "Yes I am sure. Process": function(e) { console.log($.urlParam('url')); //I need to
Tooltip Plugin. Allow mouse to move hover. And positioning
Hello, I am creating my own toolip JQuery plugin as I need it to behave in specific ways. So I have the following: http://codepen.io/mdmoura/pen/pbvnG When the mouse is over the "Text Tooltip" the tooltip becomes centered. I am doing this at the end of mouseenter function. Is there a better way to center the tooltip with the anchor? At the moment when I move the mouse out of the anchor the tooltip disappears. Is it possible to give, maybe, 1 second so the mouse can move over the tooltip? And the
auto back button icon showing left arrow
I can't seem to get the icon on the auto back button to show the correct "back" icon - it always shows the left arrow. Based on my head section and an example page below, any one have an idea of what I'm missing? <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>SV/AM Coach Guide</title> <link href="jquery-mobile/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css"/> <link href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css"/>
Does jquery mobile provide access to "KeyboardDisplayRequiresUserAction" parm in iOS6
Has anyone been successful in setting the new "KeyboardDisplayRequiresUserAction" in iOS6 to allow jquery mobile to programatically pop the keyboard on a focus event? Thanks, David
Off Canvas menu with browser fallbacks
Hi guys, I think I have an interesting problem that could be usefull to a lot of developers out there looking to create off-canvas menus (similar to facebook) on smaller screen sizes. After searching high and low and reading through many options, I found this great solution for off canvas navigation http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/. I tested it in IE7 and it still works, even if the animation isn't there, it still has the function. The problem I have is as follows:
how is this done? (drop down nav)
how is the main "sections" nav done here??? all I see in the markup is the ul li for the main links in the top-level nav.. for example <li class="business" data-section="business"> the data is here (.jpt extension) what is this? I thought because it uses stuff like "data-...." attribute in menu markup this was maybe done with jQuery? with what is described here? thank you.... PS: there are so many methods for doing dropdowns.. it's mind-boggling.. www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/
draggable: change parent containment when using array
Hi, why is there no option to change containment parent for arrays? I have a specific case where I want to limit the movement inside the parent element. If you could change the implicit "window" parent to something else, it would help a lot. Currently I create a div with the desired width (height 0) and use this as a parent, but it looks dirty to me. I would prefer to set the boundaries directly.
JSON result of .ajax() is UTF8 but not always seen as UTF8 ?!?
Hello, I have an ajax function that receives form data serialized and returns a JSON object. The odd thing is that sometimes the answer is correctly seen as UTF-8 but most of the times, it is seen as something else (latin1 ?) and I don't see "Ce nom est déjà pris" but "Ce nom est déjà pris" (UTF-8 re-encoding). The ajax function is called like this : $.ajax({ url: "/ajax/validateUserForm.html", dataType: "json", data: $("form#userform").serialize(),
Having to press submit button twice
I am developing an ASP.Net MVC application and I have form containing a file upload HTML element and a submit button. When the user first goes to the view, I have javascript code automatically triggering the click event on the file upload HTML element so the user does not have to press the button themselves. This is for convenience and the way I want it to be, but when I trigger the button click automatically it is causing the following issue: I have to press the Submit button twice in order to submit
icon in safari
does anybody know how to get rid of the bottom border around icons in safari browsers?
Dialog box problem changing left icon
Hello, I created a dialog box with a header. In the header, by default, I have a icon on the left. When I click on this icon, it closes the dialog box. I would like to change the icon. Do you have a solution ? Thank you <div data-role="dialog" id="dialog"> <div data-role="header" data-theme="b"> <h1>Détails congé</h1> </div> <div data-role="content" id="text"></div> </div>
Checkbox malformed
Hi, On my project (jquery 1.9.1, JQM 1.3.0) I'm having the checkbox shown like this: checked - unchecked - and the code is very basic: <label><input type='checkbox' id='chkSendByEmail' data-mini='true' checked='checked' />This member is offline, send message also by email</label> Now, when testing on a different project, dedicated for the checkbox it looks 100% as it should. Only in my original project it looks like the above. Any idea what can cause such malformed style? Thanks,
What does $([]) do?
I see it at here: http://jqueryui.com/dialog/#modal-form allFields = $( [] ).add( name ).add( email ).add( password ), What does it do? Thanks.
slide shwo not working!
Hello; Why doesnt this slideshow work? Thanks
Probleme with position : fixed when keybord up iOS
Helle ! I have a button on my web site who follow the scrolling. When the user click on a input fo exemple, the iOS keybord up and if the users scroll down (or complete the fields) the btn stay on this place.. Look this it's an exemple of the situation : I whant to fix that, maybe it's possible to do vanish the buton ? I try this http://jsfiddle.net/PtYbs/ but it's doesn't work on the iOS Simulator...
Question about the validation plug-in
Hallo, I start using validation plugin and have a question. I would like to make the list of checkboxes (please see below). [] [] [] [] [] [] [] The person that decides to check, for instance 4, has to check before all previous checkboxes. It means that someone choosing to check 7 must have checked previously all the checkboxes from 1 to 6. I have tried something similar that I have put below, but it doesn't work (please see the part in green). I would be grateful for any advice. Thanks in advance
Listview doubleclick and scroll problem
Hi all, I have some problem in listview with more items after double click on item are opened 2 pages. In listview with more items (must be shown scroll bar) and you scroll down and double click on some item on bottom. After double click is opened first page and second page which responds on second click (typicaly is item on the top lisview). You can demonstrate this problem in this jquerymobile page (listviews). Scroll down on this page you must see on browser top for example last 4 items ("Inset
Toggle switch slider to the right of the Label
I am trying to put label to the left and toggle switch slider to the right. But my slider keeps on going down the label. Is anybody experiencing the same issue?? I read Fieldcontain should fix this issue but this doesn't seem to be working. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
jquery cycle slideshow dots on slides
hello - i try now for days to success - but it don't works ;-( i use the danland theme from drupal and have configured a slideshow… i only want to the dots on slideshow images (middle / bottom) so people can click through the slideshow… so far i tried mostly every example that i found on google… pager, pagination, etc… maybe you guys could advise me or help to get these "dots, bullets" please??? below you will find my script, html and css… Script: jQuery(document).ready(function($) { $('.slideshow').cycle({
Problem: Autocomplete and special char
Dear all, i use Autocomplete with asp script to read a database. When in the record passed by the asp script there are special char like à the results are not displayed. This is the code: <script> $(function() { $( "#birds" ).autocomplete({ source: "searcher.asp?cosa=articoli", minLength: 2, select: function( event, ui ) { $('#valore').val(ui.item.id); } }); }); </script> This is the asp script: <!--#include virtual="/setup.asp" --> <% Response.AddHeader "Content-Type",
Next Page