Jquery Not Working when debugger is disabled
Hi There, i am using vs2010,jquery1.8.2 Version, i tried to pull the contents from the iframe by forcing the button click using jquery , in button click event handler ,iam assigning the hidden field some value, When eanble a debugger in script, value is fetched properly{alert gives value} , but when debugger is disabled hidden field is empty . can any provide a soln/reason why script is not working when debugger is disabled. here is My Parent aspx page . having the frame , <div> <iframe id="framePatInfo"
Jump to anchor
How could I jump to an anchor???
credit card input
Hello, I am trying to implement the credit card input type ..when I am start typing the digits I need to include dash every after 4 digits like this XXXX-XXXX-XXXX-XXXX and if it is amex card it should be like this XXXX-XXXXXX-XXXXX... can anyone help me with this? Thanks
Audio player that supports song descriptions
Does anyone know of an audio player that supports song descriptions, and possibly multiple playlists for multiple instances of it? I've searched all over the web, from jplayer, jwplayer, to sound manager and audio.js, none of them supports the basic feature song descriptions. All I need is when I click a song in a playlist, some information about the song shows up, either fades in directly on the player itself or on an adjacent div or anything. I've tried adding this feature to a couple of the audio
Help need in dynamic table row creation
Hi All, I am using JQuery to create dynamic rows to my table in JSP file. I can able to create and assign value to it. But I need a help at the time of deleting the rows. When I delete the last row, it is not a problem . But if I delete an intermediate row, and try to add new row, the value is not getting. Please help me to find a solution for it. Regards, Joby Joseph
remove class help.
Hi, I am new to jquery and am using a function to add an item when validating input I have not been able to remove the item! Can somone put me right on both the method and the removal. Please Function: if (userVal == '' ) { $("#txtName").after('<br/><span class="error" style="background-color: darkred" >Name Req!</span>'); hasError = true; }
ReSort Appended html-items
Hi, I like to resort appended items via Arrays. If I append only two items it works fine. I have Problems to swap two items, if append 3 or more. Any ideas how I can solve this problem? Maybe there is a much easier way. Here is the code: var rownumber = 0; var fieldorder = []; var neworders = []; var key = 0; $("button").click(function() { rownumber++; ButtonId = this.id; fieldorder[key] = rownumber; key++;
how to place isotope items in a scrollable div and retain jquery hover state effect?
i am trying to implement three features: 1. a scrollable div containing image thumbnails 2. that can be sorted by jquery isotope 3. that when hovered over display a div on top of other elements and beyond immediate containers. at the moment i can get either one or the other happening ie either the scrollbars show but then the hover state div is behind other elements, or i can get the hover state div in front of other elements but then the scrollbar does not display. jsfiddle http://jsfiddle.net/rwone/PUKjy/
Unable to get data from php on an html page div
Check out this jsfiddle link- http://jsfiddle.net/BZY5y/1/ my php code-http://pastebin.com/JK1R9R8c php page url, it just says 'hell' and i just want to print it on my html page div I believe my this line is not working- $('div#name-data').text(data); Please have a look on my jsfiddle code and guide me where am i wrong ??
delegates - why not work working
Hello. I'm trying to understand delegates - and specifically why this doesn't work? $(document).ready(function () { $("#loginForm").validate(); bindVirtualKeyboards(); }); function bindVirtualKeyboards() { $("#loginUserPassword").delegate("virtualKeyboardField", "click", function () { alert("xis"); }); } and here is the textbox: <input class="virtualKeyboardField" data-val="true" data-val-required="The User name field is required." id="loginUserName" name="UserName"
Possibilty to stop animation
Is there a possibility to stop a animation? Like .fadeIn().
pass value across jquery
Dear All I am displaying list of records <?php $i=0; do { $i++; if ($i==2) { $i=0; $bgclr="#c2c2c"; } else {$bgclr="#ffffff";} ?> <tr bgcolor="<?php echo $bgclr;?>"> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr class="textselected" id=<?php echo $rows['id'];?>> <td width="75%"><?php echo $rows['name'];?><span class="whitelabel"> <input type="text" class="entryid" value="<?php echo $rows['id'];?>" /> </span></td> <td class="close" style="cursor:pointer">Del<?php
The jQuery ajax can't work.
Here is my $.ajax() code, but it can't work. After I change the form from contentType: "text/xml ; ", to contentType: "text/xml ; charset=UTF-8", The request is broken. However, according to the official document: api/$.ajax, I have to do so,or the charset will be same with the server. var soapRequest_add_a_new_story_to_db= '<?xml version="1.0" encoding="utf-8"?>'+ '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" '+ 'xmlns:xsd="http://www.w3.org/2001/XMLSchema" '+ 'xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">'+
How to Display Selected Item in Bootstrap Button Dropdown Title
Hi I am using the bootstrap Dropdown component at my application and it is like: <div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li><a tabindex="-1" href="#">Item II</a></li> <li><a tabindex="-1" href="#">Item III</a></li> <li class="divider"></li> <li><a
JQuery Ajax data - how to send a "object in object" to JSON server?
Hello to all, i have a problem to send a "object in object" as json ajax data to a webservice. My jquery code: $.ajax({ type: "POST", url: "http://localhostl/webservice/service.php?JSON", data: { "call" : "IsSessionValid", "request" : [{ "apiRequestHeader" : { "sessionToken" : "XXXXXXXXXXXXXXXXXXXXXXXXXX" } }] }, success: function(data){alert("OK: " + data);}, failure: function(errMsg) {
JQuery Ajax - Hide the calls from console.
Hello, Well, I'm making many calls using Ajax, and every time that i open Google Chrome's console it display many calls. How i can hide the calls from the console? Leave it empty? Sorry for my english, i use google translate to translate.
Issue with slider menu and smooth scroll
When "contact" is selected, the page scrolls down, but the slider only moves to "services" http://mlfoxdesigns.com/ - Only happens occasionally - Happens most frequently with IE9 and Firefox (of course) but happens with chrome as well. - Contact tab is the only tab with the issue Willing to offer design work in exchange for help (small logo, etc. see my website portfolio) Thanks!
HTML as text into accessable HTML tree
Hello. Once again. I get a server respond and this could be a HTML document. If this is the case, jQuery will give me the result as a string. I need to convert it into a DOM, to access the single nodes in it. Does somebody know a solution? I really need the function getElementById. I hope some of you guys can help me!
closest index
I want to get order of li that clicked, but output is -1 . but i want to click any img if it is first of "ul" it alerts 1, if it is second of "ul" it alerts 2? <ul class="w1m"> <li>boston</li> <li>dallas</li> <ul> <li><img src='img/minussub.png' /></li> <li><img src='img/minussub.png' /></li> </ul> </ul> $("li").on("dblclick","img[src='img/minussub.png']", function() { alert($(this).closest('ul.w1m').children('ul').index('ul.w1m > ul > li')); });
jquery ajax call in apache
I am trying a simple Ajax call from HTML file but i could nt get it it is coming into "success" but no data on it $("#btnAjax").click(function () { $("#dvAjax").html(ajax_load); $.ajax({ type : "GET", url : "http://www.smartcloudlearning.mobi/SmartCloudLearningMobi/rest/resource/getResourceTypes", contentType: "application/json", // content type sent to
jquery custom scroll path
Any one know about jquery custom scroll path. i want to study it. need good tutorial for me. please help me. i want to create like this website, can you help me to study it, http://joelb.me/scrollpath/ Thank you.
Get destination of a redirect
Hi, I'd like to embed videos in one of my page using a bit of jquery. In my page, I've got the url of the video (like http://www.canal-u.tv/?redirectVideo=10349 ) When you use it, this url is redirected to a longer url : http://www.canal-u.tv/video/cinematheque_francaise/dialogue_avec_jean_louis_trintignant.10349 To embed the video I just need to append the following parameters to the url : width=550&height=340 The problem is that I need to append this parameters to the long url, so I need to know,
.replace method not consistent
The function prepVerse is bound to an event handler "onchange" for a textarea and this works fine. Any time there is any change to the textarea the function reads the textarea into an array. The code steps through the array and: 1. removes blank and null lines. 2. strips line number 3. assigns new line number 4.append \n to end of line 5.appends current line to outBuffer 6. outBuffer moved back to textarea. On the first iteration the works fine, however the next iteration outbuffer is blank. if
Problem sending a form via a confirmation dialog.
Hi. I want to send a form to the button plusar presented by a confirmation dialog in jQuery. The problem I pick well hidden variables but not the one that comes in the submit button type. Can you help? I'm blocked. Thanks and best regards. This is mi complete example sample code: <?php $cmd = $_REQUEST['cmd']; $res = $_REQUEST['res']; echo "PARAM=$cmd"; echo "<br>"; echo "RES=$res"; echo "<br>"; echo "<br>"; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Forms in ui Dialog</title>
jQuery UI Options via data- attributes
Note, all code here is untested and for illustrative purposes. Recently I stumbled upon a small problem. I spent some time and came up with a workaround, but I'm fairly certain that there must be a better way. Basically, I want to do this in my $(document).ready() $('.accordion').each(function() { var settings={collapsible:true,active:false}; if($(this).data('settings')) { $.extend(true, settings, $.parseJSON($(this).data('settings'))); } $(this).accordion(settings); }); With
How do I restrict the element search of a image on a single div?
My question is, how do I look for all pictures in a div (I want to go through all of them with $.each). How do i do that?
Size of a not yet loaded picture
How can I get the size of an not yet loaded picture? Loading it would be a possibility, but I don't want to / cannot wait for every picture to complete loading. I just want to have the size! And could i possibly force all pictures to load their metadata?
same kind of elements in closest api
$("ul").on("dblclick","img[src='img/arrowdown.png']",function(){ alert($(this).closest('ul.w1m > ul').length); }); output is 0, but there is one "ul" in other "ul.w1m" why output is not 1? <ul class="w1m"> <li><div><img src="img/minus.png"><img src="img/arrowdown.png"><img src="img/link.png"></div><div id="wu1m2" contenteditable="true" class="w1mc">b</div> </li> <ul> <li><div><img src="img/minussub.png"><img src="img/link.png"></div><div id="wu1s0m2" class="w1smc" contenteditable="true">Websites</div>
Differ XML and HTML from AJAX request
Hello! I'm totally new to the AJAX function of jQuery. I'm about to develop a dynamic page. But the problem is, that I'm sending a request and the answer could be a HTML or a XML document. There is absolutley now way, that I can dicide what type the server is sending me! So I was looking for a way, to decide whether the answer is a XML or a HTML document. What I'd like to have too, is the possibility, when I have a HTML document as answer, that I can access the nodes and stuff like my current DOM.
I want to find the heights of my columns after images load.
I have a page with three columns. I have the following code: $(document).ready(function(){ var left = $('#left_sidebar').height(); var right = $('#right_sidebar').height(); var center = $('#content').height(); }); The 3 variables give me the heights of the columns before all images are loaded. Is there a way to find the heights AFTER the images load? thanks, mike
Set a checkbox to unchecked if a Checkbox or Radio button isn't checked, when specifying by name and value
I need to set a checkbox to be either checked or unchecked based on whether specific Checkboxes or Radio button are selected. I know how how to do this for checkboxes when I specify an id # for each element and use if ($(this).attr('checked'), but I can't get it to uncheck when I specify the names and values of the checkboxes instead. I also haven't been able to get it to uncheck when a radio button is unchecked, even when I specify an id # for each element and use if ($(this).attr('checked'). Ideally,
blur after mousedown
Is it reliable to assume than blur always fired before mousedown? I am developing a datepicker. I need it not to close when a user clickes on a date. (UI does not fit my needs.)
Ajax - How do I make it lighter?
Hello, I need make multiple queries using Ajax, but every time that i do it the document is slow, how do i avoid this? Sorry for my english!
HTML5 Image upload with javascript and php
I want to multi-upload images to a database using javascript and php (html5), but I have problem with it, my code is just uploading one image, which is the latest photo selected and not all. How can fix this problem and what do I have to do? I use developer mozilla html5: Here You can test my code by selecting multi images and clicking on button Upload Image to see the result. DEMO FROM MY FULL CODDE My js code: function doClick() { var el = document.getElementById("fileElem"); if (el) {
Hide/Show nextAll TR when Click in TH (without affecting subtables into table td)
Hello from México, my english isn't very good, sorry. I need this... <style> *{height:20px;width:100%} table {;background:#999999;<--border-collapse:collapse-->} th {background:#aaaaaa} td {background:#bbbbbb} </style> <table> <tr> <th> Principal Item <--- show/hide all next TR:gt(0) except in subtable </th> </tr> <tr> <td> Information... </td> </tr> <tr> <td> Information... </td> </tr> <tr> <td> <table> <tr>
run function after get API ends
creatediv.html creates new <p> into "newdiv". but output is always 0 $.get('creatediv.html', function(data) { $('#newdiv').append(data);}, 'html'); alert($('p').length); ////////////////////////////////////////////////////////////////////////////////////////////////////////////// if write like this output is 1: $.get('creatediv.html', function(data) { $('#newdiv').append(data);}, 'html'); setTimeout("plength();",1000); function plength() { alert($('p').length); }
How would I access Multiple records inside JSON
How would I access Multiple records inside JSON This sample only works if i have one record. Thanks to POPNoodles for helping me so far <script type="text/javascript"> $(function(){ $('#email').blur(function() { var email = $('#email').val(); $.ajax({ type: 'POST', url: "searchdb3.php", data: {email: email}, dataType: 'JSON',
$ undefined error
I am getting a "Microsoft JScript runtime error: '$' is undefined." Both files (jquery.tools.min.js & jquery.corner.js) have been included in the project. Any thoughts? <script type="text/javascript" src="Scripts/jquery.tools.min.js"></script> <!--[if lte IE 9]> <script type="text/javascript" src="Scripts/jquery.corner.js"></script> <script type="text/javascript"> $("input[type='button'],input[type='submit'],input[type='reset']").corner(); </script> <![endif]-->
Firefox 16.2 conflict with disableSelection
I have a code like below in ready function $('DIV').disableSelection(); which is causing all the dropdowns to become inactive in Firefox 16.2 onwards. It works perfectly fine in every other browser including Firefox upto 16.1. I have reported this to Firefox also here: https://bugzilla.mozilla.org/show_bug.cgi?id=805516 Any clues why this is being blocked in Firefox 16.2?
Link glow for JQuery 1.6.4
Does anyone know how to make links fade in a glow when the mouse hovers over it, but for JQuery 1.6.4? I know the newest version is 1.8.x, but that version for some reason breaks my website's preloader, and I'm too tired to figure out why it doesn't want to work with 1.8.x, so I'm stuck with 1.6.4, which isn't too old I think. I've googled all over the place and found a few tutorials on link glows (JQuery-color, JQuery-color-animation, etc), but all of these only work for JQuery 1.2.x or 1.8.x after
Next Page