UK Date format for datepicker in Google Libraries?
I am running a Customer management and follow up system called Infusionsoft. I can create secure webforms (https connections) for my clients to use that are hosted by that company. They have a form "Builder" that lets you drag and drop elements onto the form. One of the elements is an "HTML" element that will let you insert code. I am trying to implement a "Date Picker" for a date field that is on the form. I found that I could use this code to get the Date Picker Calendar to appear: <link rel="stylesheet"
jQuery AJAX return isn't returning PHP data?
I got my index page: <html> <head> <title>YTBypass</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ requestPage(); $('a[href]').click(function( e ){ e.preventDefault(); url = $(this).attr('href'); url = (url == '/') ? 'http://www.youtube.com'
Jquery Slider not updating input fields live
Hi I am trying to make a quote generation tool using multiple sliders but for some reason the totals do not update 100% on one slider until you use the other, then vise verser . I have tried many things but am missing something here and hope that someone can help, here is the code: <html lang="en"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-latest.js"></script>
Finding the element the handler was bound to within handler function passed to on when using a sub-selector
This question is somewhat related to the thoroughly confusing thread at http://forum.jquery.com/topic/event-selector-doesn-t-apply-to-the-original-element-bug-or-feature. If I establish an event handler, like for "click", on a set of elements found by a selector, using on to specify a selector for the actual child elements that should notice clicks, is there any way within the handler to find the specific element that on was applied to? For example, lets say that I have a TODO list, with a set of
jquery validation in php
Hi, I want to create a twitter like user registration form for php web application. I have searched alot but couldn't find any all in one JQuery Plugin which provide the following functionalities to my webform- 1. Form Feild highlight when onFocus and on error 2. Proper client-side form validation 4. Check user name availability 5. Check email availability Can anyone know any all in one plug-in which I can add to php registration forms to make my forms live? I'm extremely new to jquery and it my
What jquery (or javascript) is this
Hi all, I am a student in webdesign and i was wondering if someone could help me with my question. I would like to use effects i saw on a portfolio website : (http://davidluepschen.com/) Could someone help me on how to achieve this? Thx
Checking every radio button
Hey guys I am knew to jQuery and I'm not completely sure if i am using the syntax correctly. I would like every radio button to be selected when I click the on the button. If someone could guide me some where or explain what is wrong with my code much would be appreciated. Thank you. <!DOCTYPE HTML> <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <style> </style> <script> $("input:radio").each(function() { if ($(this).attr('checked') != "checked"){ $(this).attr("checked","checked");
Auto update textTotal fields
Dear all, I am just a beginner programmer of jquery that still studying. I have a form and it contains these fields. textPrincipal textInterest textServiceCharge textTotal my scenario is. when I input 1000 to my textPrincipal, my textTotal will automatically update to 1000 without going or clicking to other fields. and when I input 10 in textInterest automatically the value of textTotal field will change to 1100 because 10 percent of 1000 is 100. the same thing in textServiceCharge when I input 50,
IE8 handsontable error : Object required.
Hi Guys, Everytime i refresh my webpage or call the handsontable.js , iam getting the following error Object required and it is pointing the line : 5324 in the jquery.handsontable.js file . 5324 : this.x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; I'am using 0.8 version.. I'm thinking that is something related to DOM load but cannot confirm that.. Any help will be more than appreciated.
dialog not working on 1.10.0
I have a problem with a dialog and I have had to roll back to 1.9.2. The dialog box shows however it is covered with grey which has the same Z order as the dialog itself. (I force z-order 100 and grey box was 100, then z order101 and it was 101.) I can type and tab between fields however I cannot click to select the input box on the dialog itself. The problem varies slightly with AutoOpen true/false. Without autoOpen the greying out covers the entire screen and when I scroll it is only partially
Why does $("#somediv") === $("#somediv") return false?
It seems that the same selector does not return the same Object so for example the following does not work: var ua = $('#somediv'); ua.minified = true; ua.click(function() { if ($(this) === ua) { alert("foo"); } if ($(this).minified === true) { alert("bar"); }The "if" statements return false. I would like to attach some custom properties/attributes to the object returned by a jQuery selector but it's not useful if the above does not work. For sure the above is a bad usage of jQuery
What happens when javascript fails?
First off, I'm quite new to javascript and jquery. But in the past couple months I've come a long ways. My question is basically this: I've got an onload event setup on my body, which uses the PerformanceTiming features to log certain data. My understanding is PerformanceTiming only works with browsers supporting HTML5 What happens is a clients browser does not support HTML5? Will it stop executing javascript once it hits the unrecognized code? What about the execution of different javascript at
how to place large irregular sized image into a jQuery UI button
Given a button of a fixed size and an image of an unknown size (but smaller dimensions than the button), how do I dynamically place that graphic onto the button? This example only handles something icon sized, as does this example. My own attempts end up cropping the image in the lower right. Hoping to get something robust that works across anything themeroller can spit out. Here's a link to a live example: http://jsbin.com/iliqih/2/edit <html> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css"
Joomla dropdown menu horizontal/vertical
I’ve made own Joomla template, but I don’t know how to create a superfish horizontal menu bar. What I found in http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started is it understandable for me. I still dont’t how to use e.g. in„top” module positon.So I need some detailed process 1. link to the head tag: <script type="text/javascript" src="superfish.js"></script> (Probably this javascript has been called in template/xxl/index.php) 2.It says „Call superfish() on the containing ul element”.
Using :first Selector with .prevAll() and Multiple Elements
So I've Googled the .prev(".class") issue and found the solution, .prevAll(".class:first"). However, that doesn't seem to work with multiple matched elements. The :first selector seems to be applied to the entire list at the end, what I would expect .prevAll(".class").first() to do. What I would rather have happen is the selector be applied to each element in the "result set". Does this seem to be a bug or rather just how jQuery works? <!DOCTYPE html> <html><head> <title>jQuery .prevAll() Selector
Reload of php file to div in lightbox-style
Hi everybody, sorry for asking such a maybe dumb question, but something isn't working out like I except it. I have two php files, one you can see as index.php, the other should have some content from different db-queries. The first one (index.php) contains a table with weekdays as rows and columns for what you like. Every different cell-click to this table should do a different db-query. If I click monday, column 1 it probably will query "select release from os", if I click on column 2 "select *
script format question
Hello - I'm making a javascript update within a javascript block on an aspx page. This page was written by a previous developer. Here's a basic example of the structure of the script block: <script language="JavaScript" type="text/javascript"> <!-- function Test() { alert('test'); } --> </script> Is there any purpose to having the html comment symbols wrapped around the js functions? When I started web programming 15 years ago I seem to remember that there might
jq mobile want work with local js- and css files
hi, i store the jquery-1.9.1.min.js, the jquery.mobile-1.2.0.min.js and the jquery.mobile-1.2.0.min.css in /lib/js and /lib/css at my index.html i put these in the header: <link rel="stylesheet" href="lib/css/jquery.mobile-1.2.0.min.css"/> <script src="lib/js/jquery-1.9.1.min.js"></script> <script src="lib/js/jquery.mobile-1.2.0.min.js"></script> but no jq mobile works. if i replace it with (from your homepage): <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"
common value in 2 arrays
I'm trying to find a common value between two arrays. In this case I have two select drop downs and each option has multiple classes assigned. There will always be 1 class value that is common in both selected options. <select id="optionSel1"> <option class="sku0" value="" selected="selected">-- Select --</option> <option class="sku7 sku8" value="2">female</option> <option class="sku10 sku9" value="1">male</option> </select> <select id="optionSel2"> <option class="sku0" selected="selected">--
How to create infinite loop with slidetoggle()?
in jquery, what is the easiest way to automatically slidetoggle an object every 3 seconds after the page loads? I basically want the object to open its mouth for 3 seconds, then close his mouth for 3 seconds, then open his mouth for 3 seconds, infinity. thanks! *Break through the ice and never look back*
What is my best option to re-populate the dropdown menus, each depending on others and data coming from server?
$(function() { console.log("document read"); var comingBack = "${comingBack}"; if(comingBack == "true"){ var idAndFieldValue = "" + "${testGetIDOnDemandReportFilterAction}"; var splitString = idAndFieldValue.split(":"); var selectingID; var selectingFieldValue; var tagName; var i; for(i=0; i < splitString.length-1; i+=2){ selectingID = splitString[i]; selectingFieldValue
Completed JavaScript refresher - where next?
Hello I used to do JavaScript years and years ago but hadn't returned to it until just recently. I worked my through "JavaScript in 24 Hours" which was very basic but fine as a refresher - it all came back pretty quickly. I used to do a fair bit of ActionScript too which has some similarities. So I'm comfortable with the basics again but I get the impression that real world use of JavaScript has moved on quite a bit so I'm wondering where I need to go next. I posted to the jQuery forum as first I
Page Create event for ALL pages?
Hi there, I want to fire a function when every page is created, from the API documentation I can see that I can do the following: $( '#aboutPage' ).live( 'pagecreate',function(event){ ( ":jqmData(role='sweet-plugin')" ).sweetPlugin(); }); However, this event handler seems to be for a specific page. Is there a similar event I can use for all pages? So that whenever any page is created, I can trigger a custom function? Thanks.
I can't get any jQuery code to excecute.
I can't get any code to work! As a test I have written this code. Any idea what could be causing this to not work? <body> <script type="text/javascript"> $(document).ready(function() { $('div').hide(); }); </script> <div> Test </div> </body>
jQuery Example Needed for JSON URL
Hi everyone, I have a url that returns a JSON dataset but I am not having any luck getting jquery to work bringing back the data an displaying it on the web page. Can someone provide me with an example. I checked the output format from my url and it's valid json. Here is the link I am pulling from http://www.ngsmedicare.com/wps/PA_CodeSearchTool/search/json/Ambulance?dateOfService=2012-12-11&procedureCode=A0425®ion=13102&locality=00
.remove not working
For some reason this will not remove the <li> items generated from Parse API. Although it will remove the <li> items that are already on the DOM. Is this a Parse API problem or jQuery? Here's the HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Andria Jade, Ceramics Portfolio</title> <meta name="Adam Yost" content="Check List"> <link rel="stylesheet" href="reset.css"> <link rel="stylesheet" href="styles.css"> <!--[if
set up back button history for search page
jQM 1.2 I am needing to be able to return, using back, to the Search/Filter page after a user clicks a link on the Search/Filter page. To the nav.html page, I have added the attribute data-dom-cache="true" to the div with data-role="page" (see below), but is not working. nav.html <body> <div data-role="page" data-dom-cache="true" data-theme="a" class="nav-search"></div> </body> Am I adding this to the correct page/div? Also, shouldn't I be able to find the script in the .js files that are triggered
back button history not working with search form
We're using the pop-up dialog element. ( data-rel="dialog") to load a simple search form. The user enters a 3-digit code and is redirected to the profile on our site. However, after that search, the back button no longer functions properly. In some instances it will only take people back to the home page of the site and not to any of the subsequent pages, and in other instances, it stops working entirely. Here's the working draft of our site which shows these issues. http://m.natureandmore.com/mobile_home
Toggle class for images
I have a series of images that a user can select. I want to change the mouse pointer when they hover over the each image. I want to display the image with a red border after they select it. Each image is set up like this: <asp:Image ID="imgHorse" src="../Images/Horse.png" class="SelectableImage" runat="server" alt="Horse"/> My JQuery is as follows: <script type="text/javascript"> // Bind hover and click events to images $(".SelectableImage")
Themeroller icon color washed out (too light)
I have been using JQUI for a while and have a few custom Themeroller templates in use. I wanted to upgrade a theme to JQUI 1.9.2 and went to my 1.9.1's themeroller URL. The problem I have noticed is that the icon colors seem washed out. I have chose a dark purple color in the default state icon field (#252669), but the color that comes out is much lighter (#6A6BAA). I have attached a screenshot with the colors side by side to illustrate. Has some new option been introduced in themeroller or something?
JQuery Mobile Fixed Footer Bar disappears when orientation change
i am developing mobile application using JQuery Mobile, in the main page which is home page everything is fine but when moving to next page and change ths orientation footer disapers completely, however the code i am using for all the pages are same here is the code i am using for the footer <div data-role="footer"> <div class="separator"></div> <div data-role="navbar" data-iconpos="top" class="line" id="line"> <ul> <li><a href="#home_pg" id="tab1" data-transition="none">
Getting Values in each function.
In My page have 10 fields in 5 sections. for example every section have two fields. <label>Age</label> <input type = "text"/> <label>Months</label> <input type = "text"/> <label>Age</label> <input type = "text"/> <label>Months</label> <input type = "text"/> <label>Age</label> <input type = "text"/> <label>Months</label> <input type = "text"/> <label>Age</label> <input type = "text"/> <label>Months</label> <input type = "text"/> <label>Age</label> <input type = "text"/> <label>Months</label> <input
jQuery selector?
I have a table defined like below from a server generated page. I'm trying to get a handle to the <thead> portion so that I can add another heading. I'm not quite sure how to do this with jQuery. I did it by traversing the DOM and somehow was able to do what I wanted, but I want to know how to do it for future reference. Can someone help? Thank you in advance for your help. <div class="zendiv" id="ExpenseSubTable" zen="86" style="height: 394px;"> <table class="tpTable" border="1" cellspacing="0"
JQuery in Wordpress
I am creating a website using Wordpress using a theme that I purchased. I want to make a change to the accordion that the designer made using JQuery, but I have never used JQuery before. I ultimately want to make the accordion function so a certain section of the accordion will open when the title of that section is linked from a different page. I don't know what changes I need to make to the JQuery or even how to access the JQuery in Wordpress to make any changes. Any help would be greatly appreciated.
How to change style for disabled option in a select menu?
Hi I am disabling some options in a select menu and enable the rest but i like to give class to the disable item. I want to change the color and put a image background to those disabled items how can i change the color and add a background image? here are my code to disable options for(var i = 0; i <= 86400; i += 1800){ var seconds = i.toString(); var newTime = i.toHHMMSS(); var titleSec = fromHHMMSS(title); //this needs to be converted to seconds if(i < titleSec){ $('#startTime option[value="'
Ajax looping by design - pitfalls?
I need some sort of transactional client/server/client processing - My expected solution is Ajax Send. If Ajax Error were to be called, it would call Ajax Send again to retry. Does anyone know of potential pitfalls that this might create when it comes to client memory usage? I'm using jQuery 1.8 (I need to recode to upgrade to 1.9 and am holding off on that for a month or so). Thanks!
Incoming call
Him I know this is a stupid question, but I have been looking for 1 hour now and did not find anything. How can I react to an incoming call? I have read about events like tap or swipe, but not this. The right keyword might be enough ... Thank you Peter
button click
i want to put a asp.net button control in accordion <div>, and on click of button i want to open particular section of accordion , how to do?
Insert the scrollbar value into input field
Hi I've this script, inspired by the codrops slider pagination concept http://tympanus.net/codrops/2012/12/21/slider-pagination-concept/ I'd like to put the value obtained by the slider into an input field value (i.e. <input type="text" value="((slider value here !))"> ) instead of into the div#preview. How can I do ? Thanks KD <div class="container"> <div id="preview" type="text" class="preview">0</div> <div id="slider" class="sp-slider-wrapper">
print uploaded document
Hi, A column in my grid is of dropdownlist type. In dropdownlist, there is a option- "Print". When user selects this "Print" option from dropdownlist, then he shall get the printout of the uploaded document. Is there any way to achieve that? or is there any way to print the page of another url? as windows.print() will work for the current page. Regards,
Next Page