[SOLUCIONADO] Div con target="_blank"

[unexes]

Hola a tod@s.

Vereis mi problema es que tengo 1 div que contiene otros divs y necesito que la pulsar me abra el link en una nueva pagina o (pestaña), he intentado poner en el siguiente codigo el (target="_blank") pero no he conseguido hacerlo funcionar, tal como esta me abre el link en la misma página o (pestaña).

¿Como lo puedo hacer?

Código PHP:

<div id="Informacion" class="Informacion" onclick="location.href='Ficha.php?Id=<?php echo $registro['Id']; ?>'">
 
<div id="Zona1" class="Zona">bla.bla.bla. etc...</div>
<div id="Zona2" class="Zona">bla.bla.bla. etc...</div>
<div id="Zona3" class="Zona">bla.bla.bla. etc...</div>
<div id="Zona4" class="Zona">bla.bla.bla. etc...</div>
 
</div>
 

[lolainas]

Código HTML:

<a href="Ficha.php?Id=<?php echo $registro['Id']; ?>" target="_blank">
    <div id="Informacion" class="Informacion">
        <div id="Zona1" class="Zona">bla.bla.bla. etc...</div>
        <div id="Zona2" class="Zona">bla.bla.bla. etc...</div>
        <div id="Zona3" class="Zona">bla.bla.bla. etc...</div>
        <div id="Zona4" class="Zona">bla.bla.bla. etc...</div>
    </div>
</a>
 

[pzin]

No tiene mucho que ver con PHP esto.

Ya la solución te la dieron. En todo caso div no tiene ningún atributo target.

[Alexis88]

Otra solución y sin necesidad de utilizar enlaces.

Código HTML:

<div id="Informacion" class="Informacion" onclick="window.open('Ficha.php?Id=<?php echo $registro['Id']; ?>')">
    <div id="Zona1" class="Zona">bla.bla.bla. etc...</div>
    <div id="Zona2" class="Zona">bla.bla.bla. etc...</div>
    <div id="Zona3" class="Zona">bla.bla.bla. etc...</div>
    <div id="Zona4" class="Zona">bla.bla.bla. etc...</div>
</div>
 

Aunque sería más limpio si lo hicieras desde un archivo JS.

Saludos

[unexes]

Gracias a los 2 por vuestra ayuda.

Os comento:

lolainas tu solución aunque me abre la ficha en una página nueva que es lo que necesitaba me causa un problema y es que el div me lo ampliaba en tamaño y solo funcionaba pulsando sobre una determinana zona de ese div.

Alexis88 tu solución funciona perfectamente y es la que voy a utilizar, aunque me hubiera gustado saber como se hace desde un archivo JS.

Gracias y un saludo a los dos.

[pzin]

Pues la solución de lolainas es mejor a priori porque si el usuario no tiene JavaScript seguirá teniendo la posibilidad de usar el enlace. Si solo funciona en determinadas zonas entonces seguramente sea un problema de CSS.

[unexes]

Pzin mirare lo del CSS y mirare tambien lo del archivo JS y si soluciono el problema que me causa la solución de lolainas pondre aqui el comentario de como lo he solucionado.

Un saludo

[caricatos]

Hola:

Se supone que no está permitido usar elementos de bloque dentro de elementos en línea...

Tendrás tus razones, pero no lo veo correcto.

Saludos

[Alexis88]

Hola unexes, desde un archivo JS, lo harías así:

Código Javascript:

document.getElementById('Informacion').addEventListener('click', function(){
    window.open(this.getAttribute('data-link'));
}, false);
 

Y en el Div, cambiarías el atributo onclick por este:

Código HTML:

<div data-link = 'Ficha.php?Id=<?php echo $registro['Id']; ?>'>
 

De este modo, cuando el usuario dé un clic sobre el Div, tomará el valor contenido en el atributo data-link y lo abrirá en una nueva pestaña o ventana, según el navegador. No coloco la línea de Ficha.php?Id=<?php echo $registro['Id']; ?> pues en el archivo JS, no funcionaría debido a que el valor de Id es una variable de PHP.

Lo que dice pzin es cierto, sin embargo, en esta era de la web 2.0 en donde las páginas con JS están por todas partes por la funcionalidad y dinamismo que añade JS, es un poco raro encontrar usuarios que desactiven JS de su navegador, aunque puede suceder. Lo que dice caricatos es absolutamente cierto, por eso no estoy de acuerdo con la idea de colocar el Div dentro de un elemento de enlace. Probablemente esta información te sacará de dudas con respecto a eso.

Saludos

[pzin]

En HTML5 está permitido poner elementos de bloque dentro de un enlace.

Bueno, yo me sé de un moderador del foro de JavaScript que va por ahí con JavaScript desactivado. Pero vamos, me parece un error pensar que todo el mundo lo tiene activado, y, además, todas esas páginas bonitas que funcionan con JavaScript también lo hacen si el navegador no lo soporta o lo tiene desactivado porque está hecho de forma no intrusiva; que no es el caso aquí.

[caricatos]

Hola:

Iniciado por pzin

En HTML5 está permitido poner elementos de bloque dentro de un enlace.

Tengo que admitir que no he tocado prácticamente html5 (poquito ná más)

Iniciado por pzin

... yo me sé de un moderador del foro de JavaScript que va por ahí con JavaScript desactivado. ...

Moderar javascript es compatible con intentar que las páginas sean accesibles, e intentar que nuestros consejos, o simplemente respuestas, sean las mejores... particularmente he dado respuestas hace años que hoy no daría. Creo que tu referencia no es hacia mi, pero me siento identificado...

Con malas prácticas muchos navegantes, hace poquitos años, decidieron deasctivarlo... la verdad es que scripts del tipo "mosca cojonera" daba ese empujoncito.

Lo importante es que el tema este solucionado, aunque muchas veces tengamos serias dudas de que sea cierto.

Saludos

[unexes]

Gracias a tod@s.