Access table within iframe
Hello, I want to access a table in an iframe and update our db with it. The parent domain will be our domain with a listing of items to be checked. When an item hyper-link is clicked the iframe will then display from our supplier domain displaying in a table the item results. We wish to then update our db using the table displayed in the child frame. How do I access the table within the child iframe? Thank You
How can I keep my functions in the proper 'this' scope when using a chain of lambda functions?
This issue is no longer relevant to what I'm trying to acccomplish on line 102 I call "this.contentAppear" under the scope of a lambda function triggered by the end of an animation. If I call it outside of the animation lambda function it works fine. If I use a setTimeout trigger of the same time it takes to complete the function it still screws over. How can I trigger the .contentAppear() function with the proper scope WITHOUT passing a parameter? Here is my test link: http://k8r.us/test11/test.html
jquerry date picker - events clashing
I have a date picker for a text box . $('#StartDate').datepicker(); i have 2 events attached to it. 1. on select a date form calender $('#StartDate').datepicker({onselect: function (dateText, inst) {}}); 2. on blur of text box $('#StartDate').blur( function(){}); Requirement: -step1: i have enter a invalid date manulally ( 12/12/19) , on blur i need to get an alert - thi part is working -step2: after step 1 , date is 12/12/19 , now i am trying to select a valid date using calender
Simple code works in JSFiddle but not on a page
I have a simple Confirm on a tick box - http://jsfiddle.net/apWUj/1/ - but on a page on my server nothing. Am I mssing some thing that JSFiddle includes - a wrapper of some sort <html> <head> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <script> $('input.delcal:checkbox').click(function(){ var checked = $(this).is(':checked'); if(checked) { if(!confirm('Are
strange src selector
Can you explain symbol $ in this line: var undoimg = $("img[src$='http://maps.gstatic.com/mapfiles/undo_poly.png']"); here code in action, line is in function pointUpdated Thanks
Couldn't set AcceptHeader when dataType = jsonp
The REST API I'm working with does not support "Accept */*" for JSONP requests. That's why I try to override the header with: beforeSend: function(xhr) { xhr.setRequestHeader("Accept", "text/javascript") } or $.ajaxSetup({ accepts: "text/javascript" }); This will stop working as soon as I set dataType: "jsonp"as you can see here $.ajax({ url: url, type: 'get', beforeSend: function(xhr) { xhr.setRequestHeader("Accept", "text/javascript") }, success: function(data)
Using 2 popup forms on same page
Hi all I want to have two popup forms on my site, and so far I have used this example: http://designwoop.com/2012/07/tutorial-coding-a-jquery-popup-modal-contact-form/ This works fine with one pop up form. Can anyone advise how I can adapt this code, so I can have two different popup forms that both work?! Here's the code... <div id="wrapper"> <p>Send us feedback from the modal window.</p> <p><a class="modalbox" href="#inline">click to open</a></p> </div> <!-- hidden inline form --> <div id="inline">
I just started using jquery
I have this code which works for ver 1.4x but does not work for latest version is there any thing I am missing out or there is some problem in jquery.... there is no focus on tabindex 0 error message in class error does not shows up when the input text blurs out only line working is $('.error').css('display','none'); $(document).ready(function(){ $('.error').css('display','none'); $('input:[tabindex="0"]').focus(); $('.req').each(function(){ $(this).blur(function(){ var da=$(this).val(); var len=da.length;
Button events
I have basycally two types of buttons: 1) <button type="button" tabindex="0">Press me</button>; 2) <div class="button" tabindex="0">Press me</div>. If I bind just click event handlers on them they will not react on enter key. How to make them react on all button events? Maby something like input event on input field exists for buttons?
JQuery Drop Down Menu Help
Can anyone please help, how the dropdown menu on www.orbitcorp.com is done? Particularly the Residential/commercial Tabs. Is there any script available? Im a newbee. Can edit script. Cant create one. Help will be appreciated. Thanking in advance. Ashutosh
Is it possible to get the css-width value of the first element no matter what that element is?
Is it possible to get the css-width value of the first element no matter what that element is?I've attempted with .slice(0,1) & first(). These two functions dont' seem to work well with spans Here is the jsfiddle example http://jsfiddle.net/x3KrL/2/ <!DOCTYPE html> <html> <head> <style>.highlight{background-color: yellow}</style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <p><div style="width:34px;">Look:</div> <div>This is some text in a paragraph.</div> <div>This
Using jquery ajax in a loop and keeping track of elements?
I have a web page that loads a bunch of images. Each image address come from an api call. Without ajax the page doesn't load until every image has been retrieved which can take a bit. I want the page to load a loading .gif for each image then have them appear individual as they load. How do I accomplish this while making the images appear in the right spot because they all have links associated with them. \
$.ajax
Hello I have a problem, how to solve non is. In "Local Mode" works for me, I change in "Remote Mode" non working. Please help. Here are the code: "Remote Mode" <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ajax</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('#respuesta').hide(); $('#tuto-ajax-form').submit(function(evento){ $('#respuesta').hide();
Transform <span class="XX">text</span> into <a class="XX">text</a>
Hello, I'd just want to transform for some obscur reason all my <span class="XX">text</span> (where XX is unknown) into <a class="XX">text</a> I do a wheel like $('span').each(function(index, value){ } that works, I could do a $(this).replaceWith($('<a>' + this.innerHTML + '</a>')); but how to keep the attributes ? Thank you in advance for your help
How can I get the value of "optgroup label"?
I have this select item and javescript to retrieve the values of <optgroup label> and <option value>. <html> <select name="Names" id="select" style="display:none" > <optgroup label="2005"> <option value="0">Septiembre</option> <option value="1">Octubre</option> <option value="2">Noviembre</option> <option value="3">Diciembre</option> </optgroup> <optgroup label="2006"> <option value="0">Enero</option> <option value="1">Febrero</option>
JQuery Colorbox??
I'm not to sure if anyone can help me with this, or can refer something better then Colorbox, but hopefully someone can. I'm attempting to install Colorbox onto my website. I'm trying to have a image thumbnail expand into a bigger image, but the bigger image will be a slideshow, showing other images. I was told that Colorbox would be the best for this. It's currently on my site, however I've run into an issue I can't seem to solve. After installing all the needed files and images, when I click on
Save classes added with .addClass() with HTML 5 storage or cookies?
For a school project I need to make a booking system for a cinema, so people can select seats where they want to sit. One requirement is that if someone booked a chair, someone ele shouldn't be able to book it anymore. My idea was to add a class to the selected chairs when you click "Buy tickets" on the bottom of the page, but how can I save these classes, my professors say I should use HTML 5 storage, but they refuse to help me any further. This is a part of what I already have now: <script> var
how to sort images in image date taken ?
hai everybody, I need help, images arrange in two ways images arrange in random order and arrange images in image datetaken datetaken =responseJSON.imagetakendate anybody plz help me. var c; var pCrop; var crop_api; var rotate = false; var temp; var tempZIndex; var fileSizeOption = ""; var filecount=new Array(); var imgCount = 0; var imgList = new Array(); filecount =0; $(document).ready(function() { var uploader = new qq.FileUploader(
[jQuery] jquery media bug in IE? (jquery.media)
Hi all, I am getting a Javascript error when using the media plugin (http:// plugins.jquery.com/project/media) in IE at the page: http://www.bbhscanners.com/products/ngenuity/ (works fine in FF and other browsers). The script error from IE is about a missing object ("object required") and occurs on page load and when you close the browser. The error message when the page loads occurs in the function: function __flash__addCallback(instance, name) { instance[name] = function () { return eval(instance.CallFunction("<invoke
Changing background image of an element
I know I can do it with addClass, but I wonder if it's possible to make it with a fade-in effect. Thanks in advance.
Need help on picklist
Hi I am fairly new to jQuery and have been trying out some stuff and now I am stuck with an issue. I am using jQuery in Salesforce standard page which I cannot edit, but I can run jQuery on that page. The requirement is to convert a field which is of type input text to picklist. I am able to change the input text to picklist, but when I submit the page the selected value in the picklist is not getting stored in the input text field. This is what I have now: <script src="/resource/jQueryLatest" type="text/javascript"></script>
Comapre and validate
Is there any better way to compare and highlight the textbox. currently i have three textboxes and anyone entering the text in the box should validate if the data is present on the other two textboxes and validate it.. as of now i have written in the following way for all the three textboxes..hope there should be a very simple way and would like to explore the same. $('#TCAchievements1_txtClearCodeFirst').focusout(function () { if ($('#TCAchievements1_txtClearCodeFirst').val() == $('#TCAchievements1_txtClearCodeSecond').val()
How to validate a file in a javascript
Hello! I am trying to show the errors that can occur by uploading a file (file extension, size). I am using an adapted version of Jquery Fiel Upload for Ruby on Rails I need to validate a file (ending of a file, size of the file) before uploading and as nobody has an idea how to do it with JSON I want to ask if somebody knows how to do it in a following javascript: <script type="text/javascript" charset="utf-8"> $(function () { // Initialize the jQuery File
draggable pictures revert back to bottom of pile
hi every I'm new to jquery, so I do apologise if I don't see the obvious in what I am trying to achieve. I have added 6 images and arranged them one on top of the other. What i would like to happen is when a user drags the top image away, it reverts back to the stack but at the bottom of the pile. this is what I have to far: <div id=”pinboard”> <ul> <li><img src="images/chalet.jpg" /></li> <li><img src="images/girl.jpg" /></li> <li><img src="images/iceland.jpg" /></li> <li><img src="images/ice.jpg"
Moving Div(links for articles, about mental illness), stop when parrent div ends.
Hi, Got a problem here i know how to make a floating div. <style type="text/css"> #banner { position: fixed; width: 600px; height: 80px; bottom: 10px; left: 50%; margin-left: -300px; background: red; } </style> <div id="banner"></div> <div style="height:2500px;width:100px;background:yellow">Højt indhold</div>But my problem is that i want to make this div stop when hitting my fotter div, so the links for some articles about mental illness, we want to focus on, dont go down
submit only changed fields?
I have a form where about 90% of the fields are text fields where I do not want to submit all of them, only the changed ones. (But I want to submit the other fields, no matter if changed or not.) The solution with IE8 was easy. Basically a one-liner. Don't use a name attribute and provide a name on the change event, e.g. $(this).attr({ name: 'content['+someidentifier+']' }); Only the named attributes get submitted. Just what I want. Unfortunately, this very simple solution doesn't work with higher IE
Automatic update of browser for all users
I was wondering what jquery function I should use in order to do the following... when an update is made to the database; update the information on ALL user's screens with the new information. Like for instance, person A updates their information, and they hit the submit button. Person B is just looking at their screen, and when Person A clicks to update their info, Person B will automatically see it without having to refresh their screen. It's an automatic push of the information. I have been doing
Can't Use External Jquery
For some reason, If I go online and get a JQuery code and stuff, the external script will work. But whenever I put in my own code, even just a simple .hide, it won't work no matter what. Why is this? $('#next').click(function () { $('#next').hide(); }); That is literally the only code I use and it wont work, what am I doing wrong?
Get Current Year
How can I get the current year using jQuery? I would like to have the year in the footer update automatically each year. Thanks - Brandt
Build a jQuery Slideshow
I would like to build a jQuery slideshow like this one http://amirkhanworld.com/ Can anyone help me out? Thanks a lot.
Three divs, click the left one, the radio button on the left is checked, and so on
Hello, please someone help me, it's urgent! I have three div's: ~Left~ ~Center~ ~Right~ and three radio inputs |Left| |Center| |Right| I want this: when I click on the left div, the radio on the left is checked. When I click on the center div, the radio on the center is checked, and the same thing with the right div. How do I do that in jQuery? Thanks in advance!
Passing values
Have a pretty basic question (I think). I'm trying to integrate a jquery plugin into a client site. The plugin is initiated with a call like this: jQuery('#services-example-1').services( { width:920, height:295, callBack:function() {} });I do not want the width value to be hard coded, but want to detect the width of the enclosing div with code something like this: var colwidth = $('#divname').width();and pass the value for colwidth in place of the constant "920". I have tried a few things, but none
Very Basic Question
Hi all, please excuse my stupidity, I'm brand new at this and I hope I'm posting my question in the right place. I'm attempting to modify a slider that I found online. Here is the script that I have so far: $('#newslider ul a').click(function () { $('#newslider ul a').removeClass('active'); $(this).addClass('active'); $('.mask').scrollTo($(this).attr('rel'), 300); return false; }); Very basic, but so far it does what I need it to do. Basically,
JQuery autocomplete while reading from mySQL
Hey guys, I've attempting to display a bunch of markers on google maps (read from mySQL database) while allowing the user to search their address. The idea is that the map will zero in on their search, with markers displaying nearby. I can get the markers displaying. I can get the search happening. I just can't get them working together. I've done a lot of research and experimenting to no avail. Below is the code for my closest attempt. Would appreciate any advice or hints. Thanks in advance! <!DOCTYPE
jquery slide out...help please :)
I'm adding a slide out box to my site, like on here http://demo.tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/demo.html I was just wondering how i'd add opacity, so the background dims out a bit when the box opens? The javascript I have is: $(document).ready(function(){ /* The code here is executed on page load */ /* Replacing all the paragraphs */ $('.main p').replaceWith(function(){ /* The style, class and title attributes of the p are copied to the slideout: */ return '\ <div
Am I Properly Using JSON Files with $.getJSON?
I just got introduced to JQuery and using JSON data yesterday. I'm wondering if I'm properly and efficiently using them because it's really not making sense. With what I have to work with, It seems like I'm grabbing entire databases worth of data EVERY time someone makes a request and processing it in the browser. That doesn't seem remotely efficient, why can't I just ask for the piece of data I need by querying the JSON file for items that match certain criteria, allowing the server to do most
jQuery function resetting other form field
I have a web ui that allows someone to add/remove users to/from roles. The page has a select box with the available roles, with a submit button next to it to allow the user to change which role is being assigned/revoked. I then have two multiselect fields one listing people unassigned to the role, the other listing people currently assigned to the role. I have two non-submit buttons that my jQuery script intercepts and moves entries between the two multiselect boxes so users can be assigned or revoked
http://galleria.io/ - jquery plugin does not work for classic gallery in chrome.
When attempting to use the Galleria plugin, it would work in every other browser except for chrome until I switched to version 1.8.1.
more options for dialog
hi, I 'd like an option like "title-bar: false" for dialog, is that possible? Regards.
how to change the style of select options based on their value which is in an array
Hi, I have a drop down list: <select id="s"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select> What I want to do is style the options based on if their value is in an array. So if I have var sels = '1,3'; I want something like (pseudo) $(s option).select[value in sels].css({'color' :'red'}) ; Thanks in advance for help. T. ps: I know I could just do a .each but I just wanted to know if there was a one liner.
Next Page