|
Título: meter un enlace a un boton Publicado por: cker en 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. Título: Re: meter un enlace a un boton Publicado por: Shell Root en 9 Abril 2011, 19:05 pm (http://www.iluvpress-start.com/wp-content/uploads/2009/10/star-wars-chewbacca-leia-omg-wtf-knock-before-you-come-in.jpg) No entendí :D, una ventana PopUP (http://www.webexperto.com/articulos/art/18/como-hacer-un-pop-up-con-javascript/)? Título: Re: meter un enlace a un boton Publicado por: RedZer en 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 :huh: si es asi deberias de poner la propiedad onclick en tu boton y mandar a llmar la funcion que abre la ventana..
Título: Re: meter un enlace a un boton Publicado por: cker en 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> Título: Re: meter un enlace a un boton Publicado por: RedZer en 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 lo que te quedaria algo asi <div class="alignright"><a href="#22" class="button" onclick="Ventana_001('arquitectonico')">Read More</a></div> Título: Re: meter un enlace a un boton Publicado por: cker en 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> Título: Re: meter un enlace a un boton Publicado por: RedZer en 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??
Título: Re: meter un enlace a un boton Publicado por: cker en 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 Título: Re: meter un enlace a un boton Publicado por: RedZer en 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
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 Título: Re: meter un enlace a un boton Publicado por: cker en 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 Título: Re: meter un enlace a un boton Publicado por: RedZer en 11 Abril 2011, 04:24 am ok mira es que compañero necesitas investigar un poquito de tu parte busca un poco en google como generar una ventana pop up asi como lo tienes nunca te funcionara ya que estas metiendo la funcion dentro del onclick
malllllllllllll Código
lo que debes de hacer es primero poner la funcion de java script dentro de las etiquetas <head></head> de tu pagina entonces tu comentas que quieres que te abra una pagina en la cual tienes una imagen o algo asi, entonces tu en el evento onclik debes de especificar la ruta del archivo mira te dejo un ejemplo de como yo lo ago todo esta funcion va dentro de las etiquetas head Código
y la mando a llamar asi, esto ya va dentro del body <a href="#"onClick="newWinPopUp('http://localhost/biblioteca/buscarclavealumno.php');"> </a> como puedes ver esta el evento onclick y dentro de el mando a llamar la funcion que genera mi ventana pop up y entre parentesis indico la ruta de la pagina que aparecera en la ventana pop up Título: Re: meter un enlace a un boton Publicado por: cker en 12 Abril 2011, 00:41 am hola
bueno pues a punto de desistir con lo de los botones, finalmente logre vincular las ventanas a los mismos. o sea que los vinculos son generalmente a otras (url), pero como no ibamos a ningun lado pues es por eso el "local host", muy bien. solo que ahora me salen las ventanas pero con una ruta equivocada. osea que si ya estoy en "local host"me imagino que eso es estar en la entrada de la compu. asi que la ruta que di fue http://localhost/C:\Users\JUAN M\Desktop\poter.com.mx-Copy\images/ detalles.jpg pero no me llevo a ninguna parte sale error en la ruta ya dentro de la ventana. bueno pues pregunto. local host quier decir en la computadora solamente o ya dentro de el directorio de la pagina? te agradeceria si me pudes orientar en el punto de partida de la ruta, pues ensaye varias y no fue ninguna o quisa sea que la extension del archivo no es el correcto. saludos Título: Re: meter un enlace a un boton Publicado por: RedZer en 12 Abril 2011, 00:44 am no mira yo puse la ruta localhost por que la pagina estaba guardada en un serivdor local "xampp" por eso dice localhost pero tu no le debes de poner localhost si lo tienes guardada en mis documentos solo pon la ruta de mis documentos okas
Título: Re: meter un enlace a un boton Publicado por: cker en 12 Abril 2011, 03:21 am perfecto! RedZer.
te agradezco mucho estuve ensayando hasta que la ruta correcta es dentro de la pag. en images. salio la primera prueba y aqui le dejo por hoy, manana corregire el resto porque son muchas. y hay que arrastar mucho el raton. bueno eso ya quedo, solo es trabajo pero ya se como. ahora en otra pagina quiero poner un preview de fotos rodeado en tres caras por un texto. o sea que necesitio una foato que este cambiando y serian como 15 fotos tienes alguna idea de donde encontrare esa hetrramienta o codigo o no se que sea. SALUDOS Y MUCHAS GRACIAS p.d. gracias a todos los del foro porque no tengo a quien mas preguntar. Título: Re: meter un enlace a un boton Publicado por: RedZer en 15 Abril 2011, 06:31 am am un ejemplo de lo que quieras hacer???
Título: Re: meter un enlace a un boton Publicado por: cker en 19 Abril 2011, 19:01 pm hola RedZer.
tarde en contestar paro estaba esperando a terminar mi pagina web para mostrarla y recibir todas las criicas. comenzando por la tuya. http://www.poter.com.mx/index.html (http://www.poter.com.mx/index.html) gracias por tu ayduda y la de Shell Root, y todos. pero, bueno dejame comentar que yo seria uno de los abuelos del foro. me acabo de retirar hace unos meses pero no me gusto tanto el retiro y tanto ocio. asi que pense que hacer?; y se me ocurrio hacer o mejor dicho vender paginas web. si entras a mi pagina quisa te sorprenda el precio al que querio vender las paginas web. bueno esto puede variar segun el pais. yo estoy en mexico y aun aqui seria muy barata. la gran mayoria de la gente gana la mes unos 300.00 dls, un sueldo promedio seria 1200.00 dls/mes y un buen sueldo seria 4000.00dls. /mes te lo pongo como una referncia para que compares segun el pais en que estes. bueno pues las paginas o sitios de internet que pienso ofrecer no serian como la mia sino mucho mas sencillas pues lo que me movio a hacer esto es una idea que quiero exponer en otro tread en donde espero tu opinion. saludos |