Validation Plugin to re-validate group fields using datepicker
Hi all, I have three elements: 1 drop downlist, 2 textbox using datepicker. Each others have some criteria: - Textbox 1 (date of birth): if (now - date of birth) < 18 ---> display Error 1. - Textbox 2 (issued date): if (issued date - date of birth) < 14 ---> display Error 2. Whenever one changed, all elements are re-validated to check. Validation is re-validated when i manually select textbox. Ex: -Textbox 1: 5/5/1987 -> (return true, because (now - date of birth) > 18). -Textbox 2: 5/5/2000 -> Error
Voting system (AJAX)
I'm implementing a voting system and I when I want to update the number of votes using AJAX, I refresh the count of all the publications. But I cant to refresh only one publication. See my HTML: <li class="like-publication"> <span class="votes"> {{Publication::find($publication->id)->profilepublicationvotes->sum('vote')}} </span> {{ Form::open(array('url' => 'profilepublicationvotelike', 'class' => 'vote_ajax')) }} <input type="text" id="disabledTextInput" style="display:none"
Button_Click post back event doesn't fire after the form is invalidated by jquery validation plug...
My form has two buttons. One should call post back event (call server side OnClick method) without validating the form with jquery validate plug-in and other is basically submit sort of button which calls server side method only if the form is validated. To acheive this i have two buttons as mentioned below. The following button checks for validation and only if the form is valid it calls the server side method. <asp:button id="btnSubmit" runat="server" text="Submit" onclick="btnSubmit_Click" class="btn
jqmHide changes window scroll position
I am using jqmShow to display a pop up and jqmHide to hide it. Because of the amount of content on the page, the user has to scroll down to get to the button that causes the popup. My problem is when the user clicks the button within the popup itself to close it and jqmHide() is called, the page is scrolled back up the very top of the page. Is there a way to call jqmHide() and not have it change the scroll location of the page? <div class='jqmProcessing' id='jqmCallForAvailability' style='z-index:
blockUI - focus() called and not returning?
Hi, I seem to be experiencing an intermittent issue where unBlockUI() is never reached and the user is left with what they interpret as a "hang" or "freeze". I am on blockUI 2.42, jQuery 1.8.2, and running against IE8. In IE8, I had the developer tools profiler running and received the following as the last execution prior to the currently unrepeatable incident: Function Count URL Line Number focus 1 https://.../jquery.blockUI.js 496 Here is Line 496 in blockUI.js: function focus(back) { if (!pageBlockEls)
Display Block Required for older plugins and certain animations
All JQuery seems to have issues with hidden content, certain animations, etc. The solution for this roundabout for Safari and some other browsers is to add the css display block to your code $('.class').css("display", "block"); Example below will fix your safari display issue and certain mobile browsers. I found this issue with a number of older plugins and JQuery 1.11 Came across when I build a marquee I noticed that if I loaded JQuery 1.6 that that appended HTML and CSS automatically added display:
jQuery selector not working in IE7-9
Hi I have this simple code: var data = $('<xml><customtag>If you see this it worked!</customtag></xml>'); alert(data.children('customtag').html() || "This time it failed"); Here is the jsfiddle: http://jsfiddle.net/me2loveit2/bZwC9/ UPDATE: in IE use http://jsfiddle.net/me2loveit2/bZwC9/show I can't figure out why this wont work in older IE versions. I tried to call data.children() <-- without selector works in IE8 but data.children('customtag') <--Does not work for me in IE8 Thanks for any insights!
jquery plugin thats display thumbnails and allow user selection
i'm trying to write an alternative file browse and selection modal for the default html file input field. The folder and file list will be read as JSON from node.js. there are a lot of image gallery plugins out there, but my basic need is to select multiple images (in thumbnail view) and submit to an upload page. preview image, crop image are a bonus but not a must have. of course it need to be able to read the input from a JSOn string. does anyone know of such a plugin?
Overlapping occurs when using Isotope's method “prepended”
Code: http://codepen.io/anon/pen/EBqce What i'm trying to achieve : add a container (black) to the left of green squares and animate them with Isotope . Note that the black container size is variable (depending on the count of green squares), thus class filler has height set to 100%. Problem : after adding a black div container by clicking button "show", the last green square is overlapping the black container. I'm using isotope 2.0 ( http://isotope.metafizzy.co/isotope.pkgd.min.js )
sorting(arrange) multiple tables on page by number of rows
Hi all! Need our help, guys. have something like this jsbin. Need to arrange(sort) the tables by number of rows ascendent or descendent. Any help will be appreciated.
jQuery plugin not working in Dreamweaver CS4
I do hope that I am in the right forum. I have been trying to install a plug in on a site and have been having much difficulty. It is the Query Cover Flow Like List Animation Plugin skywheel. I am trying to put it into my html page. I am using the antiquated Dreamweaver CS4 and maybe that is why I am having difficulty. Maybe someone can help me get through this. I got one version from one site and another from another and I know which not to choose. I am seriously new with jQuery and am used to working
My sidr side menu is not working correctly on internet explorer
Im developing a side menu for mobile versions using jQuery and its working fine on google chrome but dont in default browser of android ( I think it is internet explorer). Im using "sidr plugin", and I followed the documentation here "http://www.berriart.com/sidr/" and the menu is already working fine. In Desktop Versions: In chrome and mozzila is working fine. In internet explorer Im getting a strange effect, my submenus items appears with more height that its normal but when I enter the mouse over
Helping to search this scenario
Is it possible in jquery these scenarios. I have form which include text field called 'ID', I want to add specific person under name field, so the user will click the link (add person) and show a modal form or ajax form on the fly, (A post variable 'ID' will included to ajax/modal form so there's a unique id under it) after he/she is done filling up the ajax or modal form the page will redirect to a form where he/she begun filling up.(important that the head form will not be refreshed after filling
Navigation bar pressed down not working
Hello Guys, I am beginner with JQuery. Please bear with me. I am working with navbars. I am not able to highlight (pressed down) while selecting the button. Although I have added ui-btn-active, but still not working. Please help!! <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
Map an object's keys to an array using $.map
Hi there, I read here api.jquery.com/jquery.map/ that you can map an object's keys to an array like this var dimensions = { width: 10, height: 15, length: 20 }; var keys = $.map( dimensions, function( value, key ) { return key; }); and the result should be this: [ "width", "height", "length" ] But I get ["0","1","2"] which looks like the index values. Here is the JSfiddle Can you see what I'm doing wrong? Thanks
Jquery submit button validation
Hi, I have a jsp page where some rows are displayed to be pushed to database on clicking submit button. Before submitting the rows user has to select an option from dropdown list. My validation should be 1. If user selects no records & no option from drop down box, alert with 'Message X' 2. If user selects at least one row but no option from drop down box, alert with 'Message Y' 3. If user selects at least one row and one option from drop down box submit the form. Below is the code which is not
Can't make onFinished callback on Okvideo plugin to work
Hi, Im using Okvideo plugin to show some random videos in the background of a site. My question is, with this code: <script> $(function(){ var videos = ['url01', 'url02', 'url03']; var index = Math.floor(Math.random() * videos.length); $.okvideo(videos[index]); }); </script>How can I insert a onFinished callback to (when a video ends) switch to another random video in the array and so on? I read the documentation on https://github.com/okfocus/okvideo but I couldnt figure out how to insert this callback
send html element in .post request
I'd like to send an html element as data in a .post() request, and I'm not sure how to do it. I've tried referencing the id, like this: $.post('/save_state/', {output: '#main'}, null); but that just sends the string '#main', where I want to send the element, #main.
downloadbuilder license ?
Hello, I just found out that the downloadbuilder is available for download at https://github.com/jquery/download.jqueryui.com but i can't find any licensing information. Is it allowed to integrate the builder in my own page for a having a theme generator that delivers themes for a specific version of jquery ui ?
Slider - First image has a delay to appear
Hi everyone, I have a slider between two still images. When the page load, the two images appears immediately, but the slider in the center appears 2 secondes later... How can I fix it ? Thanks a lot for your help.
Update .hover when new dynamic hyperlinks are added to page???
Hi guys, I'm using this function from this site... It adds cool tooltips to my links -- this.tooltip = function(){ /* CONFIG */ xOffset = 10; yOffset = 20; // these 2 variable determine popup's distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $("a.tooltip").hover(function(e){ this.t = this.title; this.title = ""; $("body").append("<p id='tooltip'>"+ this.t +"</p>"); $("#tooltip") .css("top",(e.pageY
jquery tab example not working
Hi, The example on http://jqueryui.com/tabs/ isn't working and all I get is the screenshot below. What am I missing? Thanks.
[Solved] Range slider multiple steps
Is is possible to have a range slider that can have multiple steps? so for example <script type="text/javascript"> $(function() { $("#slider-range").slider({ range: true, min: 0, if(ui.values[1] >100) {step:50;} else {step:25;} max: 500, values: [75, 300], slide: function(event, ui) { $("#amount").val('$' + ui.values[0] + ' - $' + ui.values[1]); } }); $("#amount").val('$' + $("#slider-range").slider("values", 0) + ' - $' + $("#slider-range").slider("values", 1)); }); </script> the reason is that
Opacity not fading back with a hidden menu on Safari and chrome browser?
0down votefavorite please see this example http://intelligen.info/index.html The menu at the top of this page has opacity set at 0 and when you hover at is change to 1. This works fine in firefox but if you view it on safari and chrome some of the menu sticks and doesn't fade out when the hovering has stopped. Anyone know how to prevent this sticking on safari and chrome? $('#nav, #logo').hover(function() { $('#nav').fadeTo(1,1); },function() { $('#nav').fadeTo(1,0); }); $('#lfw-link, #lfw').hover(function()
Displaying related SQL queury results in jQuery accordian views
I have the following working SQL query that returns rows with customer ids, names, and manager ids (man_id): $result = "SELECT * FROM customers WHERE man_id = :manid"; $stmt = $pdo->prepare($result); $stmt->execute(); while($row = $stmt->fetch(PDO::FETCH_ASSOC)) { $id1=$row['id']; $name=$row['name']; $manid=$row['man_id']; ?> <div class="show"> <span class="name"><?php echo $id1; ?></span> <span class="name"><?php echo $name; ?></span> <span
Sticking?
I have created some jQuery code that runs when the mouse hovers over spans. These spans are on top of images. In the function I have written it also changes the class of other images. This is all to create a type of show hide effect that can show an image when I am on a particular part of the graphic. It basically works but it is ‘sticky’, meaning that sometimes the images get stuck or don’t roll back. Does anybody know the concepts I am dealing with here. Does this relate to binding? Can anyone
Problem uploading files
Hi, I am trying to use the upload sample here: http://www.sanwebe.com/2012/05/ajax-image-upload-and-resize-with-jquery-and-php It works perfect on my localhost but when I uploaded it to my web host it does nothing and I am getting the following in the console: Uncaught TypeError: undefined is not a function mypage:203 (anonymous function)mypage:203 jQuery.event.dispatchjquery-1.9.1.js:3074 elemData.handlejquery-1.9.1.js:2750 jQuery.event.triggerjquery-1.9.1.js:2986 (anonymous function)jquery-1.9.1.js:3677
Help with .val /. find with select boxes
I am using the following code: $(function(){ $(this).on('change','select#type',(function(){ var defaultVal = $(this).find(":selected").attr('default'); $('select#agegroup').val(defaultVal); })); });It controls take the select box "type" and applies a default value to select box "agegroup." I recently have made it so that several of these select boxes can be added on the same page to enter multiple values at once. However, when a change is made to the "type" select box, all
Login Social Media APIs with PHP/JavaScript vs OpenID
I have been working with the Facebook API to have my visitors login my website with the Fb API a while back. It uses oauth2. However, since i am planning to build a login possibility for multiple socialmedia networks do I wonder if OpenID is an option. Such as bshaffer oauth2 server PHP But, i need to be able to: 0. Twitter, Facebook, Linkedin, Google+, Instagram should support this at least. 1. disable certain login networks i dont want 2. will i have access to timelines when using OpenID? (obvious
JQueryUI Tooltip and HTML Content - onclick event and function calls
I've created a JQueryUI tooltip and it works fine. In the HTML content, I create a button. In the onclick event of that button, I'm making a javascript function call that has parameters. $("#MyConvolutedControlName").attr("Title", "<input onclick='MY_POPUP('./MyPage.aspx', 'height=750,width=750');return false; type='button' value='CLICK EEEEET' /><br />"); $("#MyConvolutedControlName").tooltip({position:"center right"}); As you can see, I'm having problems with quotes and parameters. I've played
Use of dataTables Plugin !!
Hello Everyone I am a java developer and new to jQuery. I have made a an application which implements dataTable api of jQuery. What i have observed is that this api bring all the data to the client at once (using json). Suppose we have 2000 entries in data base , then it would fetch all 2000 entries at once to the client ..which is not a good thing . My Question : Can we bring data in chunks . eg: when the table loads it fetches first 10 rows of the database table. And when i click "next" , the request
I have code that works fine in jqm 1.0 but breaks using 1.4.2
This is from a book I'm reading "jQuery Mobile up and running" by Maximiliano Firtman 2012 I've been using jqm 1.4.2 to run the book examples and they've worked fine till now. The example I'm working on now works great using jqm 1.0 but totally breaks in 1.4.2. This is the code: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel ="stylesheet" href ="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
How to fill the form after select autocomplate?
I have database like below and my form like below : form ID is autocomplate. when i select data from ID form. then name, address and telp will be filled. <script> $(function($) { $( "#id").autocomplete({ source: "search.php", minlength: 4, width: 512, select: function( event, ui ) { // what should i do here........??? } }); }); </script>
jQuery Function Runs 1 Function Per Page Load
Hi Guys, I have this jQuery $_ POST for Create and Delete the problem is I can only activate one and I have to load the entire page before executing either of the two. How can I execute one function after the other one is done? Now I just load the div where all the data is attached so that I don't have to load the whole page. Here's my code. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type='text/javascript'> $(document).ready(function(){
Recover return value in jquery
Hi all, can someone help me please, i would like to recover a value with jquery and post it in my html bloc. I can get the value but I could not display it var select = ''; $("select[id='language'] option:selected").each(function(){ select= $(this).val(); alert (select); // i want to sent this value in my label, i tried with Ajax but Ko }); this is my html code and you can see pic to get more explanation <div class="row"> <div class="language-skils"> <div class="text-field"> <label
how to clear div content when reload page?
I using IBM Worklight. index page I have a button when I click then show data on #test content then I change page to another page and back to index page #test data is not clear. How to clear content to initial every reload page this is index.html <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>index</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"> <link rel="shortcut icon" href="images/favicon.png">
Interesting selector behavior - how does this work?
Yesterday when exploring a class toggling snippet I found that the following will work - HTML - <div class="smallImage"> <img src="http://placehold.it/150x150" /> </div> jQuery - $('.smallImage').click(function() { $(this).toggleClass('smallImage bigImage'); }); Here it is in action - http://jsfiddle.net/jayblanchard/5j8aJ/4/ Here is where I got into a bit of confusion: it would seem to me that when you click once, causing the element to lose the smallImage class that any subsequent click
Multiple ifs in another if.
Hi guys, I want to add different ifs to one parent if. If any of if's are met, then go and do the else. Here is my code: if (document.URL.indexOf("xxx.co.uk") != -1) { Site='xxx.co.uk' }; if (document.URL.indexOf("xxx.de") != -1) { Site='xxx.de' }; if (document.URL.indexOf("xxx.fr") != -1) { Site='xxx.fr' }; if (document.URL.indexOf("xxx.it") != -1) { Site='xxx.it' }; if (document.URL.indexOf("xxx.be") != -1) { Site='xxx.be' }; if (document.URL.indexOf("xxx.nl")
How do I do a $("#yada").show() to a window.opener screen
How do I do a $("#yada").show() to a window.opener screen. Similar to window.opener.$("#SCCC01").show(); //Not Working Thank You
Why is my ajax success alert message not firing?
Hi, I’ve been trying to get an alert messge to fire after a successful ajax call. I confirmed that the action in my controller is called by placing a breakpoint in the action. However, the alert does not fire and I get no error messages. Not sure if this is relivant but the code does not work in firefox browser. Here’s the script: var theParms = { selectedDate: "date", testing: "myTester" }; $("#saveBtn").click(function () { $.ajax({ type: "GET",
Next Page