Boton a ventana nueva

Iniciado por Pitufete, 18 Septiembre 2014, 08:22 AM

0 Miembros y 1 Visitante están viendo este tema.

Pitufete

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

engel lex

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 (html4strict) [Seleccionar]
<a href="http://nombredelanuevaweb.com" class="btn bt__2" target="_blank">Read More</a>
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.

MinusFour

#2
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 (javascript) [Seleccionar]

(".btn .bt__2").click(
function(e){
e.preventDefault();
window.open("http://url.com");
});

Pitufete

No se si me he explicado bien jejeje
A ver, yo tengo ahora el botón asi

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.

LaThortilla (Effort)

Cita de: 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

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 (html4strict) [Seleccionar]
<a href="url"  target="_blank"><img src="../url o directorio de la img"/></a>

Ó :
<a href="url"  target="_blank" style="bagraund:uri('./url o directorio de la img')">



MinusFour

Cita de: 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

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.

Pitufete

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

Pitufete

Ya lo tengo solucionado. Gracias.