$(“:mobile-pagecontainer” ).pagecontainer( “change” not working on second time
On click of a button , i am reloading the same page this way (document).on('click', '.cancelyes', function(event) { alert('herree'); var uuid = '123'; var screen_id = '910'; var cust_id = '122'; var minimum_order = 133; var addreslabel = '222' $(":mobile-pagecontainer" ).pagecontainer( "change", "index.html?UUID=" + uuid + '&screen_id=' + screen_id + '&cust_id=' + cust_id + '&minimum_order=' + minimum_order + '&addreslabel=' + addreslabel+ '&accessedfrom=' + accessedfrom ); }); This works fine for
Running two jquery plugins for the same textarea
Plugin 1: https://github.com/aaronrussell/jquery-simply-countable Plugin 2: http://creoart.org/jquery.textareafullscreen/ Result: https://jsfiddle.net/master412160/L71ck8y4/3/ Issue 1: I want to add a class to the body when the fullscreeen is active: if ( $( "tx-editor" ).has( "expanded" ) ) { $( "body" ).addClass("test"); } However the class test is added regardless if tx editor is expanded or not eg you click the fullscreen icon on the top right of the textarea screen. The reason
Get json data into a DIV
Hi, I am trying to populate data from PHP into a DIV using PHP and JQuery. I am using below code and I am getting the data into the console but I want to ask how can pick a specific field name, e.g first_name or last_name in order to format it in the DIV. This is the PHP: $find_contact = $_POST['txtFind']; $mysql_query = $mysql_connection->prepare('CALL sp_find_contact(:param_find)'); $mysql_query->bindParam(':param_find', $find_contact, PDO::PARAM_STR); $mysql_query->execute(); $result = $mysql_query->fetchAll(PDO::FETCH_ASSOC);
Automatically open filtered collapsible set items
I've created a a simple page which has a data-filter applied to collapsible set items (please see code below). The collapsible set items are closed initially. I want to be able to enter a word to filter by and have the matching collapsible set items automatically opened when they are returned? I can't find anything in the docs that will help me. Any ideas? <div data-role="page" id="page"> <div data-role="content"> <h1>Collapsible set with search</h1> <div data-role="collapsible-set"
Javascript - > Date validation not happening when Imask is used
Dear All Pls visit following link http://sawarkar.in/savarkaradmin/patriotsavarkaredit1.php?id=8229 the top most field i.e. Arrest Date formated Pls enter dd-mm-yyyy format when I enter date 50-55-2222 (dd-mm-yyyy) format the Javascript function chkDate() displayes the the day, month and year correctly but not validated i avail Year, Month and Day as follow (even tried parseInt) var yr=parseInt(idate.substring(6,10)); var mm=parseInt(idate.substring(3,5)); var dd=parseInt(idate.substring(0,2));
Dialog not centered
I'm using 2.1.3 on IE 11 and the dialog doesn't center itself Here's the actual code. Just one thing does it's to put the initialization of the dialog in a setTimeout of 500 then it works. How can I make sure it is centered without the setTimeout ? $('#GenericDialog').dialog( { position: { my: 'center', at: 'center', of: window }, width: 'auto', show: 'fade', hide: 'fade', showAnim: 'slow', title: 'Information de la prise', closeOnEscape: true, dialogClass: 'dialogWithDropShadow',
Default items for jQuery UI droppable shopping cart demo
Hello, I use a modified version of droppable shopping cart demo, from this source: http://jsfiddle.net/andrewwhitaker/t97FE/embedded/result/ I can drop items to cart and delete items from cart. It works perfectly when I start with an empty cart. The problem is if the cart is non-empty when I load the page. If I add some items to the cart manually (with <li></li>), I can't delete them. I can drag, but I'm not able to drop nowhere. Please help me to solve this... Thank You and best regards: Endre,
Launching my Matrrix-Gallery experimental Plugin
hey guys how are you all doing ? lately i have been working on a small jquery 3d plugin of mine , this is only my 2nd plugin , i took about a week to build it , its pritty straightforward , its still lacks alot important gallery functionalities and also , you need to parse in a object literal of options for the plugin to start working . i am just puting this out here , so you guys can have a look and tell me what you think about this plugin . its not for production use at all . DEMO LINK . the
Need HELP! My jQuery isn't working somehow :(
Please look at http://jsfiddle.net/wg9j4n1f/6/ When you run the above jsfiddle page, you will see a table render. In this table, you will see rectangular lightgreen boxes. They are <div>s, and each one is a child to a <td> tag that has a 'rowspan' attribute. My goal is to use jQuery to set the <div> heights to match their <td> parent. Can someone help me out with this please? Thanks.
jquery table row
how to send selected row to confirmation box in mvc. and how to get that selected row in confirmation box ok button in mvc
extern file for closure
Hello, I'm a total javascript and JQuery beginner In order to use this JQuery plugin http://amsul.ca/pickadate.js/ with a clojurescript framework called Hoplon, it should be available in here http://cljsjs.github.io/ In order for it to make into cljsjs/packages I need to write an exten file I need help with that because I can't read javascript so I don't know which symbol is relevant to this extern thing Here's my attempt https://github.com/humanitiesNerd/packages/blob/master/pickadate/resources/cljsjs/common/pickadate.ext.js
Trying to Learn Scrollorama
I tried to learn scrollorama over the weekend, I have tried to learn and use a lot of jquery plugins in the past, never had problems with any. However this one is really confusing me a lot. I have searched stackoverflow, and other websites about superscrollorama tutorials, however none of them specify the exact way to do it. I have made a fiddle here for this purpose. http://jsfiddle.net/4o46jdj7/1/ Here is what I am trying to do. The red div should pin, then the #text-1 should scroll up and fade
animate ({}); !!!
how make this work ? var direction = "left"; $(".slider").animate({ direction : "10px" });
cross domain call webservice
hi all. I am trying to make a call on a webservice by javascript/ajax, when both files are on my localmachine it is working fine, but when i move the webservice to another server it is not working. can any one please help., I would appriciate with some code. this is my code: <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/cordova.js"></script>
<script src="js/jquery-1.6.4.min.js"></script>
<script src="js/jquery.js"></script>
Counting total post count and generating ranking stars based on it
This is something quite similiar to: https://jsfiddle.net/master412160/u1pcpo8r/2/ I want to count the post count of a user and based on that post count show some star or two in their profile. So the higher their post count they more stars they have shown. In total the max is 6 stars. Please see this fiddle: https://jsfiddle.net/master412160/qsvyea50/7/ The things we need to make happen; Let jquery count the post count and if its higher then x add class or remove class to one of the star boxes. <dd
Validate Birthday Picker
Hi, I am using this birthday picker: http://www.jqueryscript.net/time-clock/Customizable-Dropdown-Birthday-Picker-Plugin-with-jQuery.html so I am adding it like this: <div id="birthday"></div> The birthday itself is not requited but I want to know how can I make the month required is the day was selected / the day required if the month was selected? How can I do this please? Thanks, Jassim
Accordion Content Issues
I have <code> $(function() { $( "#Medal-accordion" ).accordion({ active: false, collapsible: true, heightStyle: "content" }); }); </code> but the height still shows as auto
Jquery use when function in for loop
I am try to use when in a for loop , but the counter can not get correctly,always get 11 for(var ti=0;ti<10;ti++){ $.when(ajaxfunction()).done(function(){alert(ti);},500) }
Add class to link if link is external and is anchor text and not plain url
So the idea is that if I type www.example.com nothing happens. But if I type in <a href="example.com">Example.com or example</a> it adds what you see on hover here: https://jsfiddle.net/master412160/pu9aeh6j/1/ the output url. This makes it easier to check were a link goes to. instead of having to look down in your browser you see it presented before you. However I never done anything like this before, The idea is to let js check if the url is internal or external and if its external add a class
Jquery slider value
Hello I'm begginer in Razor code, also in Jquery:) I have a few forms on my page, each of them are in <fieldset> forms, with post method and input submit buttons - this works perfectly. In middle of my page I put jquery slider to let user modificate something by visualization. In html I have got: <div class="sliders" id="sliders"></div>
<div class="slidersview" id="slidersview"></div> Then in jquery I got simply code: <script>
$("#sliders").noUiSlider({
start:
Using Autocomplete: Any way to ignore "space"
I have a long list of web links, and a search field that allows users to search them. The user starts typing into a search field, and the form uses jquery ui autocomplete to instantly display the list of matching links. They can click a result and instantly be taken to the site. The problem is, if they type a "space" first, it renders every single link whose label contains a space in it. Is there any way to construct this so spaces entered are ignored? Example code: $(function() { var availableTags
Animated scrolling with elaborate test console
Hi y'all, First post here. After coming across a lot of jQuery while googling and realising it's potential, I was completely converted to using it. That wasn't too long ago but I've been reading up and experimenting... After creating a few parallax images, I started looking for a good smooth scrolling solution. Not finding a satisfying answer, I went ahead and wrote something myself : $(document).ready(function() { $(window).resize(function() {edge = ($(document).height()-$(window).height())}); var
Is this possible with jQuery? Notifying user of a new theme update in template
So I'm making a style for a forum software platform. What I would like to do is add a script to the theme that when I release it and people download it and install it on their forum I can track the active installs and also notify the admin by showing a content block that is only visible to admin with an IF statement notifying to upgrade to the latest version of the theme. Kinda like Wordpress does with its themes. So I need some sort of version check plugin that can work with SQL or something or
Hard time positioning jquery dialog
Hi guys, I have the following and it positions the dialog at 0,0 of the viewport. Any idea what is incorrect ? $('#GenericDialog').dialog( { position: [500, 500], width: 'auto', collision: 'fit', show: 'fade', hide: 'fade', showAnim: 'slow', title: 'Information de la prise', closeOnEscape: true, dialogClass: 'dialogWithDropShadow' });
Help is needed to complete the code
I have stuck up with some code. Please find code at: http://plnkr.co/scWeFdWd6K4X7QTdIT8T Line no. 56 - 78 are not displaying. With Best Regards, [Swarup Modak]
Hook into submit button
Hey there! I am trying to call an action before submitting, when an order is placed in WooCommerce. I am trying to target the specific submit form like this: jQuery('form[name="checkout"]').submit(function(event) { alert( "Checkout submit!" ); console.log('test'); event.preventDefault(); }); However, it doesn't seem to work. The page just submits the order like it has always done. Can someone please point me in the right direction? Thanks!
Adding form elements to a dynamic created form
All, I'm creating a statistics website for our football team in Laravel (PHP), bootstrap, jQuery .. All is going fine, but I'm struggeling with the following idea ... I have a form, that is being created dynamically. From the start, each player know in the database is shown in the form. This form represents who played the game at what position, how many minutes, ect ... At the end of every player line, there is a button. This button needs te be clicked in order to add an action. Yellow card, red
Charts that I created are not showing in Internet Explorer 7 or 8 ?
I am using Jquery charting library .
Multiple slideshows in a table on one page
I am trying to get a slideshow to fit correctly in a table. I am new to jquery. I want to fit it within cells of the table. I have tried to adjust the slideshow "li" attribute but can't get it to work. Please help me to achieve this. Here is my code, Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>main.html</title>
Check if element does not exist
I'm trying to check if an element doesn't exist & if it doesn't then hide a parent: $('#imagepackwrapper div[id^="packimgdiv"] img.imageStyle').each(function(i) { var ick = $(this).length; console.log('Exists: ' + ick); if ($(this).length == 0) { $(this).closest('div[id^="packimgdiv"]').hide(); } }); The console is only detecting those with a length of 1. How do I detect when the image is not in dom? HTML: <div id="imagepackwrapper"> <div id="packimgdiv0">
Locations Filtering
I am creating a page where I want a user to be able to view a list of locations and select the ones in which he/she is interested in. Below is where I am with the application currently: https://jsfiddle.net/bearcatrunner/3ch3a8ac/2/ What I would like to do is that when a user selects a location (via checkmark box maybe? see my example) I would like it then to go into another list and if possible be removed from the current list. If box is checked it goes into new list and if it is not checked
Uncaught TypeError: Illegal constructor on Chrome -- TypeError: Constructor Document requires 'new' on FF
I'm trying to use jquery to create a fancy box, but i have an issue loading jquery's script. I tried different versions 1.x and 2.x. All return the same error, on chrome it's: Uncaught TypeError: Illegal constructorj => Query.Callbacks.fire @ VM965 jquery.js:3148 jQuery.Callbacks.self.fireWith @ VM965 jquery.js:3260 jQuery.extend.ready @ VM965 jquery.js:3472completed @ VM965 jquery.js:3503 on Firefox: TypeError: Constructor Document requires 'new' This is the method related. for ( ; list && firingIndex
choose only one radio
I have two radio buttons: <label> <input type="radio" name="JType" data-toggle="collapse" data-target="#juridical"> Juridical person </label> <label> <input type="radio" name="PhysType" data-toggle="collapse" data-target="#physical"> Physical person </label> can you please to show how to create jquery function which will allow to choose ONLY ONE radio. thanks.
Uncaught TypeError: $(...).autocomplete is not a function
Hi I am working on ASP.NET project and i want to use autocomplete feature of jquery. Every time it gives same error "Uncaught TypeError: $(...).autocomplete is not a function " i tried hard but i could not fix my problem. I googled lot still facing same problem. Kindly help me Here is my code : <script src="jquery/jquery-1.10.2.js" type="text/javascript"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"/> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js">
Sort table row from data attribute
Hi, I have the following code and despite all my attempts it doesn't sort. I've console.log before and after and it's the same. When I debug the comparison it returns the right value. I'm wondering what I'm doing wrong var Elements = $('#tablecontent tr'); $(Elements).sort(function (a, b) { var contentA = $(a).data(SelectedSORT == 'ROOM' ? 'appartment' : 'fullname'); var contentB = $(b).data(SelectedSORT == 'ROOM' ? 'appartment' : 'fullname'); return (contentA < contentB ? 1 : 0);
Menu control doesn't respond to Enter
Debatable whether the selection should be triggered by Enter, or Space, however for Enter, there is no code hooked up to the case: case $.ui.keyCode.ENTER:
understanding waypoints code
hey guys ! was just going through the code of waypoints.js and came across the following lines of code :: var Waypoint = window.Waypoint function isWindow(element) { return element === element.window } function getWindow(element) { if (isWindow(element)) { return element } return element.defaultView } and I have the following difficulties :: what is element.defaultView doing ??? MDN , does't give much info and here , its mentioned , that it gives a referance to the
Jquery extend VS pure JS extend
hey guys just came across a extend function in a pure js plugin here , have a look below :: NoFrameworkAdapter.extend = function() { var args = Array.prototype.slice.call(arguments) function merge(target, obj) { if (typeof target === 'object' && typeof obj === 'object') { for (var key in obj) { if (obj.hasOwnProperty(key)) { target[key] = obj[key] } } } return target } for (var i = 1, end = args.length; i < end;
why is jquery source code stored in multiple files ??
hey guys , bit of a random question , i was just checking out the jquery project hosted on github here . , and there are so many folders and sub folder and some methods are in one file and the others are in another , now i taught jquery was just going to be one bit js file , the last time i put the CDN link in the browser , i saw a js file that spanned about the size of 10000+ lines of code , so what is this new style of organizing code ? is there any document that makes sense of this style of
A little help needed with a replace function
I am trying to replace a character with all headings but cannot seems to achieve it without also changing styles/href's. Here's my attempt at the function with a following example of the problem. $(document).ready(function() { /////////////////////////////// // find and replace headings // $('h1, h2, h3, h4, h5, h6').html(function (replaceos, osreplaced) { return osreplaced .replace(/o/g, '0') .replace(/O/g, '0'); }); }); <h3>Here is my string, I want t0 make changes here <span style="c0l0r: #4a1e51;">and
Next Page