Redirection to another page
Environment : MVC with Jquery ajax call Requirement: my requirement is Navigating to another page In Ajax call on some condition (which redirects to another view) Able to navigate to another page with following code .but loader not showing .added loader explicitly still is not showing only while redirecting. -> $().redirect(urls, {param1:param1,param2:param2 },'POST'); please suggest me is there any other way to achieve this.
Jquery & Jquery-UI in Mediawiki
Hi, MediaWiki delivers since version 1.16 also jquery and jquery-ui. I write an extension for mediawiki and want to utilize the built-in version of Jquery and Jquery-UI. My development version is MediaWiki 1.22.0 which comes with Jquery 1.8.3, Jquery-UI 1.8.24. To use a custom theme I have used the theme roller to create it (it is copy of the sunny theme ). However, when I open a dialog box, I'll get for the header a white font (from the sunny theme) on a nearly white background image which comes
UI: Dialog: Form: Add a Button with an ID?
Hi guys and gals, could someone please tell me how to include an ID on a button when adding it to a modal dialog form? The closest I've got is to by using a css selector: $('.ui-dialog-buttonpane button:eq(0)') but this seems to get broken when closing and reopening the dialog. Any help will be very appreciated. I have the following code. $('#dialog').dialog({ bgiframe: true, // ... buttons: { 'Save': saveData, Cancel: function() { $(this).dialog('close');
Question regarding a Tutorial from jQuery Missing Manual
This is with regard to the Quiz tutorial. The script goes like this, <script> var score=0; var questions = [ ['How many moons does Earth have?', 1], ['How many moons does Saturn have?',31], ['How many moons does Venus have?', 0] ]; function askQuestion(question) { var answer = prompt(question[0],''); if (answer == question[1]) { alert('Correct!'); score++; } else { alert('Sorry. The correct answer is ' + question[1]); } } for (var i=0; i<questions.length; i++)
mobile form
hello pls help me experts any example for jquery mobile form with validation and ajax submit. Thanks and regards
Simple question
Salaam all, I like some animations in this website :http://www.aquaceutic.pl/ and I try to do like them,I understand the jquery script for larger part of these animations ,but I don't know how to do the green bar that appears onLoad of the window and which moves from left to right and how they make it sloping like the background of the slide. It displays onload and then it hides since the load completes. I know.. it is a stupid question but I should ask :") ! and as I said I'm a beginner in jQuery
using selectable to set value of variable
I am trying to use selectable to set the value for a variable, but I don't seem to be getting it. I am pretty much just using the code from the API example, and then initializing with appendTo. What am I missing? $(document).ready(function(){ $('#selectable').selectable({appendTo: '#holder'}); So #holder is a text box, and in my mind when I select one of those <li> from the example code, the value should show up in the text box. So far it's all in my mind though. I looked
Change event not fired on slider
Hi, I'm new to jQueryMobile framework, while I was running some tests to better understand all the framework I've step into this piece of code (that I have written), that doesn't work and I can't understand why... basically there are 2 pages, in each page there is a form with a slider that should react to the "change" event writing its value to a textbox. This works in the first page, but not in the second page although the code is the same... <!DOCTYPE html> <html> <head> <title>Page Title</title>
Tabs panel not create
Hi guys, I am trying to create a tabs panel with 2 tabs. The problem is that the tabs are not created. Here is a link to the page: http://develop.emotion-software.nl/admin/pages/edit/ I can't figure out why it's not working. I created a test file (http://develop.emotion-software.nl/tab.html). That page does work. I probably have an error somewhere but I can not find out what I'm doing wrong. Does anyone know what the problem is? Below you can see the relevant HTML: <script type="text/javascript"
Postback does not work, conflict between Jquery Mobile and Google Maps Java Script API 3?
I have a website with Google Maps. I use Google Maps Java Script API 3 and Markerclusterer. As soon I include the Jquery Mobile library, google Maps does not load after a postback. The following error results in IE, funnily the errors occure in the Jquery Library, not in Jquery Mobile Library. The bad effect is, that the Maps of Google Maps do not load, you have to refresh the browser. Es wurde eine Ausnahme ausgelöst: in Zeile 1639, Spalte 4 in http://localhost:63914/js/jquery-1.10.2.js 0x800a139e
% - rem into px
how can I calculate mixed values ? 100% -5rem and get the result in pixels thank you
Pulling Weather from XML
Hello everyone, I am new to jQuery and I could really use some help. I am trying to pull weather data from aviationweather.gov Right now I am just using PHP to pull xml data, but the data is just basic and I need some more. I would like to pull METAR data so I found the following on the site. http://aviationweather.gov/adds/dataserver/metars/MetarExamples.php Looking at the first example on that page. How would I pull the data? I am confused because it doesn't generate an actual xml file does it?
different styling for two ui-menus on the same page
Hi, i have two ui-menus on one page. one ui-contextmenu for navigation and another ui-menu for downloads. i would like to have different styling for both menus. ie different width:12em and width:3em for both menus. .ui-menu { width:12em;} works fine for both the same. any chance to add a class or id to both menus? regards walter
cannot update data of ddslick plugin
hello, can anyone help me as how to update the options of ddslick list dynamically? I create it with html select box then call the ddslick. Later in javascript i need to update its content which worked but still the previous data present. see How to use with HTML <select> and <option>in http://designwithpc.com/Plugins/ddSlick Thanks, Abdu
load a fading div on resizing
I want to load a preloader on resizing the HTML <div id="preloader"></div> the CSS #preloader{ width:100vw; height:100vh; z-index:9999; background:@black; position:absolute; top:0; left:0; text-align:center; opacity:0; display:none; } When resizing and when the html total (viewport) width cross the size 1440px 1024px 768px I would like to set the opacity : 1 and display:block; for the #preloader with a 0.5second fading effect I cannot find a good way to do that function runPreloader()
Tabs content via Ajax -- Overriding css property
I am trying to set a background color on active Tab and its Tab content by overriding css property. JavaScript code is as follows; <script> $(function() { $("nav.ui-tabs-active").css("background-color","LightYellow"); $("nav.ui-tabs-loading").css("background-color","LightYellow"); $( "#tab_menu" ).tabs({ beforeLoad: function( event, ui ) { ui.jqXHR.error(function() { ui.panel.html( "Ajax通信による指定されたHTMLファイルのローディングに失敗しました。");
closing xml file after data acquired
OK, I am back to this issue. I am doing a post and then once it's complete an ajax GET. The problem I am running into is the on the server side they are writing output to an XML file, which I then read. The first step they want to do is delete xml file, which apparently they can't do because Javascript seems to keep the file open. So how do I close the file so they can delete. Here the general code for my routine: $(document).ready(function(){ //post to plan.jsp var qString
Dynamically remove arrow Icon Form listview
Hi, Is there a solution for removing the arrow icon of listview items programmatically? Both $(#listview li).attr("data-icon","false"); $(#listview).listview("refresh"); And removing the respective classes did not work. Any ideas? Thanks in advance! Greets, Lisa
Fixed Navigation Bar Scrolls Instead Of Staying Place.
I have included a fixed navigation in the footer of my pages. What I have noticed is that if I pause slightly using the navigation it stays in place as I want it to, but if I click/tap instantly it scrolls with the page. See here, http://jsfiddle.net/2PfsG/ Is there a solution to this? Thanks.
Hide string of text followed by random number
Hi! I'm trying to hide a string starting with text 'Ref:". I know various ways of targeting specific text but this one is followed by a 6 digit random number. I can't figure out how to include the number since it is ever changing. Although it can be in a different order, this is how it usually appears in the markup: <small>(Delivery Options: Standard Shipping - $11.95, Delivery Date: 01/31/2014, Ref: 404927)</small> How would I hide "Ref: randomnumber"...? Thanks so much! Susan
Problem with jQuery UI icons in wordpress
Hi, I'm using jQuery UI for do a accordion in wordpress. The accordion works fine but I can't put the icon correctly. The icons show like this: And I want like this: I don't know what is happend because the url of the image is correct in the jquery-ui.css .ui-icon-triangle-1-e { background: url("img/baja.png") center no-repeat !important; } Somebody have any idea???
I am writing a custom accordion. On page load the accordion must be compressed.
//On click there should be only one body of clicked li must be visible. When I re-click on the open 'li' it should be //closed and nothing else should open. $(document).ready(function(){ $('.content .part').hide(); var id='l'; var count=0; $('.content .close').each(function(){ //$(this).addClass('close'); var iden = id + count; //alert('iden is:' +iden); $(this).attr('id',iden); //a=iden; //alert($(this).find('h3').html()); //alert($(this).attr('id')); count++; });
dialog() implemented in login and registration system
Hi there, I tried out a tutorial for a login system with php, mysql and jquery (http://tutorialzine.com/2009/10/cool-login-system-php-jquery/) for implementing it into my website. This works like a charm, but, when i want to add a button, that when clicked on, opens a dialog(). This doesn't work. Could somebody tell me why this isn't working? Without implementing the login system the dialog appears like there's nothing going on. Thanks
may create all db in index.html even for second html page db
WHEN IN A jQm phonegap app I use two web sql db in two separate html pages one in each may create all db in index.html even for second html page db?
about active functions and and mask's in a input
hi guys, i really need a help here.... i have this kind of function in a loop waiting for a button beem hit: $("#Worker").append('<input class="money" type="text" id="Workmoney'+i+'" name="Workmoney'+i+'" /> its work like a charm, but now i need some mask for work with this appended.... sow, in the jquery document ready i put this line: $(".money").maskMoney({showSymbol:true, symbol:"R$", decimal:",", thousands:"."}); when i hit the button the script create all the appends i need... but he not
cannot access variable in another javascript
Hi, i have code like this http://dpaste.com/1568412/ i want to access var ok in another javascript, and it's not work when i alert(ok); ? thanks :)
JQM 1.4: Preserve setting for height in viewport meta tag on page change
I just found out that JQM 1.4 rewrites the viewport meta tag on every JQM page change. This creates some problems for one of my apps that needs the viewport height set to device-height - 20px (because of the statusbar plugin for Cordova/Phonegap 3.3). This is done in my app via jQuery and works fine on the first page. But after a page change JQM rewrites the viewport meta tag and thus breaks my fix. So is there a way to have JQM preserve the viewport height parameter? Does it need to be rewritten
Sorting an array of objects by multiple properties
Hello, I have a bunch of <article> elements on a page, some that have "data-order" attributes with values like "1", "6", etc. and some that don't. I need to be able to move the <article> elements with this "data-order" attribute so that they appear in the order that's set in the attributes. For example one of the article elements has this <article data-order="2">. That element in this example currently that appears right at the end all the other <articles>. What I want to do is move <article data-order="2">
Datepicker : arrow for next month invisible ?
Hi there, I just embeded the datepicker plugin in my html, and for some reason the arrow for the next month is not visible : It looks like this : (see snapshot_issue.png) And it should look like this : (see shapshot_correct.png) Any idea what wrong in my html ? I wrote this : <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>New TEST</title> <link rel="stylesheet" href="../js/jquery-ui.css"> <script src="../js/jquery-1.9.1.js"></script> <script src="../js/jquery-ui.js"></script>
jquery mobile 1.4
shall we use simpledialog? cant align yes no buttons horizontally and themes. how to fix this issue? and also want to show alert/confirmation dialog when clicking div not a link?
.each function exiting early
To start out I have a form which which at the time we could only access radiobutton or checkbox groups by name. Yesterday I figured out how to add id's to these and now my .each loops exit after the first loop. This is puzzling and I wish i could show you code of what I did but I am honestly not sure what to show you. I would like to ask what would be the possible reasons for a loop exiting early just because I changed from accessing the groups by names to ids. Any help offered would be greatly
Changing a data-divider-theme dynamically.
I am trying to change the data-divider-theme dynamically on a list. I am using the following code: $('#list_of_names').attr('data-divider-theme', $(this).attr("data-theme")).trigger('refresh'); With $(this).attr('data-theme') being the letter of the theme passed to it, either a,b,c or d. The first time the user presses a button the theme changes as I want it to but then on subsequent presses the theme remains the same. Many thanks, Lammie.
choosen plugin : how to detect the user click event on close button
I'm using choosen (1.0.0) , i would like to detect the user event click on the close button ? Any help please? Thanks
my jquery plugin cant be clled more than once
i am developing a jquery plugin that animate canvas arc from 0 degree to another degree, but when i call it more than once it just apllied to last one it is my html code <div id="can"> <div id="o"> <canvas width="200" height="200" data-num="94"></canvas> % <span></span> </div> <div id="b"> <canvas width="200" height="200" data-num="56"></canvas> % <span></span> </div> <div id="c"> <canvas width="200"
I canot set the width
I am having an element html <a class="icon-right"></a> css *{ border-sizing:border-box; } a.icon-right{ display:inline-block; height:90%; vertical-align:middle; } jquery var $iconH = $('.icon-right').height(); $('.icon-right').width( $iconH ); // test to see --> $('.test').text($iconH); I get <span class="test">90</span> If I look into Chrome webdev tools I get the final values --> .icon-right w=92px h=66px with test.text I get 90 and the width = 66 ! what can be wrong in my code ? thanks for
jquery ajax parse error in ie
Hi, I am getting this error in ie. But it works fine in firefox and chrome. I am pasting the jquery I used. Any idea why this is failing? var url = "http://urltocheck"; $.support.cors = true; url = url + "?ref=jquery-jsonp-request&callback=?"; $.ajax({ crossDomain:true, type: 'GET', url: url, cache:false,
first custom download -- full jquery in zip file (not compressed)
New to jquery and jquery-ui, I did my first custom download of jquery-ui. The web documentation indicates a compressed (min) version of jquery will be in the zip file, but it seems to be the full one. (two jquery-ui versions were in the zip file, both full and compressed) I downloaded 1.10.4, redmond theme, without any effects. Is this a bug? Since I'm new at this I hesitated to write a bug report before asking here.
Error using both jquery validation engine and jquery accordion in same page
Hi I used aspx form with jquery validation engine. I used jquery file for this validation given below <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>. I used jquery accordion. I used jquery file for this accordion given below <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> Individually both are worked well. But using in the same page , error occured. I know we can use only one jquery file for the two events. If I using
Getting div data-role panel via ajax
Hi there! I have a question in this code. $(function(){ var menuPanel; $(document).on("pagecreate", function(){ $.ajax({ url: 'server.php', data: 'action=left-panel', type: 'POST', success: function(data){ $('#left-panel').html(data).trigger("create"); } }); }); $('#left-panel').on("tap", function(){ $('#left-panel a').on("tap",function(){ menuPanel = $(this).attr("data-rel");
Accordian jquery works as it should in all browsers except Safari (PC and Mac), help...
If you look at this page http://signsplus.printingstorefrontsolutions.com/page/vinyl-banners in any browser but Safari, and click the menus across the top in this order, Vinyl Banners, Mesh Banners, then Yard signs, you will see that the accordion menus on the left turn red, get red down arrows, and the ul list items become visible as they should (Mesh Banners has no list items). If you look at the same page in Safari (PC or Mac), click the menus across the top in the same order, Vinyl Banners
Next Page