Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Pitufete en 18 Septiembre 2014, 08:22 am



Título: Boton a ventana nueva
Publicado por: Pitufete en 18 Septiembre 2014, 08:22 am
Hola, tengo este código para lanzar a otra dirección accediendo con un botón
Citar
<a href="#" class="btn bt__2">Read More</a>

Si lo pongo así, me abre en la misma ventana la nueva web:
Citar
<a href="http://nombredelanuevaweb.com" class="btn bt__2">Read More</a>

Si lo pongo así, me abre en la misma venta y en otra nueva el enlace:
Citar
<button type="button" onclick="window.open('http://nombredelanuevaweb/'); window.location.href = 'http://nombredelanuevaweb/'" target="_blank">boton</button>

Yo lo que quiero es que me abra una nueva ventana con la dirección que le indico y manteniendo el diseño del botón que dejo en la primera cita ya que tengo todos los demás iconos iguales.

Gracias


Título: Re: Boton a ventana nueva
Publicado por: engel lex en 18 Septiembre 2014, 08:43 am
no entendí mucho de tu duda, porque parece que lo tienes resuelto, pero para abrir una pagina en una ventana/pestaña nueva es con el atributo "target=_blank" de "a"

es decir
Código
  1. <a href="http://nombredelanuevaweb.com" class="btn bt__2" target="_blank">Read More</a>


Título: Re: Boton a ventana nueva
Publicado por: MinusFour en 18 Septiembre 2014, 08:55 am
Si por diseño te refieres a que no quieres modificar nada del HTML, te va a tocar usar javascript.

Una idea que no he probado:

(Usa jQuery)
Código
  1. (".btn .bt__2").click(
  2. function(e){
  3. e.preventDefault();
  4. window.open("http://url.com");
  5. });


Título: Re: Boton a ventana nueva
Publicado por: Pitufete en 18 Septiembre 2014, 12:03 pm
No se si me he explicado bien jejeje
A ver, yo tengo ahora el botón asi
(http://i.imgur.com/wQFvb4P.png)
con el código este
Citar
<a href="#" class="btn bt__2">Read More</a>

Lo que quiero es mantener ese diseño y que al hacer click en él, se me abra una nueva ventana con el link que yo le diga.


Título: Re: Boton a ventana nueva
Publicado por: LaThortilla (Effort) en 18 Septiembre 2014, 14:44 pm
No se si me he explicado bien jejeje
A ver, yo tengo ahora el botón asi
(http://i.imgur.com/wQFvb4P.png)
con el código este
Lo que quiero es mantener ese diseño y que al hacer click en él, se me abra una nueva ventana con el link que yo le diga.

Si no sabes usar css ps usa esto

Código
  1. <a href="url"  target="_blank"><img src="../url o directorio de la img"/></a>
  2.  
  3. Ó :
  4. <a href="url"  target="_blank" style="bagraund:uri('./url o directorio de la img')">



Título: Re: Boton a ventana nueva
Publicado por: MinusFour en 18 Septiembre 2014, 15:13 pm
No se si me he explicado bien jejeje
A ver, yo tengo ahora el botón asi
(http://i.imgur.com/wQFvb4P.png)
con el código este
Lo que quiero es mantener ese diseño y que al hacer click en él, se me abra una nueva ventana con el link que yo le diga.

Puedes simplemente agregarle el target="_blank" a eso y ya.

Tambien puedes agregarle class="btn bt__2" al código en tu última cita.


Título: Re: Boton a ventana nueva
Publicado por: Pitufete en 18 Septiembre 2014, 15:57 pm
La verdad es que no se usar CSS ni controlo demasiado el tema de la programación lo que si hago es mirarme muchos manuales y vídeos que me van ayudando.

La verdad es que agradezco vuestra ayuda pero no me entero, no tengo claro como poner lo que me decís. He probado haciendo lo que yo entiendo que queréis decirme y no lo consigo.

Creia que seria añadir o quitar algo al código que yo tengo pero parece mas complicado.


Gracias


Título: Re: Boton a ventana nueva
Publicado por: Pitufete en 23 Septiembre 2014, 00:09 am
Ya lo tengo solucionado. Gracias.