spritz.js documentation or gt repo
hey guys have a look at the source of this website . In the resources you will come across a plugin called spritz.js , can somebody tell me where can i find the documentation of this plugin ? or is it hosted on git . i have made a small demo to illustrate the usage of spritz.js .
Switch between hover and click events, depending on window width
I have made an HTML5 responsive, 2 levels menu you can see HERE The wide screen version shows submenus upon hovering over the main menu items; the narrow screen (less then 800px) version shows submenus upon clicking the main menu items. The problem is that, if I resize the window, the switch between hover and click events does not happen properly. Of course, I want the menu to react at click on mobile devices... What shall I change in my script? Or is there an already made solution that I can use?
backspace key press on Jquery ui Autocomplete textbox doesn't remove any letters on it?
This is my text field for which i am uisng Autocomplete . <input type="text" name="state" id="state" placeholder="State" maxlength="25" required onkeypress="return nospecialCharacters(event)"/> $("#state").autocomplete({ source: function(request, response) { var statevalue = $.trim($("#state").val()); if (statevalue) { $.ajax({ url: url + 'eee', dataType: 'jsonp', jsonp: false, timeout: 6000, jsonpCallback:
How can I create a class for datepicker script?
I am not a coder and am new to jquery. I am using a datepicker script and I need it to appear in more than one place on the page. I asked in another forum but only got as far as the advice to "create a class" before his patience ran out. I am not sure if he meant a css class or something within the js file. Any help would be GREATLY appreciated. :) This is the script I have in the head tag: <link rel="stylesheet" href="jquery-ui-datepicker.css"> <script src="jquery-1.10.2-datepicker.js"></script>
Syntax
forexample in Mozilla Developers its written: Syntax arr.forEach(callback[, thisArg]) i know forEach usage etc. but i dont understand the way it declares the syntax its written like [, ] what does callback[, thisArg] mean? why it opens the bracket, puts comma and closes bracket after thisArg ??? in fact i cant learn forEach syntax and usage by the way its declared 8-}
Run PHP with JQuery Progress Bar
Hi, As an example, I have customers in my database. I want to check the numbers of the customers using check_total_number.php then after getting the value I want to run update_customer_data.php but with showing a progress bar for that number of customers. How can I do that using $.ajax? Thanks, Jassim
Failed to execute surroundcontents on selection containing span tag
I am trying to color the background of a user text selection with two colors according to his choice with the option to change the color of an already colored selection. I use jquery and html to generate span tag . the problem I encounter is when the user want to change a already colored selection example: colored selection text0 text1 text2 text3 with color1 <span class= color1> text0 text1 text2 text3 </span> text4 text5 text6 user select text2 text3 text4 to color it with color2, this var newNode
Using URL Parameters
I am using some URL parameters in my jQuery and have come across a bug. Since JS is not my primary (or even secondary if I'm honest) language I am at a loss to know why. I have the following function. function urlParam(name){ var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); if (results == null) { return null; } else { return results[1] || 0; } }; I then call this with the following lines (much reduced for debugging)... var urlProduct = urlParam('product');
Question for confirmation : are DOM changes applied immediately ?
I've got a weird case of adding an HTML fragment from an Ajax call does not seem to have happened immediately. In the done() callback the fragment is appended into an element and some subsequent code is executed. The code fails because it doesn't seem to find the added markup. And indeed, when pausing the execution, the markup is not present yet. However, everything works when the code is scheduled in a timeout of zero ms. Maybe some kind of precedence in the rendering process of the page. I'm pretty
How can I get a hidden HtmlTableRow to display?
I am creating some html elements via server-side (C#) code. Since this is a jQuery forum, I won't show that code, but it adds a column caption row and a first row of "textboxes" that are visible; then, I add two more rows of textboxes that start off invisible. I additionally (no pun intended) have a button (with the caption "+") that should make the first invisible row visible on the first click, and the second invisible row visible on the second click. I'm trying to accomplish that with this jQuery:
Event Listener Not Working With colorbox Plugin
I am using jQuery Plugin 'colorbox' for a lightbox solution on my site, but when I try to use any event listeners, such as 'cbox_complete' to customize the size of the colorbox to allow for a larger space under the photos for the captions, it doesn't seem to ever fire. Here is the page with the colorbox and below is my event listener. Just click the first image in the content area of the page to start the slideshow. Right now I have the title positioned over the bottom of the photos being loaded
Click event for dynamic checkbox not working?
http://jsfiddle.net/au901wLt/1/ Click event for dynamic checkbox not changing value?
Ajax url error
Following is a snippet of ajax code which works fine if the call is made from home page. If I use it in another page I get 404 error code regarding the "url:" option. As seen from the code the url is "wp-content/plugins/myplugin/build_responsive_css.php" In case of another page say "page1" I get the following error in the Chrome consol: page1/wp-content/plugins/aaa-responsive-design-helper/build_responsive_css.php 404 (Not Found) How can I solve that? Regards I. Sher
How to create the tables in Matrix form
When i enter 3 in the input box it should be able to create a 3X3 tables (i mean 9 tables should be created) dynamically and it can happen up to 64, how can we do in jquery, Any help would be appreciated.
Uncaught ReferenceError: jQuery is not defined
Hello guys i am using jquery in python but i cant resolve this error need help
How to calculate the difference between two cordinates
I need to calculate the difference between the two co-ordinates as mentioned below. The values are left and top positions Starting Coordinates : 8 , 115 Ending Coordinates : 168, 115 Difference is : 160, 0 and then i need to divide it by 40 So my final result will be : 4,0 Please let me know how can i do it in Jquery.
Getting div top position
Hi, I need to get a div's top position that has the following css - #bodyDIV {
position: absolute;
width: 80%;
height: 80%;
bottom: 10%;
left: 10%;
background-color: #808080;
border-radius:3px;
} The following code return "auto" mydiv.css("top") What is the right way to get the actual div's top position ?
Background ajax
Hi, I send an ajax request every some time with a javascript timer , when ajax call start it shows the jquery mobile loading sign. I want that ajax call to be in the background without showing the loading sign , How I do that ?. Thanks
Please advice on plaform
Hello, I am planning on creating an app aiming to the android platform and I would like some advice from users with experience with jquery mobile. My app is going to incorporate: - Google map usage - User current location - Sql database - Forms that the user will save data - user saved points (lat/lon) into the database - Geo location queries Can these be accomplished with jquery mobile and HTML5 or should I be looking directly at native android development? thnx in advance
I am new in Jquery..I want to get all controls values from table which is generated dyanamically in cs page,i want to do same operation using this control id or class?
i want to iterate tables values and add in to #txtGrandTotal textbox. each textbox keyup event i want the fire this function and calculate add or minus textbox value and get result in last outside txtGrandTotal which is not part of dynamically generated textbox. for example i want tax calculation in that many textbox generated like dynamically generated table name is tblTable --------------- ------------ ----------------- basic amount- 330 discount 5%- 16.5(minun from basic) subresult=
jQuery UI Resizable display issue with div inside <ul>
Hello, I'am trying to apply the resizable widget for div inside the grid items.But the 3 resizable icons displayed incorrectly for the grid item.If you apply it for normal div then it displays properly but not for elements inside <ul><li> tags. for example <ul> <li> <div id="usernote"> ///content goes here </div> </li> </ul> $("#usernote").resizable(); Thanks in advance for the response. Regards,
How to et the current end points of svg path?
Hi all there is an example of how to draw a svg path (and others) while I am scrolling - link . So there is a path rendered in svg. At the beginning that path is not rendered. Just as I am scrolling it is rendered step-by-step ... so how can I get the current position of last points [ x,y ]? I hope you understand what I want and thank you for answers.
Using text-indent with animate
Following a JQuery tutorial, the instructor uses this code to rotate a menu button $('#toggleMenu').animate({ 'text-indent':1 },{ duration:1000, easing:'linear', step:function(now){ $(this).css('transform', rortateZ(' + (now * 360) + 'deg)'); } }); And then same code but with 'text-indent':0 to reverse the animation, the instructor said he is using 'text-indent' to be used with step function but I really dont understand, can you explain more the what is the role of
Replacing substrings in a string to a common string
I have a string that contains few substrings separated with spaces. I want to replcae all spaces with a two character string: " -" (space with hyphen). example: original string : "aaaaa bbbbbb abc" required string: "aaaaa -bbbbbb -abc" I tried javascript replcae but it doesn't work. Can someone help please? I. Sher
ajax refresh form
hey guys, i am new in jquery, i tried just load a specific div with error msg in a form, works nice the page not reload perfect, the one problem that return for me my full page repeated 4 times in the same page. example: when i click the button load in index 4 index page :) i want just load everything inside that div with that class $(".text-danger") thanks. userview.php <div class="row"> <?php $attributes = array("class" => "form-horizontal", "id" => "userform", "name" => "userform");
Facing issues with Jquery Mobile and jquery ui autcomplete feature
This is the way i am using autocomplete for my jquery mobile application which is using jquery ui <input type="text" id="iamat" name="iamat" onkeypress="return nospecialCharacters(event)" required/> <div class="autoSearch_result_Wrap" id="iamatsearch" name="iamatsearch"></div> $("#iamat").autocomplete( { source: function(request, response) { var iamat = $.trim($("#iamat").val()); $.ajax( { success: function(data)
$(“: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>
Next Page