basically i have a html table with many rows.depending on which row is clicked i want to change the innerHTML of a div. i know how to change the innerHTMl, but i dont know how to find the event target or something like that.
One of these uploads a file, and I want to validate the user input prior to submitting the form. I have an event handler specified with the form's "onsubmit" attribute which checks the the event.target.value to make sure the right submission type is being evaluated.
When I try to get the target or srcElement value from the event object, however, it is always "undefined".
Here is the cut-down version of the handler...
function validateIfUpload() { if (window.event) { evt = window.event } else if (document.event) { evt = document.event } if (evt.target) targ = evt.target else if (evt.srcElement) targ = evt.srcElement if (targ.nodeType == 3) // defeat Safari bug targ = targ.parentNode if (targ.value == "Upload") { return validateUpload('prod_img_f') } return true }
I have an onclick event which triggers an iframe to load within the targets page problem is i have a link which does this within a nested iframe, so when clicked it opens that iframe inside that iframe, is it possible to place with in an onclick event a code fragment that tells the link to open the page in the parent document?
I'm binding a click event to a div so that I can see whether is was the div or some element inside the div that has been clicked. When the if() in my code evaluates to true $(this) is still equal to $("#content") whereas I'd like to have the clicked anchor as matched element. How would I do this?
Does anyone know if it is possible to find out what element in the DOM made a call? Let's say I have a table and every cell has an onClick event attached to it. Is there a way to figure out what particular cell was clicked in the DOM? I know it would be easy to use ID's and just do an getElementById(), but, the ID's are generated from the system and I can't ever be sure what number any particular cell is, so I need another way if possible.
What I am coding now is a piece of a much larger project that I am, for the moment, developing on my own. This code, relatively useless on its own, is essentially practice or proof -of-concept. Much of it will probably be used in the larger project. If at times, it seems that I am using a cannon to kill a fly, this is why.
Additionally, I do not claim credit for all the code here. Some of it is copied from other sources. I have studied it, understood it , then modified it appropriately, making it my own.
However, the code is broken. I have tested it on Internet Explorer 9.0.??? and Firefox 4.0.1. It breaks in both browsers. I have previously tested it in Chrome, but not recently. On IE I have used the built in debugger, and I have been using Firebug in Firefox. I have also used the debugger at [URL] quite frequently. JSLINT returns some 'Bad Type' errors regarding 12 lines in the html body, each having the structure: <td><input /></td>. I can find no explanation for the 'Bad Type' errors. Otherwise, according to JSLINT, the code is fine.
The predecessor to this code worked fine. I had been using inline event handlers (onblur and oninput) that called the doMath function when one enters data into the table. The values are then averaged and summed. All this is extremely basic. The problem began when I removed the inline event handlers and began to use window.onload (I believe I am using document.onload now, but the problem has not changed.)
I have adopted Douglas Crockford's 'walkTheDom' recursive function to find all tags with a particular class name. I would like to assign every element in the array returned by this function an event handler.
This is the problem: This script simply cannot find the body node of the DOM ( and, seemingly, none of its child nodes either). Initially I tried 'document.body', which failed. I then began with 'this' (essentially 'document') and tried walking the DOM to get to it ('body') eventually. This, too, failed. I tried array index notation to refer to it(I forget the specific syntax), and most recently, I've given it ('body') an id and referred to it directly using 'document.getElementById()'. These most recent attempts also failed.
After hours of figuratively bashing my head against the wall looking at code and probably even more time doing research online, I am extremely frustrated. As often seems to be the case, my problem is probably simple
I have included most of the code, even though it is a little long. This way you may easily copy the code and reproduce the problem yourself. I do not often post to forums, and, more relevant, I have no idea where the error may be located.
Potential problem areas are in RED.
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head>
Is it possible to capture the domain change event OR domain of the target site in javascript? To elaborate, suppose I am on my site (www.mydomain.com) and if I type www.someotherdomain.com in the address bar, I want to capture the target URL/domain i.e. someotherdomain.com in the javascript code of my site (mydomain.com). I am trying to call sign-off function of my site upon customer navigation to some other site without loggin off. I can not use body/window onUnload function because I have a common layout JSP that would be reloaded for each and every page. So I am trying to capture the URL/domain of target site and check if it is different from teh current domain; Then only I will call my sign-off function to kill the customer session.
i want to submit form data from the popup window, close the popup, and load in the main window. problem is, it always opens a new 'tab'. i'm using google chrome, i didn't think to try this in
in the <head> of the 'main' window: <script language='javascript' type='text/javascript'> window.name='main'; </script>
However my problem occurs when the user uses the browsers back arrow to return to the previous page, the script executes again returning them once more to the page they have come from. Is anyone aware of a work around to this problem as it would seem there isn't one? perhaps even a better solution for opening the target page from the iframe as top location. This is really causing confusion for users, and I really need to get the issue fixed.
I am trying to target specific DOM nodes in order to change the background color.
The html code is: <div id="rightcol"><h1>Highlights Regional</h1>
<div class="art"><a name="clergy"></a><h2><a href="clergy.html">Understanding Addiction: Recovery Tools for Clergy and Other Congregational Leaders</a></h2> <p>A unique opportunity for clergy and congregational leaders.</p></div>
I am using this javascript phrase:
var x=document.getElementById('rightcol').getElementsByTagName("A");
It is returning all of the links within 'rightcol'. What I need is the anchors, which I wish to address by individual name.
I'm really weak at javascript,so i need some help here regarding popup boxes. Currently,i have a file called main.htm, and when i click on a link it will bring me to my popup page called popup.htm,which is populated with buttons (say alphabets a-z). What happens is that when i click on any of those alphabetical buttons, say 'a', the letter 'a' will appear on my textarea that is in my popup box. However,i want it to appear on the 'main.htm' popup box instead. Is that possible? How do i do it?
I have 2 divs in my webpage. One div has links (using anchor tag). When I click on the link, I want the webpage in href url to open in other div. Can I do it using Javascript.
Does anyone know how to target a link to a div tag. Basically instead of using an iframe, im using a div tag with overflow, and I want to have it so when a link is clicked, that href is loaded in the div tag..
I have a pop up window is for the user to submit some information. That window is refreched a few times with the user inputs (its a form submit in itself... couple of times). I would like that window to close after the user submits a rating and refreshed the original page that opened the window.
I cant use opener.document.refresh because afterall the page isnt considered the opener after the user posts the information on the pop up window.
I have a webpage that uses frames (yes I know, frames - previously been flamed about that, but I do not know anything else to use since I am clueless!!! Been asked to cobble together a site since there is a misconception that I know what I am doing!!!)
Anyway, one of the things I have been asked to do is create a button that will allow the user to print the contents of the main window (main frame) without the navigation bar (header frame) being printed.
Having been looknig into this, I have found the following:
i am doing an fprotate.class pictures and for the click link i'm trying to get it to open in a new window. here's my command line and it opens in the exisiting window: