Combining jQuery validate and jQuery Real Person
I'm using jQuery validation to make sure all my required fields are filled in, however I was getting a lot of bot spam and want to use something like jQuery Real Person as a captcha system . How do I combine the 2, so that submit will fail if the captcha field text is not correct? I've already made the captcha field required, now what's the next step? $("#enroll").validate({ invalidHandler: function(e, validator) { var errors = validator.numberOfInvalids(); if (errors) { var message = errors == 1
TypeError: $(…).data(…) is undefined when trying to use first selection result
I'm using autocomplete plugin to select university from an external json list. Now, it will be such that once student selects university, later he will need to choose his faculty. For instance, Columbia University: communityid = 11 : parentID = 0 Architecture, Planning & Preservation: communityid = 14 : parentid = 11 I dont understand why I am getting `TypeError: $(...).data(...) is undefined` error. HTML <form action="content/signup/index.cs.asp?Process=AddMember" method="post" class="signup-form">
Returning from pdf resets the ui.
I used jquery to make an accordion/outline list of links to a bunch of pdf files. The top level is the letters of the alphabet and the second level the links to the pdf's. Clicking a letter expands into the links to files that start with that letter, typically 5-15 of them. That works great, with hide and show, using durations. But when the user hits the browser back function to return from the pdf, the accordion list is collapsed, as it is when you start the whole page; the top level item that was
Panel and form data null problem :-(
Hi Guys, I'm having a massive issue with a login form within a panel using 1.3.1 When I try to serilaiise the form data is as follows: email=&password=&action=process Form <div data-role="panel" data-position="right" data-position-fixed="true" data-display="overlay" data-theme="b" id="add-form"> <form id="login" class="userform" name="login"> <h2>Login</h2> <div id="errorTxt"> </div> <label for="email">E-mail:</label> <input name="email"
Slide down after a set time but when share button is clicked also slide up and down
Ok im new here, and new to jquery but i have done the following code, which is soposed to side down a div 5 seconds after the page has loaded and also when you click another div it slideds up and down. It slides down fine but when you come to click the "share" div to slide it up the first click doesn't register after that it works fine. Im sure it something completely stupid i have done. Help most appreciated thanks. <script> $(function(){ var socDrop = function () { $('.socialS').addClass('active');
Chrome closes dialog box immediately
I have a problem with an application I am starting to develop. I want to get a logon dialog box to come up over the first page, which gets the user to logon. It works in Firefox (Iceweasle - I am running Debian) but not in Chrome. This fsFiddle demonstrates the problem http://jsfiddle.net/akc42/ZmcP8/ I have spent some time in the Chrome debugger, and it appears to be getting a popstate event which tells the framework to go back to the first page. I just can't figure out what is causing this event
CSS JQueryUI vs. JQM
Hello: I have a page that uses stylesheets from JQueryUI CSS (from 1.10.2 Smoothness), JQuery Mobile (1.3.0), and a local stylesheet in the order shown: <link rel="stylesheet" href="jquery-ui-1.10.2.custom/css/smoothness/jquery-ui-1.10.2.custom.min.css" /> <link rel="stylesheet" href="js/jquery.mobile-1.3.0/jquery.mobile-1.3.0.min.css" /> <link rel="stylesheet" href="stylesheets/mobilebudburst.css" /> I have a submit button on the page that is given a data role of button in JQM as shown: <div style="margin:0
Android scrolling stutters over collapsibles
I'm working on a phonegap mobile app with jquery 1.9.1 jquery mobile 1.3.1 swipeleft and swiperight are bound, and multiple collapsibles are rendered in a div inside the content area. When viewed on a Samsung S2 4.0, the scrolling is fine. When viewed on a Samsung S3 4.1, the scrolling stutters or stops whenever your finger crosses a collapsible header. iOS devices work well. The collapsibles are inset, so if you keep your finger on the very left or right edge of the screen while scrolling
How can I add a parameter to an autocomplete with jQueryUI
Dear All, I am trying to use two autocomplte following this exemple http://af-design.com/blog/2010/05/12/using-jquery-uis-autocomplete-to-populate-a-form/ First I am extract data to have the Brand of cars (this works) // Autocomplete marque var ac_marques = { source: 'http://www.website.com/manager/templates/name/xmlhttprequest/autocomplete-marques.php', minLength: 1, select:function(event, ui){ $("#h_marque").val(ui.item.id); // That hidden field wil contain
expanding on jQuery
I'd like to show you all my http://fancywebapps.com framework, which builds on jQuery and jQuery UI. It is free for non-profit use, and completely opensourced. I want to thank the jQuery team for their efforts. You've made my work-life a lot easier :) Moderators, if this message is not allowed here then just delete it.
trying to use 'each' instead of clicking thru list
hello - i find that on my website, when i click on a video to play it there is a noticeable pause while it loads. i have found that i can set up a secondary video element with preload=auto, with the video names (1 ogv and 1 mp4) filled in as source, and it will preload them. and then when that video is actually called by the main video element, there is no delay. as expected. but i have to set up a preloader for every video if i do it that way, and that is a pain. i have my videos set to play when
how can I close down a browser on a click on a link?
Hi after a user click log out I want to add a link for the user "Click Here To Close Your Browser." I have done the following <script> $(document).ready(function() { $('a#closeBrowser').click(function(){ window.close(); }); }); </script> <a href="#" id="closeBrowser">Click Here To Close Your Browser.</a> this is not working for me. How can I get this to work?
Multiple setTimeout functions but that goes off with different times
switch (e.keyCode) { case 32: $("#Main").prepend('<div class="Bomb" style="absolute; top:' + position.top + 'px; left: '+ position.left +'px;"></div>'); setTimeout( function(){ var BombPos = $('.Bomb').position(); var BombPosTopb = BombPos.top; var BombPosLeftb = BombPos.left; var BombPosTopt = BombPos.top; var BombPosLeftt = BombPos.left; var BombPosTopl = BombPos.top; var BombPosLeftl = BombPos.left; var BombPosTopr = BombPos.top; var BombPosLeftr = BombPos.left; $(this).remove(); .... More stuff
need help with object
function objBomb(positiontop,positionleft){ this.el = $('<div/>'); this.el.addClass('Bomb'); this.el.css({position : 'absolute', top : positiontop + 'px', left : positionleft+'px'}); $("#Main").prepend(this.el); this.explosionTime = setTimeout( function(){ var BombPosTopb = positiontop; var BombPosLeftb = positionleft; var BombPosTopt = positiontop; var BombPosLeftt = positionleft; var BombPosTopl = positiontop; var BombPosLeftl = positionleft; var BombPosTopr = positiontop; var
What is this called and how do I use it?
The attached screenshot is from jQuery's own site. I'm a raw beginner. What do I need to do to activate something like this on my site? Much appreciated. Morels
Themeroller roll your own
Hi I have 'rolled my own' theme and on returning to Themeroller by pasting the url, I find that the Download button does not work. What I am I missing? UPDATE: As a work around I tried to Edit an existing theme. After some time the Download button was disabled. I pasted my original URL back in, reloaded the page and right-clicked on the Download button. I could then open the link (ie the download builder page) in a new tab. That enabled me to complete the download.
touchswipe.js for IE6?
IE6 app with touch screen input. Any way to utilize this tremendous plugin to replicate some of the touchscreen features we expect from a touch device? Error: Microsoft JScript runtime error: Object doesn't support this property or method.
Problem validating captcha with remote php file
Hi, I have a form that I am using the JQuery Validation plugin to validate incorrect field with a red border. I found the following code online to generate a captcha: <?php session_start(); $code=rand(1000,9999); $_SESSION["code"]=$code; $im = imagecreatetruecolor(50, 24); $bg = imagecolorallocate($im, 68, 147, 183); //background color blue $fg = imagecolorallocate($im, 255, 255, 255);//text color white imagefill($im, 0, 0, $bg); imagestring($im, 5, 5, 5, $code, $fg); header("Cache-Control: no-cache,
Validation problem
I'm having a strange problem with validation. I have recreated it a small username/password form here: http://jsfiddle.net/dhRjN/ I believe I have everything laid out as per the documentation and indeed messages work properly on blur. However, the form can still be submitted, unless you mismatch the password fields. That is, all other validation is ignored until the equalTo validation is violated.
jQuery Hide Function
Hi Guys, I am trying to get a .hide to work on this page http://www.callummundine.com.au/mklassable I am trying to make it so when you click on the 'x' image, it will hide #search-form-container This is my code. If anyone could help it would be great. P.S i am also trying to get it to show by clicking on the search icon. $("#close-button").click(function() { $('#search-form-container').hide();; });
i want to "include" a page when i select "jQuery UI radio button".
How to get radiobutton variable into php ? <div id="radioset"> <input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label> <input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label> <input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label> </div> <?php // if (radio == Choice 1){ // include ("file1.php"); // } // elseif (radio == Choice 2){ // include ("file2.php");
JQuery $.ajax referesh and get new data
I am using JQuery 1.7.2. I am using highchart for making live data chart. I maked one C# page where on the page load I am writing some jSON format data which I am using in another page with the help ajax call for highcharts. I will run that ajax call inside function and in success event of ajax call I will make setTimeout after 1 minute to call again function, So I will get latest data every time. Until here everything works very good. But I have issue lets say data I am getting data only for 4 hr
How to get the children of a selected parent using jquery ?
Hi, I'm new to jquery?Jquery Mobile .I'm trying to get the children of a selected parent tag from xml file. See this :http://jsfiddle.net/bhvxV/ Thanks in Advance.
Detect browser mobile
When I call an aspx page, I want to check the client browser, and if it is a mobile redirect to another page aspnet mobile ... I have a code in php, and not as it does in jquery <?php error_reporting (E_ERROR); $es_movil=FALSE; $usuario = $_SERVER['HTTP_USER_AGENT']; $usuarios_moviles = "Android, AvantGo, Blackberry, Blazer, Cellphone, Danger, DoCoMo, EPOC, EudoraWeb, Handspring, HTC, Kyocera, LG, MMEF20, MMP, MOT-V, Mot, Motorola, NetFront, Newt, Nokia, Opera Mini, Palm, Palm, PalmOS, PlayStation
i want to "include" a page when i select "jQuery UI radio button".
How to get radiobutton variable into php ? <div id="radioset"> <input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label> <input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label> <input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label> </div> <?php // if (radio == Choice 1){ // include ("file1.php"); // } // elseif (radio == Choice 2){ // include ("file2.php");
How to get radiobutton variable into php ?
<div id="radioset"> <input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label> <input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label> <input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label> </div> <?php // if (radio == Choice 1){ // include ("file1.php"); // } // elseif (radio == Choice 2){ // include ("file2.php"); // } // else { // include
How to open a file in the child tag of a xml file using Jquery ?
Hi Everyone, I'm trying to open a file in the child tag of a xml file.I'm getting all the parent tags in listview and when i click on parent link i'm getting child tags but when i'm clicking on the child tag. how to open a file in the child tag. see this:http://jsfiddle.net/Hs38x/3/ In this link have a "xml file" with child tags as <content file="93828.txt" order="1">Balmy with rich perfumes</content> <content file="93829.txt" order="2">Wear a fine dress</content> like this for every parent
Comceptional question using JS Tree with multiple Trees?
Hello there, I am totaly new to JQuery and JS Tree Plugin. What I would like to do is building multiple categorisation trees. Each of this trees should then have unlimited levels. The Idea is to add the name of the new tree in a overlay or JS shoutbox and then have a selectbox with all the tree categories. The user should then select one of these trees, which name is then the first node and he then can add multiple subnodes. I have created one big tree with multiple levels, but I have no idea how
Function within for loop
http://jsfiddle.net/xNquz/12/ I'm trying to pass variables to the function using a loop, but I think the problem may be about closures? Apparently it's seeing the last variable in the for loop. Either way it doesn't work how I want. So what can I do to fix this?
how make a slide movement to a draggable div?
Hi friends, can someone help me to modify this script: http://jsbin.com/uhaxur/34/edit it's work 100% but when i drag i would a slide or elastic movement just like this script: http://stereobit.github.io/dragend/ hope in your precious help. Thanks a lot :)
Prevent horizontal checkboxes and radiobuttons from wrapping
How can a set of checboxes or radiobuttons inside a fieldset with data-type=horizontal be prevented from wrapping? I have tried adding the obvious CSS attributes to the fieldset but that did not work. Any ideas? TIA Silvio
We need Ajax, Jquery, Javascript HTML5 Experts immediately ?
Hi, Having one website with node.js and javascript I want to implement for mi site something : I have video conference with flash now I want to change that to mi video conference to HTML5 video conference in the same way I have youtube video player with swf again i have to change that to video player with html5, in my chat users can add my video and play for all users like youtube. Thanks,
How to Enable And Disable jQuery Tab in RunTime In ASP.NET
I want disable and enable jQueryUI tabs based on the AJAX content. <script> $(function () { $("#tabs").tabs({ disabled: [1, 2,3], collapsible: true, fx: [{ opacity: 'toggle', duration: 'slow', height: 'toggle' }, { opacity: 'toggle', duration: 'slow', height: 'toggle' } ], beforeLoad: function (event, ui) { ui.jqXHR.error(function () { ui.panel.html( "Couldn't load this tab. We'll try to fix this as soon as possible. "; }); } }); }); </script> And HTML Code: <div id="tabs"> <ul> <li
how to clone and drag an icon using jquery?
$( ".selector" ).draggable({ helper: "clone" }); // getter var helper = $( ".selector" ).draggable( "option", "helper" ); // setter $( ".selector" ).draggable( "option", "helper", "clone" ); I found these codes,but where to add this?
Changing title lengths on window size change
I am trying to change the video title lengths when the size of the window is below 1400 pixels (to prevent word wrapping with the long titles) but for some reason it appends all the featured links TWICE and doesn't correctly erase the entire DIV to regenerate when the window size is changed. http://jordan.rave5.com/tmpstuff/ Live preview of issue Here is the window size control: // Control Header Size & Youtube Player $(window).load(function() { resizeDiv(); appendFeaturedVideos(); $(window).resize(function()
jQuery Mobile without outputting extra classes for entire page
I have a HTML page optimised for a mobile device, which I have written the CSS for myself. I need jQuery and jQuery Mobile for a couple of things (like the loading message from jQuery Mobile, and $.ajax from jQuery) but not much else. Whenever I add in the jQuery Mobile JavaScript files, it processes the entire HTML page and adds its own classes to each element; whereas I'd like to disable that (running jQuery 1.9.1 and jQuery Mobile 1.3.1). I'm aware you can disable jQuery Mobile for a particular
Fetching Youtube jSON info and appending to document
Hello! I was told I may find help here. I'm trying to fetch jSON info from Youtube on a videos, and then append them to the source but I'm having issues getting the JSON info into an array to use in my FOR loop where it goes over each video.... :\ This is what I'm attempting currently. // Get youtube info function parseresults(target) { var parseResults = $.getJSON(target); return parseResults; } function getComments(commentsURL, startIndex) { $.ajax({ url: commentsURL + '&start-index=' + startIndex,
PopUp query string hide
I am using the jquery PopUp control as a login box. The trouble is that it displays both fields in the URL querystring after the submit button is clicked (to clarify: the popup does this, not my login web method). Is there a way to prevent this?
Im looking for an image grid plugin that has auto-load-item on scroll
Hi everyone, I'm currently working on a platform and have the design and navigation done. I'm in the process of setting up the database and getting the index page done. On the indexpage I need a grid of images of products and when a user scrolls down I would like the grid to auto-load more images/products so you would basically have an infinite scroll. You see this feature more and more on modern sites. Does anyone know where I can get such script? Thanks and best regards, Lynn
click the buttons on the panel results in clicking the widgets behind it as well?
I have a page defined like below. The behaviour is that when I click the "Tools" button, it will open the "#toolPanel" panel. There are two buttons on the panel. When I click on the first button with a "tap" event, the widgets behind it is also tapped (The widget behind that button is the "search" <input>. Can any of you experienced users tell me what I should do? I am relatively new to jquerymobile. Thanks. <div data-role="page" id="mainMapPage"> <div data-role="header" data-add-back-btn="true"
Next Page