jquery-1.9.1.min.js is not working with
I have a snippet <script type="text/javascript"> $(function(){ $("#selectall").click(function(){ $('.mycheckbox').attr('checked',this.checked); }); }); </script> <ul> <li><label><input type="checkbox" id="selectall" /> Select All</label></li> <li><label><input type="checkbox" name="1" class="mycheckbox" /> 1</label></li> <li><label><input type="checkbox" name="2" class="mycheckbox" /> 2</label></li> <li><label><input type="checkbox"
JvectorMap Region Selection
e I am trying to reuse the region selection feature of JVectorMap. I am using a custom map (js) file. I have tested it in and it works fine for region selection. Now I need to pass the regions which are selected by the user to the back end vb code. In this case maps.getSelectedRegions() gives an array of the user selected regions. I am not clear on how to pass a javascript array to back end vb code. The window.localstorage as how it is given in the example don't seem to work out here. Can somebody
Problem on mouseenter
Hi all, I have an image with caption text on my website. The caption is hidden by default and only shown when the mouse enters the image. When the mouse leaves the image, the caption fades out. This all works great except for 2 (little) problems: 1. When a user hovers the caption text (which is overlapping the image), it sees a mouseleave so the caption disappears.. 2. The fadein and fadeout are queued so when I quickly move the mouse, it keeps fading in and out. I used clearQueue but it
Focusout not working in Safari/Chrome
I have tried focusout into input field.It was worked fine in all browsers.But normal button focusout event not worked in safari/chrome.Please help me.
How to float a Div outside an iframe
Hello guys, okay? I wonder how I do to show a floater that within a inframe on my site but that floater appear on any website and not only within the iframe? I am sending a sample in fiddle floater (code). Remember that this code will stay within a ifram within my site, and when the person clicks on the link on the floater appear throughout the site and not only within the iframe. Is it possible? If so, how? Thank you all! Exempla floater fiddle (is not in iframe on the exemple): http://jsfiddle.net/mG9vf/1/
Get the ID of all child nodes from multiple treeview (skip parent node id). How?
I have used a treeview in a user control which is used multiple times in a single page showing different data. There would be only three levels of nodes (Parent - Child - Sub Child) By default the parent node will be selected. when user click button, is it possible to get all the id of nodes (only child nodes and sub child nodes) which are selected in checkbox and validate for at least one child node to be selected from any treeview on the page ? Note: Have to skip the ID of Parent node of all the
jQuery and iframes
I am using a menu system that slides down from a button below the logo. Once the button is clicked, the iframe that contains the menu slides down and displays all the links. The iframe is coming from a file that is within my root folder. All the links within the iframe menu system, open in a new tab. My question. I want the original start page to close the iframe window after any of the links inside the iframe window are clicked. I can get this to work, if the menu system is within the start
can anyone tell me how to slide a login panel on page load.?....I m using jquery and i dont want any click
$(document).ready(function() { // Expand Panel $("#open").click(function(){ $('div#panel').slideDown("fast"); }); // Collapse Panel $("#close").click(function(){ $("div#panel").slideUp("fast"); }); // Switch buttons from "Log In | Register" to "Close Panel" on click $("#toggle a").click(function () { $("#toggle a").toggle(); }); }); I m using <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
How to export data table in predefined formated excel ?
can anybody tell me how do i export my data table in to predefined formatted excel ?
How to use OR operator in this function? Instead 3 show functions how can I use OR operator so that it will be one function?
$(document).ready(function() { $(":radio:eq(0)").click(function() { $("#second_datepicker").hide(); }); $(":radio:eq(1)").click(function() { $("#second_datepicker").show(); }); $(":radio:eq(2)").click(function() { $("#second_datepicker").show(); }); $(":radio:eq(3)").click(function() { $("#second_datepicker").show(); }); });
Ajax -POST call with Jquery - cross domain
Hi, Tried this..and this works on FF and Chrome..not on IE..though call goes to the function.Any pointers? And is there any other way to make a cross -domain POST call.. Can we do it with JSON instead of JSONP? function (url, requestData) { var jqryXHR = $.ajax({ type: 'POST', url: anotherDomainurl, dataType: 'jsonp', contentType: 'application/json; charset=UTF-8', data: { requestParams: requestData } }); }
How can jquery detect when an image map is clicked?
I am using a chart control that is generated from asp.net. Its a bar chart,and each bar has a tool-tip. (The tool-tip is a 'title' attribute). There is an image-map that describes each bar area as a rectangle. I can capture ordinary clicks on the chart when they are outside of the bars. But when they are inside of the bars, they don't get captured by the usual on.("click") jquery code. Ideally, when the user clicks inside a bar, I would like jquery to capture the tooltip. If I can do that,
Clear html on button click
script type="text/javascript"> function clear() { $("#monitor").html(""); } </script> <div> <button onclick=clear()>Clear</button> </div> <hr /> <ul id="monitor"> </ul> The monitor html does not get cleared ?????
Timer problem when window minimized
Dear friends, I am a .NET WEB APPLICATION DEVELOPER... I just started using JQUERY and liked it so much. I developed an asp.net page and used some jquery code on it. Shortly, I put a timer bar with 900px width. I use an animate function. Function adds 5px every second and if width of the bar exceeds 895px, timer stops and width gets 0px. You will find the code below. The problem is if I minimize or open another window while timer works, width of the bar exceeds the 895px but timer does not stop.
Replace in string
Hi, i have this text: <div class="blog-class-nxcms"><div id="prepare-for-put-div-42" class="prepare-for-put-div"><delnxcmstag><div id="put-here42"><div class="test-nxcms"><delnxcmstag><div id="prepare-for-put-div-41" class="prepare-for-put-div"><delnxcmstag><div id="put-here41"><div class="blog-image-nxcms"><delnxcmstag><div id="prepare-for-put-div-43" class="prepare-for-put-div"><delnxcmstag><div id="put-here43"></div></div></delnxcmstag></div></div></delnxcmstag></div></delnxcmstag></div></div></delnxcmstag></div></delnxcmstag></div>
A fundamental question on how modern browsers cache resources.
Scenario 1. ---------- If my home page (index.html) has a link to an external CSS file and a script tag with an external reference to a JavaScript file, as follows: <link rel="stylesheet" href="css/style.css"> <script src="js/script.js"></script> If my index.html has an anchor tag which references a child page, ie: <a href="contacts.html">Contacts</a> However contacts.html also contains the above CSS and JS references - Q. is this an inefficient way of loading a child page, or does the browser cache
Remove css class or div, but without content
Hi, how can I remove some classes and divs, but without content, somethig like that: <div class='i-need-it'><div id='i-want-to-remove'><div id='i-need-it'><a id='i-need-id'><a></div><div></div> <div class='i-want-to-remove'>blah blah i need this blah blah</div> Thanks.
Using <div>s as slides instead of images in ImageFlow Slider
I am using ImageFlow for making an image slider. I want to use <div>s instead of images for slides. How can I do it?
Slideshow Control problem, one side does not work
Hi! I am new to jQuery and am trying to adapt a slideshow to fit my layout. I have one end of the slideshow working fine, as you can scroll left with no issue. However, on the right control, the button does not seem to be clickable. The link to the page is here. Here is the template page's code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
hello, iam trying to onclick on one div send the content to another div
hello, iam trying to onclick on one div send the content to another div i can send the content from one div to another the problem now its to send only the one that its clicked on [removed] <script> document.getElementById('there').appendChild( document.getElementById('eee') ); <form action="projectAdd-step4.php" method="post"> <h3>Contractors</h3> <p>Choose some existing contractors in the left column by clicking their name or delete in the right column by the same way</p>
Horizontal Parallax with jquery and css
I came a cross this page recently http://tinyurl.com/oan2y7t and I was wondering how the author achieved such a nice horizontal parallax effect. I am well aware of all those different tutorial on the internet, but I can't figure out the approach to get a horizontal parallax effect with two or more layers besides each other. Maybe someone can give me a hint or simple approach to achieve that by using jquery and css?
$.post and json encoding
Hello to all sorry for my bad English. We illustrate my problem sending the data via $.posts and I get the json using php json_encode($dati,JSON_UNESCAPED_UNICODE))the data that I get is as follows {"errore":"","alternative":"单恋日记中 的少女片恋の日記少 女Machiboto KitariMegane Danshi TokushuuThe girl in the diary of unrequited love"} The javascript that sends the request and processes it is this $("#parse").click(function(){
How to check that JQUERY AJAX call is completed
I have a page where I have to bind the few controls via ajax call. Country drop down, state drop down on the basis of selected country, city drop down on the basis of selected city. Nested data binding is working fine. But If I have some initial values of country, state, city & I have to set the selected values, then this is not working. I am calling a function to set initial values like below: function bindandsetvalues(_country, _state, _city){ // function to bind countries via ajax call. ajax
Simplify chain of setTimeout
Hello Jqeury fans, is there a way to make something like this: setTimeout( function(){ $("#arrowNext").trigger('click'); setTimeout( function(){ $("#arrowNext").trigger('click'); setTimeout( function(){ $("#arrowField").trigger('click'); setTimeout( function(){ $("#sub").trigger('click'); setTimeout( function(){ $("#arrowTrailerField").trigger('click');
jquery on keypress to calculate marks
Hello Guys.. I am new to jquery and I will be very grateful if you could help me. have a look at my code to better understanding it The javascript part <script> $(document).ready(function(){ var a=0, b=0; $(('input#a')[0]).bind('keyup', function(e){ a = parseInt($(this).val()) || 0; var c = (a + b); $(('input#c')[0]).val(c); }); $(('input#b')[0]).bind('keyup', function(e){ b = parseInt($(this).val()) || 0; var c = (a + b);
[jQuery] pull in link url as well as image url from xml file when loading images dynamically
I'm able to use the dynamic loading method to create an xml file via php that gives me the list of image urls. However, i'd also like to pull in another node from the xml file 'pid' to help me construct the link that will be associated with each image. the xml i'm creating is below: <?xml version="1.0"?> <data> <total>11</total> <pid>221</pid> <image>http://www.thisismysite.com/wp-content/finds/thumbs/ homegoods_001_1__1.jpg</image> <pid>229</pid> <image>http://www.thisismysite.com/wp-content/finds/thumbs/
Go to url then hide/show div
Dears, HTML code is: <a class="first-l">First</a> <a class="second-l">Second</a> <a class="third-l">Third</a> <a class="redirect">redirect to second</a> <div id="main"> <div class="first"> <h1>First</h1> <p>Test-1</p> </div> <div style="display:none;" class="second"> <h1>Second</h1> <p>Test-2</p> </div> <div style="display:none;" class="third">
How to use more than one jQuery function/action?
Hello, I think my problem is just the way I am writing these two jQuery functions that is the issue, because my first one worked on its own until I tried adding in the second one - now neither will work. I don't necessarily want these events to happen at the same time, but want them both to happen, if that makes sense. Can anyone help me with how I am formatting this? <script> $(document).ready(function() { var bodyHeight = $('body').height();
a tracelog that bridges across setTimeout(), setInterval(), callbacks, recursive functions - done - needs polishing, but how?
My javascript framework http://fancywebapps.com does a lot of things asynchronously, and is designed to process at the same time multiple user requests for calculations on sometimes large datasets (delivered always in JSON in my case). I was facing the problem (time and time again) that I could not keep track of which "userAction" (page load, click somewhere, hover over something, etc) was responsible for any given still-buggy function's execution in the debugger, due to the fact that "the default
Fixed div to fade in and out when footer appears
I have a query where i have a fixed div with contact details that i would like to be on show until the footer is in view then it will fadeout. When the footer is out of view when the user scrolls up, the fixed div then fadesIn. I have had a look at some examples and using my own div tags and styling and nothing happens. An example i have used is: $('#footer').appear(); $('#footer').on('appear', function(){ $('#fixed_div').fadeOut(); }); $('#footer').on('disappear', function(){ $('#fixed_div').fadeIn();
Importance of serialize() in ajax() Method
When I use this method in one of my functions to communicate with the server, for some reason it would work when I took out the "serialize" portion of the function. For instance, I have this: $("form").submit(function(event) { var $form = $(this); var $inputs = $form.find("input, select, button, textarea"); var serializedData = $form.serialize(); $.ajax( { url: "some url", type: "post", data: serializedData; dataType: 'json'
combining fadeIn and slideToggle with JQuery.1.9.1
I'm new to jQuery, an I'm using jQueryHeadFirst book to learn it. The application demonstrated in first chapter of this book mixes fadeIn and slideToggle effects. It works fine with previous version of jQuery (1.6.2) but the fadeIn has no effect with the latest version 1.9.1. (tested with firefox and chrome) Any hint ? Here is the source code of the html page. <!DOCTYPE html> <html> <head> <title>Furry Friends Campaign V.1</title> <style> #clickMe { background: #D8B36E;
What is $ in jquery
Hello All, An interviewer asked me a question and i had no answer. Can someone please explain it. Question was : What is $ in jquery. if it is jquery Object. Then we should access function like this $.(document) instead of $(document)
Metadata Field data retrieval
Hi All, I need to Retrieve data from a metadata field for validation purpose. If anybody has a script working on this, kindly share it with me. Regards, Vamsi
Highlight Rows
Hello, I was wondering, if there is any jQuery code that I can use that will highlight the table row yellow, when one of the cells equals "Value 1" and the checkbox on the same row has been checked. Is this achievable? Thanks in advance.
Video events
HI I'm looking for a way to fade out a div when a video starts playing. Basically as soon as the video (which auto starts playing) has loaded or started playing the div fades out. I'm also using 'query-simplevideo.js' to control the video playback if that's important to know. here'a some of the code I have in place now: ........................................................................................................................... IN the BODY: ...........................................................................................................................
body keyup increasing each time
hi , i have a searchbox that search the database for me and return sth , i have attched the keyup event to this textbox and when i write something into it it return me the data that should return , its working pretty fine and its return me the data , im using ajax into this $('body').on("keyup"," #searchbox",function(e){ $.ajax({type:"POST",url:"functions.php",data:{"searchcandida":"true","values":txt},success:function(data){ if(data.trim() != ""){ $('body').bind('keyup',function(event){
I can't do operations after a success of AJAX call
Hi, i noted that calling a php script with this syntax $.ajax({ url: scriptUrl, type: "POST", data: formdata, processData: false, contentType: false, success: function (res) { alert (res) //<----This is showed ("success") if(res=="success") //<-----------PROBLEM HERE
Need help with Jqueyr and form
Basically i want to hide the P when All Service down is selected from the option? http://jsfiddle.net/SKuWY/ Anyone care to help on this one?
How to resize popup after popup submit button click
Hello, I have a html that is creating a popup. The popup has a submit button to a another website. I would like to resize the popup after the popup submit has been clicked. I have assigned an ID to the popup submit button but the main screen doesnt see it and doesnt resize the popup. Any suggestions. var w; $(document).ready(function() {
Next Page