meter un enlace a un boton

cker · 9 Abril 2011, 18:36 PM

hola a todos.
me estoy haciendo mi pagina web, y como es lo primero que hago parti de un template ya hecho y ahi estoy acomodando mis elementos. encontre un enlace que abre una ventana secundaria y se la quiero, pegar al boton que tiene mi template pero,no resulta.
que puedo hacer; si alguien me orienta se los voy a agradecer.
saludos.

Shell Root · 9 Abril 2011, 19:05 PM

No entendí

, una ventana PopUP?

RedZer · 9 Abril 2011, 19:42 PM

creo que lo que quieres es abrir la ventana pop up al momento de pulsar el boton que trae tu template

si es asi deberias de poner la propiedad onclick en tu boton y mandar a llmar la funcion que abre la ventana..

cker · 9 Abril 2011, 20:04 PM

disculpen pero no entiendo de que hablan
la pagina esta disenada con un boton que dice "read more", yo quierop que al picar ese boton se abra una pequena ventana en la misma pag. y poner ahi la ampliacion del texto.
voy a poner el pedazo de codigo dode esta el boton y aparte el que quiero poner.
haber si me expreso mejor. de antemano les agradezco por atender.

asi esta la pag.
<div class="alignright"><a href="#22" class="button">Read More</a></div>

y yo quiero, poner esto:

<script language=javascript>
function Ventana_001 (URL){
window.open("arquitectonico"),"width=500,height=300,top=20,left=40,scrollbars=NO,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=NO")
}
</script>
</head>

<body>

<p><a href="javascript:Ventana_001('arquitectonico')">
<font face="Verdana" color="#FF0000">Enlace</font></a></p>

<p><input type=button value="Enlace" onclick="Ventana_001('arquitectonico')"></p>

<p><a href="javascript:Ventana_001('arquitectonico)">
<img border="0" src="images/arquitectonico.png"
width="125" height="125"></a></p>

RedZer · 9 Abril 2011, 21:53 PM

haber tu quieres que al dar click sobre esta parte
<div class="alignright"><a href="#22" class="button">Read More</a></div>
te salte la ventana pop up?? ya que lo que tu quieres se conocen como ventanas pop up
investiga un poco sobre ello, y si es asi lo puedes hacer poniendo el vento onclick al enlace que dice Read More y dentro de onclick mandar a llamar ala funcion que te genera la ventana pop up el cual en tu caso es

Código (javascript) [Seleccionar]


<script language=javascript>
function Ventana_001 (URL){
  window.open("arquitectonico"),"width=500,height=300,top=20,left=40,scrollbars=NO,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=NO")
}
</script>

lo que te quedaria algo asi

<div class="alignright"><a href="#22" class="button" onclick="Ventana_001('arquitectonico')">Read More</a></div>

cker · 10 Abril 2011, 03:06 AM

gracias por atender RedZer.
pues hice lo que indicaste paro no resulto, vi que no tenias una ruta y se la puse despues de href= y tampoco.
bueno mejor voy a poner todo el codigo de donde lo estoy sacando solo que en lugar de poner un url, yo lo que hice fue poner un archivo .pnl de texto en el directorio images con el tamano de la ventana que dice al codigo.
ojala y me pudieras ayudar a combinar el codigo del boton, con el archivo"images/arq" y que al pulsarlo se abriera la ventana pup.
de aqui estoy sacando la,ventana pup.

<head>
<title>Ventana secundaria con todos los parámetros para su configuración</title>
<script language=javascript>
function Ventana_001 (URL){
window.open(URL,"UTERRA","width=500,height=300,top=20,left=40,scrollbars=NO,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=NO")
}
</script>
</head>

<body>

<p><a href="javascript:Ventana_001('http://www.uterra.com')">
<font face="Verdana" color="#FF0000">Enlace</font></a></p>

<p><input type=button value="Enlace" onclick="Ventana_001('http://www.uterra.com')"></p>

<p><a href="javascript:Ventana_001('http://www.uterra.com')">
<img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0008.jpg"
width="125" height="125"></a></p>

</body>

