I have another problem. I want to catch the click event, I put certain code and it works well with my code but with a little problem, I already catch the click event and the links too, but when I try to know or shows the URL of the clicked element appear all the URLs of the other links if we have more than one in the html document. This is my code: -
<html>
-
<head>
-
<title></title>
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
-
-
<style type="text/css">
-
.red_text {
-
color:#600;
-
}
-
-
.green_text {
-
color:#060;
-
}
-
-
.blue_text {
-
color:#006;
-
}
-
</style>
-
-
<script type="text/javascript">
-
window.onload=function() {
-
els=document.body.getElementsByTagName('*');
-
for(c=0;c<els.length;c++){
-
els[c].onclick=function(){
-
getOnclicks(this.tagName,this.id,this.className);
-
}
-
}
-
}
-
-
function getOnclicks(el,id,cl) {
-
var links = document.links;
-
if(id==''){
-
id='it has no id set';
-
}
-
if(cl=''){
-
cl='it has no class set';
-
}
-
if(el='href'){
-
for(var i=0;i<links.length;i++)
-
alert(links[2].getAttribute('href'));
-
}
-
}
-
</script>
-
</head>
-
-
<body>
-
<h1 id="header" class="red_text">header</h1>
-
<div id="foo" class="green_text">some text</div>
-
<div class="blue_text">some more text</div>
-
<div id="image_container"><img id="my_image" src="my_image.gif" alt="my_image"/></div>
-
<a href="http://www.uv.mx" id="hyperlink">UV</a>
-
<a href="http://www.google.com" id="hyperlink">Google</a>
-
<a href="http://www.yahoo.com.mx" id="hyperlink">Yahoo Mexico</a>
-
<a href="http://www.itsx.edu.mx" id="hyperlink">Tec Xalapa</a>
-
</body>
-
</html>
Thanks everybody
7  1467 
On lines 35 and 38, you're setting rather than testing/comparing. Use double equals.
On lines 35 and 38, you're setting rather than testing/comparing. Use double equals.
Thank you, but when I put a doble equals in line 38 (el=='href') the alert doesn't appear :(, but if I put "el='href' ", or just el, the alert message appear, so what I want to do is show the URL in the alert but just the URL where I clicked and not all the hypertext URL.
Thank you, but when I put a doble equals in line 38 (el=='href') the alert doesn't appear :(, but if I put "el='href' ", or just el, the alert message appear, so what I want to do is show the URL in the alert but just the URL where I clicked and not all the hypertext URL.
el='href' will always return true. In any case, the tag name is 'A', not 'href'.
One other thing which won't solve your problem, but I'll mention anyway: ids should be unique. You're using the same id for multiple link elements.
Ok, I'm sorry but I forgot to mention that I don't use class and ids anymore, so my code is like this: - <html>
-
<head>
-
<title>Prueba</title>
-
-
<script type="text/javascript">
-
window.onload=function() {
-
els=document.body.getElementsByTagName('*');
-
for(c=0;c<els.length;c++){
-
els[c].onclick=function(){
-
getOnclicks(this.tagName);
-
}
-
}
-
}
-
-
function getOnclicks(el) {
-
var links = document.links;
-
if(el='href'){
-
for(var i=0;i<links.length;i++)
-
alert(links[i].getAttribute('href'));
-
}
-
}
-
</script>
-
</head>
-
-
<body>
-
<h1>header</h1>
-
<a href="http://www.uv.mx">UV</a>
-
<a href="http://www.google.com">Google</a>
-
<a href="http://www.yahoo.com.mx">Yahoo Mexico</a>
-
<a href="http://www.itsx.edu.mx">Tec Xalapa</a>
-
</body>
-
</html>
As you see I take it from an example of a book and internet, so if the thing that I want to do is impossible to do in JS, please let me know it.
Kind regards
Change your code to this: - window.onload=function() {
-
els=document.body.getElementsByTagName('*');
-
for(c=0;c<els.length;c++){
-
els[c].onclick=function(){
-
getOnclicks(this);
-
}
-
}
-
}
-
-
function getOnclicks(el) {
-
if (el.tagName=="A") alert(el.getAttribute('href'));
-
}
-
Notice the changes I have made. Instead of passing the tag name, just pass the element itself.
Thanks I appreciate your help again it was really usefull, I have a lot to learn about JS!!!. Sorry if I bug you a lot XD.
Kind regards
That's no problem. Post again if you have any more questions.
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Mike |
last post by:
In my previous post, I wrote:
> ...
> GOAL: (very simple) Provide a hyperlink which, when clicked,
> calls a javascript function which opens a new URL.
> ...
> PROBLEM: The following code...
|
by: Mandy Memphis |
last post by:
If I perform a mousedown within a document, move the mouse outside the
browser window, and then release the mouse button, the document.onmouseup
event does not fire. Is there any way to detect a...
|
by: Randy |
last post by:
Hello,
How would one go about detecting which row/column was clicked in a datagrid.
I'm sure it can be done but I can't figure it out.
Thanks
|
by: Rhy Mednick |
last post by:
I'm creating a custom control (inherited from UserControl) that is displayed
by other controls on the form. I would like for the control to disappear
when the user clicks outside my control the...
|
by: Roz Lee |
last post by:
I have a page with two textboxes and two buttons which post back to
the server. I want to detect which button has been clicked for
testing purposes preferably clientside, but otherwise serverside....
|
by: whapts3 |
last post by:
I'm putting together a rather dynamic page (AJAX/all-that-mess).
So... to go between different sorts of content on the page, I have it
set up something like this.
<a href="#10"...
|
by: Magician |
last post by:
Hello.
I am trying to set the onclick event for images through a function, but the
event is triggered as soon the page loads, then will not work when the image
is clicked. Can anyone suggest what...
|
by: DJA |
last post by:
Hello,
I site I designed has links that don't seem to work in mac IE 5.2. In
my site I'm using CSS to imitate image buttons by using the background
image property along with a little extra...
|
by: Prince of Code |
last post by:
Hey all,
I am trying to track the links that are clicked on a particular web
page.
Like a typical senario will be:
Track (Count) how many times the main links Home,Help,About,Login etc
are...
|
by: CloudSolutions |
last post by:
Introduction:
For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
|
by: Faith0G |
last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
|
by: ryjfgjl |
last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
|
by: aa123db |
last post by:
Variable and constants
Use var or let for variables and const fror constants.
Var foo ='bar';
Let foo ='bar';const baz ='bar';
Functions
function $name$ ($parameters$) {
}
...
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
| |
