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",
regex number and dot
Hello, I have script <script> jQuery(function($) { $('#fname').bind("change keyup", function() { var val = $(this).val(); var regex = /^\d+$/; if (val.match(regex)) { $(this).css("background", "red"); val = val.replace(regex, ""); $(this).val(val); } }); }); </script> <input type="text" id="fname" name="fname">This works exactly the opposite of what I want. When wrote in the field, will not be allowed characters except numbers and dot once. It's about writing price. Thanks.
HELP!!! How do i get multi popup windows to follow scroll?
Hi im trying to make some different popup windows on same page .it works fine with the content, but when im scrolling down the popup window appear the same place on the screen as the div from the first popup window, so im only seeing a half popup window now, and on the 3 popup div im not seeing the window at all. how do th get the popup window to stay in the center of the screen always??? someone please help!! Thanks.
How can I cycle through all the blurs in the DOM?
I want to see each blur in the document. I tried this as a simple test, but it doesn't seem to work: var cnt = 0; $('.blur').each(function(){ cnt++; }); alert("cnt="+cnt);
How to create growing box mouse over effect?
Hi, I want to create a mouse over effect where the box changes color and expands a little, similar to the one on this page http://3dsoup.com/ How would I do this using jQuery? Any help would be greatly apreciated? Thanks,
Function reloading multiple times
I don't know why these functions are being refired.The variable counter is 4 But when I make a skeleton of it, it only fires once? What's the difference in the layout below to this one I just made http://jsfiddle.net/5tMEF/1/ vs http://jsfiddle.net/5tMEF/9/ *edited* $(document).ready(function(){ $(document).ready(function(){ var control = 0; $("#logo").click(function(){ $(this).fadeOut(); $("#intro").animate({width:"10%", left:"40%"},
Possible Bug in html()
Hi, I was trying to transform a input DOM in textarea DOM. However, I am running in a problem: >>>$("<textarea>").html("<textarea>").get(0).outerHTML "<textarea><textarea></textarea>" >>>$("<textarea>").html("</textarea>").get(0).outerHTML "<textarea></textarea>"As can you see, the line 4 isn't the excepted.(for me at least) I was expecting: "<textarea><\textarea></textarea>"Is this a Bug? Or is something that I am
Conflicting jQuery - Dynamic menu interferes with jQuery of content loaded?
At the moment I am using jquery.ba-hashchange.min.js and dynamicpage.js to load the content dynamically from the index page and therefore keeping the header in one file. However, the jquery.ba-hashchange.min.js is interfering with other jQuery in my content. The code in the content that is not working is as follows: $(".thumbnails").on("mouseover mouseout", 'img', function () { var alt = $(this).attr('alt'); $('.displayed-image > img').each(function(index, element) { var el = $(element), visibility
how to keep submenu open after redirecting another page
I am making menu having submenu where i click on parent menu submenu will open but when i am clicking on submenu and redirecting to another page sub menu should be open on that page ..... here is my code ------ HTML CODE <!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' /> <link rel='stylesheet' type='text/css' href='styles.css' /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
Avoid breaks span elements in Ages Price td?
How to avoid "Ages Price" td span elements breaks into next line? This Ages Price td input will show near in "$" symbol. But it will goto next line? See Ages Price column td in jsfiddle table. My fiddle: http://jsfiddle.net/GwWmV/5/
ClodZoom method not working
Hi, In my Asp.net Application i use Cloud-zoom.1.0.2(js) jquery file. In jquery ready function is call CloudZoom method it is working. function ($) { $(document).ready(function () { $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom(); // It is working }); function CloudZoom(jWin, opts) { // some code here } })(jQuery); But In our client side javascript function it call same method it don't work. How to solve this problem function ImageChange(src) {
Cant make jquery to work
I cant make anything work, this is my code in sublime text 2 <!--script type="text/javascript" src="JQM/jquery.mobile.custom.js"></script> <link rel="stylesheet" href="JQM/jquery.mobile.custom.structure.css"/> <link rel="stylesheet" href="JQM/jquery.mobile.custom.theme.css"/--> <link rel="stylesheet" href="JQM/memotest.css"/> <script type="text/javascript" src="JQM/memotest.js"></script> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.css" /> <script
Cannot remove() a row append() to a table
I have a table with several rows (<tr>) and I use jQuery append() to add one more row to the table. Then I try to delete that row with remove(), which is working fine with the original rows, and fail. Please help. Here is the jsfiddle link. http://jsfiddle.net/twCd6/
Huge Gaps on a url using encodeURIComponent();
Hy Guys i´m encoding some urls using encodeURIComponent(); for sharing links like google+,twitter,mailto: The links are working fine but when they get hover some parts of the url represent huge gaps . IS THIS NORMAL??WHAT I´M DOING WRONG? HERE IS A FIDDLE EXAMPLE
jquery selector not working
Hello This code work Fine with jquery 1.8.2. for check if input is empty. $('#form_new_elv input:text[value=""]').each(function(){ var id = $(this).attr("id"); $("label[for="+id+"]").addClass("alerte"); test=test+1; }); Test here But change the Framework with jquery-1.10.2 all inputs are considered empty even if input is not empty Can you help me to solve the problem? Thank you
File Save Dialog box not working
Hi, Am deivendran,I have one popup window with this having 'SAVE' and 'CANCEL' button. when I click save button it goes to the Generate Pdf Method for Particular Action(Controller) in MVC.but not showing the dialog box. Without using Jquery dialog box is coming. this is sample code. button click: <input type="submit" id="simpledialog" value="GenratePaySlip" /> in this button click bind webgrid <div id="dialogbox"> @grid.GetHtml(displayHeader: false, tableStyle: "grid",
DOM manipulation for deleting the table but not what is inside that.
Can anyone help me to re format my articles in DOM by jquery? I have articles that the image of the content is in a table row and the caption for image in another row. Now I need to change the format from this first example to the second one. For this I need take out the table but use the (img src) and the image caption. First example: ... <table style="width: 300px;" border="0" align="left"> <tbody> <tr> <td><img src="/images/image1.jpg" border="0" /></td> <td></td> </tr> <tr> <td><em>The image
Returning an object from Servlet to back JQuery
Hi, I have a JQuery client and a Servlet server side java apps. My client app looks like this: var retVal = $.ajax({ url: 'auth', type: 'POST', data: data, dataType: 'json', cache: false }).done(function(data, textStatus, jqXHR) { console.log("Login successful"); router.loggedIn = true; router.navbar.collection.push([{ id:
Disable an item of drop-down-list from another page.
Hi, I'm still here ... I would like to know, if is possible, how to disable or to enable a drop-down-list from another page. I mean: I have a drop-down-list in select.php and I would like to disable or to enable a single item, more than a item or all the items from panel control (control.php) page. Thanks in advance. Tegatti
Get value of a string after a slash
Hello! I need to extract the an image filename with out it's file extension. Let's say I got this: http://site/page/myimagename.jpg and what I want is to get is this result back: myimagename in other Words Everything after the last slash, but cut of 4 characters from right Would be great if someone understands how to do this? cheers
Is there something wrong with the bug reporting site?
I've been trying to post a bug again 1.11.1 (still exists in 1.11.2 edge), but whenever I go to http://bugs.jquery.com/newticket it tells me I don't have ticket create privileges. I am logged in when I go that URL. Anyway, the bug is that the simple selector... var $a = $('a[name=]'); ...used to return a jQuery object with length of 0 (up to jQuery 1.11.0). As of 1.11.1, it throws an error.
Capturing input content with non-printable chars
Here is code a snippet : http://jsfiddle.net/ZLr9N/298/ $('#text1').keyup(function(event) { $('#text2').val($('#text2').val()+event.keyCode); }); the problem is when user press backspace the second input must reflect the content of the first.
Firing an ajax request while other ajax request in progress aborts the requests
I have a grid which contains a hyperlink on reference number which is unique. On clicking reference number, an ajax request is sent to the spring controller with reference number as the request parameter. When an user clicks on two reference number quickly, two ajax requests are submitted to the server which results in the first request being aborted with status code 0 and second request is processed successfully. When user clicks on two reference number after a certain interval, both the requests
Add <td> inside <td> when it contains two value.
Hi everybody, I'm witing because I need help to realize some thing like this: I have a html table that contains some characters of the month divided by days. It may happen that on some days there may be two characters or more then a character. I would like that when the <td> contains more characters automatically adds a <td> within the <td> to divide the characters. The characters are divided by space. Is it possible? Thanks in advance. Tegatti. P.S. This is a part of my table:
How to create Date object for different timezones?
Hi, I am displaying timings for different geographies on my page with timezone offset as input. I also want to incorporate Daylight Saving timings in my code. I tried using moment.js functions like isDST() and isDSTShifted() which returns true if current time of local machine hence the browser is adjusted according to Daylight saving. If the user's machine is set with locale which follows no Daylight saving times isDST() and isDSTShifted() always return false. Apart from this, Alternate javascript
How to call the jquery function by onclick="return function()" ?
Hi, In the HTML, I had add onclick="return validate()" in the button HTML. <input type="submit" id="form_save" value="Save" onclick="return form_validate()"> Then, I had prepare the form_validate() function in a separate js file, it would work properly. function form_validation(){ console.log('abc'); return false; } But, when I try to use the jquery function as usual by bounding (function ($) {})(jQuery), it show an error "Uncaught ReferenceError: form_validation is not defined". How can I use the
xmlParser() error
The jquery xmlParser function is not able to parse xml with '&' Did anyone face this issue?
Trouble appending Google Plus button to my blog posts?
I'm new using JavaScript, and I'm trying to append the Google Plus "Share" button to each individual blog post on my blog's index page. To that end, I'm using the JavaScript code below. In theory, this should extract the main URL of my page and each <a.blog-title-link's> (href). However, the link appearing on the google share button is the same for every post. For each blog post sharing link, I get this: /3/post/2014/04/this-is-6post.html.Help? Fiddle Example <body> <div class='blog-index-page'>
About Reading JSON Response
Hi Everyone, I've a quick question about reading the JSON response. Which is the best way to read the JSON response? Reading and manipulating in JSP Level ? or in the JS Level? Which gives better performance and best user experience. Appreciate all your help, Thank you in advance! Regards, Sathya
code flow not making sense
The code flow is not making sense. The "on keyup" event for a text box executes an ajax post to a php page. If a match is found, the php page returns {"duplicate":"Yes"} and the jquery executes the code in the code block for if(msg.duplicate == 'Yes'){ ... } and plays a sound. If a match is not found the php page returns {"duplicate":"No"} and a sound is not played. No sound is played until msg.duplicate == 'Yes' for the first time, which is good. What's bad is, once the sound is played for the first
Keyup function with added input field
Hi out there. please check this JSfiddle: http://jsfiddle.net/lluuccaass/LYDuZ/336/ as you can see, the keyup function to display the value works with "field_1" perfectly. with "field_2" - after adding it - it does not. I would really appreciate your help and a short explanation. Thanks a lot!
onhover not returning to the lefthand element
Hello All, I am following the tutotial and got stuck on chapter 3/9. When you hover over the menu it all works fine, but when moving away, the highlight moves to the left (as it should) but immediately moves back to its current position. Also I believe that the highlight should be on the lefthand side after the page finishes loading. The highlight only shows when hovering over the menu with the mouse, but then it stays. I have added the code below, can anyone point out where it goes wrong? Regards,
Stop multiple animations on hover/click?
Can someone share the method of approach to stopping the same event from being fired in the case of excessive clicking/hovers? Thanks
creare celle dinamiche
ciao a tutti! ho Bisogno Che qualcuno mi Aiuti! Sono in Crisi ... vi spiego in poche parole Cosa devo realizzare... creare Una Pagina Web divisa da tante celle con all'interno dei Numeri, i Numeri dovrebbero DOPO sparire, in Maniera da visualizzare solo i Bordi delle celle. la Funzione di queste celle DEVE Essere stile bottone,(effetto dissolvenza) poi avrei Bisogno di 2 i bottoni Uno Con VISUALIZZA i Numeri delle celle selezionate e il Secondo bottone invia Dati di Una Pagina excell. Tutto QUESTO
how can i use jQuery for showing jQuery Panorama images ?
Hi I want to use Jquery for showing Panorama images the way that i can move one picture in to different places. I used to do it by flash. here ... how dose it work by jQery ?
how to import page
hi I created a site with tabs. it is working well with text. also, I created a site content images and some information for each image "slides". how i can import the index.html for images site in one of the tabs?
3D Effect for images
Hi guys! I'm coding right now my own website and just have wondered is it possible to put an alpha image and scale its corners according to z-index. Example: image1.png Corner A {z-index:100} Corner B {z-index:-100} Corner C {z-index:-100} Corner D {z-index:100} And after all put another image in the middle of the first one so that second image could be like crossing the first one? Sorry for being dummy...
setTimeout() and dynamic menu dropdown
I'm building a dynamic menu with CMS Drupal 7 and Views. This is the structure: Menu 1 Menu 2 Menu 3 When hovering on the first menu link (Menu 1), it will display a div that will show dynamic content. So far hovering works great and after mouseleave in 2 seconds the div will disappear. setTimeout() function works fine, but I want when hovering the menu link and after that hovering the div to not be hidden after 2 seconds. What function do I have to add? This is my code: (function($){ $(document).ready(function(){
Problem executing code after slideToggle('slow')
Hello All, I am working my way through the tutorial and found the following problem. If I use the following code, the if always returns true. However if I put in a alert() before the if it works correctly. What am I doing wrong? $(document).ready(function(){ $('#celebs tbody tr:even').addClass('zebra'); $( '<input type="button" id="toggleButton" value="Hide" />' ).insertAfter( '#disclaimer' ); $( '#no-script' ).remove(); $( '#toggleButton' ).click(function() { $( '#disclaimer' ).slideToggle('slow');
Next Page