html - link - Cómo redirigir desde DIV y eludir href ancla de niño
onclick redirect to url (3)
Por favor, necesito tu ayuda con el siguiente código. Quiero agregar un evento onclick a un DIV completo para redirigirlo a una url pero no puedo omitir el href incluido en un anclaje para niños dentro del DIV .:
es decir, (el objetivo es redirigir a google.com haciendo clic en cualquier lugar de la imagen o el texto):
<html>
<div onclick="location.href=''http://www.google.com''">
<div>
<a href="http://en.wikipedia.org/">
<img height="200" width="200" src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png">
</a>
Test
</div>
</div>
</html>
Esto funciona bien cuando uso una URL local como ''file: /// E: /Documents/Blog/Design/Tmp1.html'' (no sé por qué). Gracias.
Actualización: agrego la idea detrás de esta solicitud: la necesito para la sección de índice de mi blog que Blogger crea con la misma rutina que usa para las publicaciones individuales. En el índice quiero que cada clic en la Div principal redirija a la publicación, pero dentro de la publicación un clic en la imagen debe ir al href de la imagen. Mi idea era que el evento "onclick" se agrega dinámicamente al DIV solo para la sección de índice.
Establezca un controlador onclick utilizando javascript. el código se vería así:
document.getElementById("mydiv").onclick = function(){
// navigate to new page
window.location.href = ''URL'';
}
Deberá agregar una identificación a su div y pasarla correctamente en la función getElementById.
Si tiene la intención de hacer esto en línea (no lo recomiendo pero es su código), puede agregar un return false; al ancla interior:
<html>
<div onclick="location.href=''http://www.google.com''">
<div>
<a href="http://en.wikipedia.org/" onclick="return false;">
<img height="200" width="200" src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png">
</a>
Test
</div>
</div>
</html>
Actualización: basado en el paso 2 de su solicitud (esta es una idea terrible y terrible por varias razones, pero funciona):
<html>
<div onclick="location.href=''http://www.google.com''">
<div>
<a href="http://en.wikipedia.org/" onclick="if ( this.parentElement.parentElement.onclick ) { return false; }" id="demo">
<img height="200" width="200" src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png">
</a>
Test
</div>
</div>
</html>
También puedes probar algo como esto:
<div onClick="window.open(''http://www.google.com'',''_blank'');">
Cambie _blank con _self si desea que se abra en la misma ventana.