Check Box don't work
Hi guys I have a question for you, I have in my code: A checkBox that disabled an input field; A select that if set to empty: reset and disabled the input field; set the checkBox to checked; Why if I uncheck the checkBox and I set the select as empty the checkBox seems unchecked ??? See more http://jsfiddle.net/yRety/1/ This is my code: <select class="select"> <option value=''>Select</option> <option value="1">Option1</option> </select> <label>code:</label> <input disabled class="code"></input>
Error: Cannot call method 'createDocumentFragment' of null
During page load I'm trying to add an element to the DOM. The code: $(document).ready(function () { $(document).prepend("<div id=new_div style=z-index:1;></div>"); }); I've tested this on FF21, Chrome27 and IE10. They all return the error mentioned in the title. Debugging on jquery-1.10.0.js, I tracked down the problem to line 5998 where safeFrag = document.createDocumentFragment() Apparently document is null. Going up the stack trace to domManip on line 6249 the object is passed as this[ 0 ].ownerDocument,
Connecting Jquery slider to google map to filter the search results
Hello; I need to filter the results shown on the map based on the price the user chooses. I use Jquery slider to filter the results based on the price range user chooses. http://www.hotels2go.com.au/gallery_nd2.php?search_id=18&search_type=destination&search_term=Gold%20Coast&checkin=2013-05-28&nights=1&adults=1&children=0&altFormat=2013-05-28 Slider is on the right column so user can select the price range. I want to learn how connect that slider to the map so when they filter the price the map
Error in jquery ajax call?
What's wrong in this code? Why it is throwing error? URL has JSON data. JSFiddle
Problem with click in img in front a div
Hi friends! I'm developing a website with a image gallery build manually by myself. The problem is when I do a click in the img (class galeria) it's just faded, but, I created the event for just the click in two div's (id subGaleria and id overley), but not for the img (class galeria). I appreciate a help of you. I show the code of events and html below. Thanks! JQUERY: //Quando houver um click no body $("#overlay, div#galeria").click(function() { //Oculta
Find an element by class and attribute value
Hello guys, I need to find in the document an element by class and attribute value like this: <span class="ui-button-text artEdit" rif="artViewDiv52">Save</span> If I want take the element by class I write: $(document).find('.artEdit'); If I want take the element by attribute value I write: $(document).find('[rif=artViewDiv52]'); but if I want to find "artEdit" with rif="artViewDiv52" how can i write?? Thanks
variable is not getting altered
Hi Team, On click of submit button , i am checking whether user entered id in one of the field is already choosen or not , if the user entered the id which is already choosen by other user , i should not allow him to continue the submit button. so i have written following code but the UserExist function always returns true . Please help me out . my servlet which i have mentioned in the url will return me the exisiting ids my jquery code is below $("button").click(function(){ if(UserExist("fldid")){
Fetch data from DB and display in a dynamically generated select box using jquery and php
I have the code that dynamically generates textboxes and select boxes upon a button click. I want to fetch the data from DB and display in the dynamically generated select box. Fiddle http://jsfiddle.net/hEByw/12/ shows how the text and selectboxes are generated dynamically. Please see the fiddle for HTML and complete jquery code. I have tried the following part of code to fetch the data from DB and Put into dynamically generated select box(Tax Type) but its not working for me. //To Display the tax
AJAX form - MySQL, jquery Not working.
Hi, I am trying to setup ajax with my form. I came across a tutorial for setting this up but it didnt quite work for me so need a little help in getting it to work. This method seams quite good because I can easily add more fileds without changing my ajax too much and can also implement easily into other projects. The form works fine without ajax. Here is my form <form action="../bin/form-process.php" method="post" class="ajax"> <input class="input-field" type="text" autocomplete="on" name="first_name"
Slider help
Hello everyone, I am trying to make this simple slider for a project - but im a rookie in jquery and therefor i need some help if anyone have the time. I have made this fiddle: DEMO I need help with building my navigation so i can jump to the different slides back and fourth using the CSS class. Im not sure how to do this from this point. Can someone take a look and maybe update the fiddle if you have a smart solution. thank you
Is there a better way?
Hi, I have a bunch of hidden div's with text in them that I 'slideDown' when it's corresponding nav 'div' item is either rolled over or clicked. I'm new to jquery (1 week) so I'm wondering if there is a cleaner way of writing this jQuery code. Can someone suggest a way? My HTML: <div class='services-content-web'> <div class='services-circle' style="margin-left:0px">Web</br>Design</div> <div class='services-circle'>UI & UX</br>Design</div>
jquery popup window which will call HTML page
jquery popup window which will call HTML page............. with example thnx
how to change the width of the element that has been append to body
hi , i have a div element that i have been added it to the body with append method . var container_style = "<style> #container3{width:800px;background-color:#f0f0f0;position:absolute;z-index:1004;top:100px;left:19%;padding:20px;border-radius:3px;;box-shadow:0px 0px 20px 1px #242424}</style> "; var fortest = "<div class='senfi' id='container3' ></div>"; $('body').append(fortest); //________________________________________________________ okay now i want to change the width of this element if i change
JQuery AJAX Post throwing error in Firefox??
I am having an issue with Firefox for jquery ajax post. This functionality is working IE (not in Firefox). In IE controller is reaching to [webmethod] in server side. But this is not happening to Firefox. I don't understand the problem. I place JavaScript debug in firebug, nothing showing there too. var save = function(saveUrl) { var $value = $("#Body_hiddenClientId"); var $container = $("#grid"); var handsontable = $container.data('handsontable'); var tableData = JSON.stringify(handsontable.getData());
simple qustion
what does this code mean ? var element = $('<div id='lightbox ></div>'); '
Help - calculate total of multiple input fields
Hello, I have been working on a small freight calculator, cubic amounts are calculated based on quantity and a formula. Here is my current JSFiddle http://jsfiddle.net/weedy/vcD9A/ At the moment, i would like the quantities column (inputs) to be totaled at the bottom in a span element called "totalquantity". I have got the total working for the cubics column. jquery example, please see full code on jsfiddle http://jsfiddle.net/weedy/vcD9A/ function total() { $('.totalcubics').html(function ()
.load() Works But Duplicate Page Appends Itself To Target Div
Hello everyone, I'm pulling info from a database and having it append html with the pulled info to the target div with .load(). It works but, it appends a duplicate copy of the page itself (html, javascript, meta tag code in all) to the target div first, then after that it appends what I want. How do I stop this from happening?
Dynamically created ImageMap: How to use the click event in already binded script.
Hi, I am not sure if there exeist a solution for my problem. I use a jquery script (application.js) which I bind in with my index.html. Somewhere in my code I insert a html image map via .html(imagemap-html-code) . I want to make use of the click event of the image map in my application.js. I already tried to use the .on: $("area").on("click", function(){ alert($(this).attr("alt")); }); But it did not work. Am I missing something? Or is it simply not possible? Thank you very much.
Jquery append alignment problem
The below code is perfectly fine. But i would like to display number next to bar level. But now it's coming below the each bar. Please help me with this. <!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" content="text/html; charset=utf-8" /> <title>User Display</title> <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> <style type="text/css">
help with slideToggle please
I've been try for the last 24 hours to get this to work right and it just driving me nuts. HTML: <div class="thecourse"> <div class="category"></div> <div class="subcategory"></div> <div class="subcategory"> <p class="getcourse"></p> <p class="summary"></p> </div> </div> this repeats several times. Basically i only want the category to slideToggle to the next category and leave the other ones below it expanded. And here is what i have been try
Trouble assigning hover function to a series of images
I have a product page where the customer has the option to s lect the product in two colours. I am using jquery to change a series of images and thier hover functions based on the color choice. I am succesfully changing the images, but the hover functions are not being called with the correct parameters. There are 7 images for black which are assigned numbers 2-8, and 6 images for brown which are assigned numbers 9-14. However the hover function for black is always called with param 9, and the
how i can do this animation to go site pages
how i can do this animation to go site pages like this website http://www.saptarang.org/TF/index.html
how do you apply two different types of scripts to a page?
I am having trouble adding a carousel and a different type of script on the same page and having them function simultaneously. Both have crashed. Any ideas? I can provide the code and how I added it to the page if that helps.
.css('left', … ) position bug?
Hello guys I created a thread on stackoverflow: http://stackoverflow.com/questions/16752245/jquery-cssleft-position-bug Unfortunately noone's answering to it after I figured out the thing with the zoom... Can someone in here maybe help me? What alternatives to .css('left') do I have which doesn't consider browser zoom? Kind regards Doidel
Accordion alike
I prepared a static(for now) 'accordion' for now: *can't publish an image because of reputation, so i'll try to illustrate it: As You can see it contains 5 areas, 1 for the open 'article'(GreyContent+Big Image) and the other 4 are for close ones. All the small images contained like that: <div class='pics'> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div> The current open('article') contained like that: <div class="whyUsCarouselInner">
ssl cert and 3rd party validation...is this possible?
I have a website that is http except for one link which is https. I want to be able to build an application that once the https link is clicked, it will capture a users client-side certificate, send that client-side certificate data to a 3rd party validator and if success, the user will be able to see the content on the link. Can I do that using Javascript or jquery .ajax call? If so, how? This is the code I have so far. Its missing some data because I am not sure how to capture it. I tried to note
Memory leak with jquery fixed table header, AJAX setInterval
I use the below fixedtableheader plugin on a golf leaderboard page that uses AJAX and setInterval to fetch score changes from the server. Without the plugin everything works well, with the plugin, there is a constant memory leak that during the course of the day make Firefox go from 60MB at start to 1.5GB before end of day and crash. Can anyone spot any memory leaks in this code? I've found a lot of articles on memory leaks with AJAX and setInterval, but if I take out the fixedheader plugin the
problem direction poll
Hello, I am a student and I am trying to do my final project study. In this context, I need to add a poll to my website. In fact, I followed this article "http://webdeveloperplus.com/php/ajax-user-poll-using-jquery-and-php/". it gives a good result but I have a little problem, I want the bar moves from right to left (the opposite of what is in the article). If you have an idea I would be very grateful and thank you in advance.
Any way to fullsreen a window
This has probably been asked a gazillion times.Im searched but nothing satifactory. But Im opening a window.open with a website Is there ...any... way to fullscreen a window.open ?
How to Set Up a Download Directory Using jQuery
jQuery supports file select capability for uploading files (below code ) but I just wonder can we do something different to set a download directory/path to a specific folder by using the windows select folder box? <form> <input type="file" /> </form>Thanks
Modifying the DOM in a new window
So I'm opening a new window with the following code: scoreboardWindow = window.open("scoreboard.html","scoreboard"); $("head *", scoreboardWindow.document).remove() $("head", scoreboardWindow.document).append("<style>\n" + "table {\n" + " font-size: 40px;\n" + " font-family: Candara, Verdana, Arial, sans;\n" + " margin-left: auto;\n" + " margin-right: auto;\n" + "}\n" + "tr td:first-child {font-weight: bold;}\n"
JSON object to array using each.
I have array of json object stored in ItemsList variable like this : ItemsList=[ { ItemID:"1", ItemName: "abc" }, { ItemID: "2", ItemName: "dg" }, { ItemID:"3", ItemName: "erte"} ]; how do I push them into the array variable with key and value using each function. I tried this : var arr= new Array(); $.each( ItemsList, function(key, obj){ $.each(obj,function(k,value){ arr.push(k,value) }); }); Does not give me the
Function question
I have the following code which works fine: var blackshFunction= function() { var j=0; for(var i=2;i<9;i++) { $("#altviews a").eq(j).attr("href","/v/vspfiles/photos/SMART-HOLSTER-" + i + ".jpg"); $("#altviews a img").eq(j).attr("src","/v/vspfiles/photos/SMART-HOLSTER-" + i + "S.jpg"); j=parseInt(j)+1; } $("#altviews a").eq(6).show(); $("#altviews a img").eq(6).show(); } var brownshFunction= function() { var j=0; for(var i=9;i<15;i++)
Php echo command does not work in Highslide "html content" Can you help please?
<?php include ("css/servis.php");?> <!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" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="highslide/highslide.css" /> <script type="text/javascript" src="highslide/highslide-full.js"></script> <script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
scripts does not work two together
<link href="css/custom-theme/jquery-ui-1.10.2.custom.css" rel="stylesheet"> <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery-ui-1.10.2.custom.js"></script> <script> $(function() { $( "#accordion" ).accordion({heightStyle:"content"}); $( "#accordion" ).accordion({collapsible: true}); $( "#accordion" ).accordion({active: false}); $( "#button" ).button(); $( "#radioset" ).buttonset(); }); </script> // together two scripts
How can I set the conditions on parsing this data I want?
I'm parsing some jsonp from an external database which I'm able to pull in fine. However I need the data to full fill certain conditions. The data I'm pulling in is located here: http://stuartwestgate.co.uk/final_project/index.php and I've got the JavaScript pulling the data in: function datahandler(info) { var dataReturn = document.getElementById("dataReturn"); var propertySelector = new Array("uniqueIdentifier", "cameraPicture", "photoAlbum", "videoData", "audioData",
Problem accessing dynamically added DOM elements in IE7
Here's the scenario: I'm using knockout.js to add some repeated structure to a form. When working with IE7 (or even IE9 or IE10 in the IE7 browser mode), jQuery cannot find the element with normal selectors and return empty sets, undefined, or nulls, depending on what you try to access. I first discovered this problem using jquery 1.7.2 (I think), but it persists in 1.9.1. Haven't tried the 2.x branch, because it explicitly does not support IE < 9. I have a very stripped down example reproducing
Jquery problem on Internet explorer
Hello please I have a big issue with my site, currently have tested it on all browser, it seems to do fine on opera, safari, google, and mozilla, but it doesn't work well on internet explorer, this is giving me concern because visitors to my site from explorer is 4th on the list, please you can visit the site on an explorer to get what am saying....don't know what to do? should I redesign another site and transfer the content of this one on to it, because it seems to be having design problems, and
Strange bug with last versione of Jquery!
Hi, i've this html code: <span id="disponibilita">Disponibilità <input type="checkbox" id="illimitata" name="illimitata"/> <span id="scrittaIllimi">illimitata</span> <span id="oppure"> oppure <input type="number" size="2" id="numeroDisponibili"/> pezzi </span> </span> and this JS script $('#illimitata').change(function() { alert('clicked') //<---This is always showed
jQuery and jQueryUI documentation is not loading on my IP
Hi all I am wondering, If I try to see documentation of jQuery or jQueryUI in my office (offcource through brouser ) It shows message If i ping jquery.com through consol it shows unknown host http://jquery.com/ but if I connect through my mobile or I use documentation trough cyber-cafe it works fine, How it is?
Next Page