Problemas al detectar clicks en hiperligas
Publicado por Manuel Rivas (1 intervención) el 01/10/2007 17:39:34
Hola a todos, tengo un problema al capturar el evento click sobre una liga. Actualmente mi código ya hace esto pero cuando quiero mostrar las URL, mi código muestra todos las URL del documento html existente. Este es mi código:
[CODE]<html>
<head>
<title>Prueba</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>
<!--Este es mi script-->
<script type="text/javascript">
window.onload=function() {
<!--Aquí indico que tome todos los elementos de los tags-->
els=document.body.getElementsByTagName('*');
for(c=0;c<els.length;c++){
els[c].onclick=function(){
getOnclicks(this.tagName,this.id,this.className);
}
}
}
<!--Esta función es para detectar clicks-->
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'){
<!--Por lo pronto es un arreglo pero no se como mostrar la URL del elemento en el que hice click-->
for(var i=0;i<links.length;i++)
<!-Aquí se muestran los URL pero como dije anteriormente, no se como mostrar solo el elemento en el que dí click-->
alert(links[i].getAttribute('href'));
}
}
</script>
</head>
<!--Documento HTML de ejemplo para probar script-->
<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>
<!--Hiperligas-->
<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> [/CODE]
[CODE]<html>
<head>
<title>Prueba</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>
<!--Este es mi script-->
<script type="text/javascript">
window.onload=function() {
<!--Aquí indico que tome todos los elementos de los tags-->
els=document.body.getElementsByTagName('*');
for(c=0;c<els.length;c++){
els[c].onclick=function(){
getOnclicks(this.tagName,this.id,this.className);
}
}
}
<!--Esta función es para detectar clicks-->
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'){
<!--Por lo pronto es un arreglo pero no se como mostrar la URL del elemento en el que hice click-->
for(var i=0;i<links.length;i++)
<!-Aquí se muestran los URL pero como dije anteriormente, no se como mostrar solo el elemento en el que dí click-->
alert(links[i].getAttribute('href'));
}
}
</script>
</head>
<!--Documento HTML de ejemplo para probar script-->
<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>
<!--Hiperligas-->
<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> [/CODE]
Valora esta pregunta
0