Hola a todos,
Me da un poco de verguenza preguntar esto... pero llevo un rato intentandolo y no hay forma, jeje. Mirar tengo un link con una la funcion 'parar' en el evento onclick. Lo que quiero es que al pulsar el link no se actualice la ventana, solo que no puedo poner nada mas en la etiqueta de link, mirar el codigo:
No suelo poner un cacho codigo tan grande como este, pero es que en este caso influye, ya que he probado a hacerlo fuera de este contexto y he obtenido buenos resultados, el problema es que en mi codigo de mas abajo selecciono los elementos con funciones:
Código HTML:
Ver original<script language="JavaScript" type="text/JavaScript"> //start:
window.onload = function()
{
//event's:
var super_link=getElementsByClass('super_link',null,null);
for(var i in super_link)
{
addEvent(super_link[i],'click',parar);
}
}
//event's:
function parar()
{
alert('ahora deberia pararse');
this.onclick = function(){return false;}
return false;
//pero el link se envia de todos modos.
}
//select elementos by class
function getElementsByClass(searchClass,node,tag)
{
var classElements = new Array();
if ( node == null )
node = document;
if ( tag == null )
tag = '*';
var els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
for (i = 0, j = 0; i < elsLen; i++) {
if ( pattern.test(els[i].className) ) {
classElements[j] = els[i];
j++;
}
}
return classElements;
}
function addEvent(o,t,f)
{
if(o.addEventListener){
o.addEventListener(t,f,false);
}else if(o.attachEvent){
var fn=function(){
f.call(o,window.event);
}
o.attachEvent('on'+t,fn);
}else
throw 'No se puede asignar el evento.';
}
<a href="pagina.html" class="super_link">link
</a>
Como podeis ver al pulsar al pulsar en el link se abre un alert, pero luego se actualiza la ventana. ¿Como podria hacer para que al pulsar no se envia acualizase lña ventana con el href?