how to fadein text and fadeout video after video ends
Hi, I'm trying to fadein the text, which is a link, and fadeout the fullscreen video at the end of the video. You can checkout my code here: http://codepen.io/dl157/pen/azBvRE. Can someone please take a look and recommend how I can change it to make it work? I really appreciate the help. Thanks
Creating draggable and resizable events in scheduling app
I'm interested in creating a minimal scheduling app with events that can be dragged and resized, as you would in the day view of Google Calendar or FullCalendar. I've looked at the draggable, droppable, resizable and sortable features of jQuery UI, but they all seem to stand alone somewhat. For example, if I were to use droppable elements to define time periods, how would I use resizing to make a element overlap more than one droppable unit. I would think that sortable would do this, but how do
Problem with Hover+FadeIn and Fadeout
Hi, I have two images ".serv_izq" ".serv_der". Teorically, when someone put the mouse over (or click) one of these images, a text which is hidden is displayed. But there is a problem: At the first time that the page is open and you put the mouse over one of these images, the text start hidding and showing at least three times. Obviously, I want the text be there until I get out the mouse. Here is the code: <script> $(document).ready(function(){ $(".serv_der").hide(); $(".serv_izq").hide(); click_izq
check availability before submit form
Hi, I have a form : <div> <form name="CreateIfaceEnvForm" id="CreateIcaceEnvForm" method="post" action="/Grouping/createIfaceEnv.do"> <label for="disabled" class="formLabel">Disabled*</label> <select name="disabled" tabindex="1" id="disabled" class="criteria" title="Disabled"> <option value="F">Enabled</option> <option value="T">Disabled</option> </select> <br/> <br/> <label for="interfaceType" class="formLabel">environment*</label> <input type="text" name="interfaceEnvironment" size="10" tabindex="2"
how save using jquery append
Hy all I have problem when using JQuery's .append(). please cek: jsfiddle.net/badvz/4ddutu47/3/ How I can save at every row or every nim when I'm click button save? I have try like this but not working : $(".save_item"+count+).click{//button save alert(send value); }); Thanks
How to Add Active Class to a Navigation Menu Based on URL?
Alright guys I am new jQuery and don't dabble to much in this stuff mostly just html language. But, I need to know how to add an active class to the li element of the navigation. I need to be able to do this as I am switching over my static html pages to a more dynamic environment where information is called from the server to help me in maintaining the site. So here is what I have so far: The page that I am working with / testing is the home page found at http:www.bomstudies.com My jQuery Code:
How to resolve this?
I want to get Javascript array at button click. In final result I want to get same key with amount(same key with adding multiple amounts). How to add sum of amount with Same Key(dates) in each function? Please help for my code. Current My array result in alert: {dates:"01-2014", amount:"100"}; {dates:"01-2015", amount:"500"}; {dates:"02-2014", amount:"700"}; {dates:"01-2014", amount:"800"}; {dates:"02-2014", amount:"900"}; {dates:"03-2014", amount:"60"}; {dates:"07-2014", amount:"10"}; Expected array
Using ajax not able to remove class immediately after adding class
I have this piece of code $(document).ready(function() { $(".spam").on("click", function(e){ //var pid=$(this).attr('id'); //var fav_btn=$(this).attr('id'); var site_root="http://localhost/startup/msg"; $path=$(location).attr('href'); $.ajax({ url:site_root +"/insert_spam.php", type:"POST", data:{ 'path':$path}, 'success':function($result) { // alert($result); if($result=="suc") { $(".spam").removeClass('spam').addClass('reported_spam'); } else if($result=="err") { alert("Not able
difference between two arrays.
Hi, I would like to have the difference between two arrays for example : A = ['a','b','c'] B =['b'] <--- B is always included in A my result C == A - B == ['a','c'] Here is my jsfiddle : http://jsfiddle.net/mlotfi/zhjntqsd/12/ I would like an array that has this difference : data-restagencies - data-agencies when this button is clicked : $('button.btn').on('click', function () { Thanks
Errors in included jquery library files
In Visual Studio MVC projects they have a way to attach scripts using wildcards to attach all something like all the scripts that begin with "jquery". There is also a way to exclude files from your project so that they are not considered when the project is run or deployed. A couple of months ago to address so other issues I updated my jquery files from the default included 1.8.2 to the latest I could find 1.11.1. I excluded the 1.8.2 files thinking that they would not be included in my project.
Referencing HTML forms generated on the fly using JQuery html
Hi, I am generating an HTML form with radio buttons on-the-fly and when I try to catch a click event on one of those radio buttons, I am not successful. I am working on a web page that leads a user to the environment he wants to be in by asking a series of questions where the answers are specified by selecting a serions of radio buttons. For example, suppose there are 3 attributes that specify what environment the user wants to be in. Lets call them attributes A, B and C. The following table shows
How to change this?
How to change the following decimals value using jquery? 1234.56 ====>>> 1,234.56 12345.56 ====>>> 12,345.56 1234567.56 ====>>> 1,234,567.56 12345678.56 ====>>> 12,345,678.56 1234567890.56 ====>>> 1,234,567,890.56 Is it possible using jquery? Please give regex or code to get my output?
Jquery 2.1.2 or higher does not work with strict mode.
We are using strict mode on our site and when I try upgrading jquery to version 2.1.2 or 2.1.3, jquery throws the below console error: Uncaught SyntaxError: In strict mode code, functions can only be declared at top level or immediately within another function. Is there any way around this without disabling strict mode, or will I just need to wait to upgrade until it gets fixed?
change color of alert text
Hello How can I change color of text in alert with jquery? thanks alot
How to get value of dynamically added fields ?
Hi, Can you please tell me how to get the value of dynamically added fields, for example this jsfiddle : http://jsfiddle.net/mlotfi/43gyzepo/ Thanks
event handler loses capitalization of passed string parameter
Hi all, new here, but not new to js and love jquery :) Trying to create a label that a rollover causes to change to "DELETE" and rollout changes back. It works BUT it loses its capitalization. This is done with event handlers. Using jquery-2.1.0 (also errs in 2.1.1) Tested on firefox-33.0 with ubuntu-10.04 Tested on google chrome-38.0.2125.122 (64-bit) with ubuntu-10.04 Example is at jsfiddle.net/pwuatk09/1/ I have a <label> that says "Phone". When I mouse over it it is supposed to change to "DELETE".
Possibility of using jQuery Tabs with older version of jQueryUi?
I'm using an online service where on the backend, they have jQuery loaded. It's a previous version that doesn't necessarily work with the current jQueryUI version. More specificially, I am using the Tabs and Accordion functionalities. Well, by overriding the version of jQuery and jQueryUI, I have now disabled the native functionality they've included with their software. I wanted to ask if anyone could help me. I want to keep the jQuery version they have stored in their program and only call
isotope - send datafilter with url
Hi all I have isotope installed and it works fine: When I call the web page (let's call it webpage.html), all images load, and when I click on a button with a link like *** href="#" data-filter=".art" *** I see only art images and all others are hiding - everything works fine as it should. Now, what I want is this: On my start page (let's call it index.html) I want to load this webpage.html but including the filter for "art". So that when loading, the webpage.html already filters so that it displays
Delayed closure of Modal window - common code
Hello, I have a common code for showing a number of modal windows at various times and on my entire website. All but one of them I would like the user to explicitly close. But one modal window, I would like to close after a delay of a few seconds say 10 seconds. This is the common code I use: ----------------------------------------------------------------------------------- var md_done = false; var md_height = 400; var md_width = 400; function md_show(caption, url, height, width) { md_height
how to abort an ajax request once the browser receive 200ok
i have an ajax request that looks like // ---------------------------------------- start(clicked_button, app_path) var start = function(clicked_button, app_path) { $.ajax({ type: 'POST', data: { 'app_path': app_path }, url: '/app/start', context: clicked_button, success: function(msg) {console.log('ok go to sleep ..'); } }) .done(function(data) { console.log(data); $(this).removeClass('btn-success');
How to detect high contrast mode.
Is there simple way to detect high contrast mode? I am talking about windows high contrast mode (web accessibility). I need to detect this mode in browser. Any idea? Thanks for help.
Issue on Deselecting All Checkbox on Un checking one of Child
I am trying to use jquery to check all checkboxes using below code which working fine on toggling select all on check and un check the slectAll Now I want to uncheck the slectAll in case of a situation if a user un-check one of the ieldset checkboxes. I tried this code $.each($("input[name='numbers']:not(:checked)"), function () { $('input:checkbox[name=slectAll]').prop("checked", false); }); Here is the code I have <label for="boxid">Select All</label> <fieldset id="group_1"> <input
getting the var element to focus or blur
I am using the below javascript along with infopath. This code helps to get the substring of the URL and then depending on the text, it assigns value to the control. However, the way it is done here is using a var Now, once the var is assigned the value when we click on the save button, it is not saved. I want to issue a blur or focus for the control to which this var is referring to. Could you please help me ? <script type="text/javascript"> //_spBodyOnLoadFunctionNames.push("displayABC");
events are not firing on second hit in Firefox
hello all.. Problem: i have 'keypress' event on textbox for search functionality. as i enter any character into textbox for the first time, then it is working fine and showing matched records(every page event and js functions are firing well). But, as i enter one more character on same textbox, it stops working. none of the page events are firing. Note: this is working well in IE and chrome. problem with only firefox. please let me know your views on this. this may not be the correct place
Ajax request problem
Dear forumers! I'd briefly describe what i'd like to do with JQuery: I would like to create a webpage that has a button object. When I press it the javascript should trigger an Ajax request to the server. My problem is that this GET event not executed in all cases. Sometimes my code works very charmly, sometimes no GET http message sent to my apache server. To debug the communication I use rawcap application, and wireshark. Here is some code snippet: -This is the definition of my button object in
Check if drop-down box is select.
Hi everybody, I would like to check if a select option is selected. I mean I have a this html form: <form style="background-color:#EEE; padding-left:5px; font-weight:100;" id="presenzeH" action="presenzeH.php" name="frmComune" method="post"> <label id="data">Mese:</label> <select name="mese" id="mese" size='1'> <option value="0" style="padding-left:5px;">Seleziona il mese</option> <option value="9" style="padding-left:5px;">Settembre</option> <option
jQuery Performance
Hi, I was wondering which would improve performance when removing elements? Multiple Selectors $("#id1, #id2, #id3").css("display","none"); or Multiple Lines $("#id1").css("display","none"); $("#id2").css("display","none"); $("#id3").css("display","none"); Thanks.
keyup event fires on element that is updated from another element???
I have 3 elements. An update button (initially hidden), the code editor element and a preview div element. The preview div's innerhtml is updated from the codemirror "update" event. This is working great. The preview div is set contenteditable="true" and I detect keyup events using the "on" delegate method from the body since it is added to the dom by the codemirror instance after page load. The update button is revealed when the keyup event is detected on the preview div so I can pass the updated
How do I add another table at the bottom of screenshot below?
Thank you very experts for your continued assistance. The screenshot below is as a result of this fiddle courtesy of kwood and the great JAKE. How do I modify code below to add the portion that begins with Related Work Activity? $("#emps").on("click", "a[target='tab']", function(){ var me = $(this); var url = me.attr("href"); var tabName = me.data("tabName"); var tabIndex = parseInt(me.data("tabIndex"), 10); $.get(url, function(data) { var table = $( '<table id="details" class="details"
Hover one a element change other elements
I will explain my problem guys. Lets suppose this is html ~~~ <ul> <li><div class="smiles"><a>Test</a></div></li> <li><div class="smiles"><a>Test</a></div></li> <li><div class="smiles"><a>Test</a></div></li> <ul> ~~~ What i want to do is, when hover on one element that specific element will change style, also the other two that are not selected must change style, and so on. i can make it work by saying $(this).addClass()... and then by changing other elements class but i don't
on click from link imported
I am trying to set html when a link is clicked on. I found out that .on should work. Here are my two pages that I have setup for testing: <script> $(function() { $("#search").on( "click", function(){ $.ajax({ url: 'process.php', data: { test : 1}, type: 'post', success: function(output) { if(output){ $('#stuff').html(output); } } }); }); $('[id^="delRec"]').on( "click", function(){ alert('good'); e.preventDefault();
KeyboardEvent.key value "Left" is obsolete and will be renamed to "ArrowLeft
Hi, Firebug is reporting the following warnings after the right or left arrow keys are depressed: KeyboardEvent.key value "Right" is obsolete and will be renamed to "ArrowRight". For more help https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent.key event[ prop ] = originalEvent[ prop ]; jquery.js (line 4564) KeyboardEvent.key value "Left" is obsolete and will be renamed to "ArrowLeft". For more help https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent.key event[ prop ] = originalEvent[
how can i set Checkbox on /off slider in javascript or jquery..
$(document).ready( function(){ $('.toggle_btn').click(function(){ // on off classes if($(this).hasClass('on')){ $('.toggle_btn').animate({'backgroundPositionY':'0px 0px'}, 1000, 'linear', function(){ $(this).removeClass('on'); $(this).addClass('off'); }); // on off classes else condition } else{ $('.toggle_btn').animate({'backgroundPositionY':'0px 150px'}, 1000,'linear', function(){
dedupe html table with jquery
i want to do that before dedupe <table id='tableau'> <thead> <tr><th>reference</th><th>Nom</th><th>Ville</th><th>Code Postal</th><th>Email</th><th>Telephone</th><th>Derniere Modification</th><th>Identifiant</th><th>Mot de passe</th></tr> </thead> <tbody> <tr><td>000000</td><td>dubois</td><td>Paris</td><td>75000</td><td>maill@mail.fr</td><td>0102030405</td><td>2014-09-22</td><td>azerty</td><td>querty</td></tr> <tr><td>111111</td><td>dubois</td><td>Paris</td><td>75000</td><td>maill@mail.fr</td><td>0102030405</td><td>2014-09-22</td><td>azerty</td><td>querty</td></tr>
FadeIn and FadeOut problem with smooth transitions
I built a site using FadeIn and FadeOut to phase in and out divs, but when I load the page from my portfolio site a bunch of the divs that are .hide() flicker on the screen and it doesn't look smooth. (it doesn't happen everytime, so try again if it doesn't happen first time) I've been stuck on this problem for awhile so if anyone knows how to resolve this please let me know. Demo: http://www.andrewhnovak.com and click the right box called Andy's Botany
Why can't I select SVG Polygon using Attribute[ID] ?
I am trying some simple hover effects on some svg. ~ When i hover on a button the target SVG gets animated. I am using Velocity,js for this project with jQuery. For Button, <button data-targetX ="firstTra"></button> This works, $('svg polygon[id="firstTra"]').velocity({opacity:1}); But this does not, var meinTarget = $(this).attr('data-targetX'); //button's data attr $('svg polygon[id=meinTarget]').velocity({opacity:1}); However
open DIV after the website draws.
I want a window to open a second or so after the main website completes opening. I am able to do the below BUT can only seem to get it to work from a button click I want this to happen automattical ONCE the window is done rendering Thoughts? $( document ).ready(function() { $('#PrintService').click(function(event) { $('#divLayerContainerPrint').delay(800).show('slow', function() { // Animation complete. }); }); }); <div id="divLayerContainerPrint" class="divLayerContainerPrint
Combining animations into an array
Hi, I have 6 boxes with text inside that animate one by one. I was wondering how I can combine them into an array to condense the code. I would also like to animate the text in a similar way to the boxes to make it look more graceful. If anyone could help much appreciated! <script> $(document).ready(function() { $('.one').animate({ opacity: 1, height : "13em", width : "16em"}, '200'); }); $(document).ready(function()
How to create image map with jquery?
I have an image and there is a specific area in this image that I would like to link, not the whole image. I know how to do so with HTML, however I am interested in doing in with jquery. Does anyone knows how to do that? Any help will be welcomed. Thank you!
google geolocation not working in safari
Hi I have worked on a google map for some time but suddenly I get the error TypeError: Unable to delete property. in the consol and the system crashes when I use safari (but not the other browsers). I cannot see on which line it is but I have debug the error to happen when this code is generated: var mapOptions = { zoom: 12, center: new google.maps.LatLng(55.745254, 10.887451), mapTypeId: google.maps.MapTypeId.ROADMAP, streetViewControl: false, scaleControl: true }; try { map = new google.maps.Map(document.getElementById('map-canvas'),
Next Page