RedZer · 10 Abril 2011, 03:16 AM

aver explicate mejor esque con el codigo que acabas de poner ambos generan pop up que es lo que no te sale??

cker · 10 Abril 2011, 18:54 PM

hola RedZER.
Pues mira, es la primera pagina web que hago en mi vida, entonces parti de un template para adapatarlo a mis necesidades, ( que por cierto me esta quedando muy padre mi pag). ese template tiene muchos botones de "read more "; con que aprenda a hacer uno los demas los hare muy facil.
pero me imagino que el template esta mutilado pues la unica referencia de del boton en el codigo es

<div class="alignright"> <a href="#" class="button">Read More</a> </div>.

este codigo se repite muchas veces en e en el template
y cuando le picas pues no pasa nada, no aparece ninguna ventana ni nada.
por eso yo quiero que cuando lo pinche salga la ventana pup del texto que quiero poner en cada caso. que me imagino que el texto sera un archivo que tenga que poner , vamos a decir en el directorio images o algo asi.
ojala que ahora si me haya sabido explicar.
saludos

RedZer · 10 Abril 2011, 19:20 PM

ok mira lo que tu llamas boton en realidad es un link ok
<div class="alignright"><a href="#22" class="button">Read More</a></div>
y no te hace nada por que no tiene asignada ni una direccion osea por ejemplo si tu quisieras que al pulsar el enlace te redirigiera a otra pagina el codigo te quedaria algo asi
<div class="alignright"><a href="www.google.com" class="button">Read More</a></div>
pero en tu caso tu quieres que te abra ventanas al hacer clicik sobre read more entonces tu lo que necesitas son 2 cosas.
primero tener una funcion en java script el cual se encargue de abrir y dar las dimenciones"ancho y alto" a tu ventana que viendo tu codigo ya lo tienes el cual es este

Código (javascript) [Seleccionar]

<script language=javascript>
function Ventana_001 (URL){
  window.open(URL,"UTERRA","width=500,height=300,top=20,left=40,scrollbars=NO,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=NO")
}

en este caso tu funcion se llama Ventana_001 ahora lo que necesitas es mandar a llamar esa funcion "Ventana_001" en tu caso lo aras con un link agregandole a este la propiedad onclik para que al momento de dar click sobre el enlace se active la funcion lo que te quedaria algo asi
<div class="alignright"><a href="#" class="button" onclick="Ventana_001('http://www.uterra.com')">Read More</a></div>

si ves al enlace que dice read more le he agregado la propiedad onclik y dentro de ella e mandado a llamar a la funcion que genera la ventana.

nota: te recomendaria que buscaras en google como que generar una ventana popo up al pulsar un link

cker · 11 Abril 2011, 01:34 AM

pues bien RedZer.
ya casi pero todavia no, espero no aburrirte pero no supe donde poner el codigo de la ventana.se lo agregue a las carcteristicas del booton asi:

</div><a href="#22" class="button"onclick=ventana_001(arq)<script language=javascript>function Ventana_001 (URL){ window.open("arq"),"width=500,height=300,top=20,left=40,scrollbars=NO,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=NO")}</script> ('arq')>Read More</a>
</div>
pero lo unico que logre es que se pusiera toda easa letania en el boton.
pero dejame insistir, yo no quiero que me abra una ventana de ninguna url que es como esta hecho el codigo, yo quiero abrir en la ventana emergente o pop up
un archivo que tuviera en el directorio images, y no he visto ruta alguna hacia alla.
lo unico que pareciera algo asi seria. href="#22" y que no se de donde salio ese #22 pues ya lo traia el template y no tiene referncia a ningun archivo o pagina html.
investigue un poco por otro,lado como dices pero creo que estaria peor porque hablaban de poner un codigo repartido en dos partes ; una dentro de head y la otra parte en el boton.
pero solo, logre un aviso de mala sintaxis y que se bloquearia la pag.
en fin. si me puidieras poner exactamente como quedaria el codigo para traerse un archivo de images en la ventana emergente o pop up te lo voy a agradecer.
de antemano garcias por la paciencia.
saludos