¿Qué es Prototype?
Prototype es un framework en JavaScript que apunta al desarrollo sencillo y dinámico de aplicaciones web. Es una herramienta para el desarrollo de clases única y de fácil uso, además de la biblioteca más agradable de Ajax.
Esta clase de Javascript nos permite agregar una ventana en nuestra página HTML.Esta clase se basa en Prototype, y el código se inspira en la biblioteca script.aculo.us.
Puedes incluso utilizar todos los efectos de script.aculo.us para mostrar y para ocultar ventanas si incluyes el archivo de effects.js, pero no es obligatorio.
Esta clase ha sido probado en los siguientes navegadores safari, Camino, Firefox e IE6.
Podrás descargar los archivos necesarios para utilizar este ejemplo en tu sitio web en el siguiente enlace a descarga ofrecido por blogus.xilinus.com
Características
* Ventanas de redimensionables
* Posibilidad de minimizar y maximizar
* Efectos visuales
* Editable
* Y más…
Cómo utilizarla
Es fácil utilizar, apenas incluye dos Javascript y un css (además dispones de diferentes skins).
Aqui os dejo un simple y breve ejemplo de esta clase Abre ventana Prototype
Primero debes incluir este trozo de cógido en tu ejemplo para enlazar con los dos javascript que necesitamos cambia la ruta en caso de que sea necesario.
Continua leyendo...
Asegurate de que has subido los tres archivos necesarios a tu servidor y que la ruta indicada es la correcta...
Ahora incluiremos el trozo de código que ejecutara el script para uqe nos abra la ventana utilizando las librerias que hemos agragado, el código que necesitamos es el siguiente.
Ya solo nos queda hacer la llamada a la funcion es el ultimo paso necesario para este simple ejemplo y quedaría algo así.
Al ejecutar esta página al cargar la etiqueta body llamara a la funcion y además podras probarlo tambien gracias al enlace a la función, puedes elegir la manera que mejor se adapte a tus necesidades para mostrar la ventana.
Esta libreria es licencia de MIT-style license así que puedes utilizarla para cualquier cosa que desees, mientras incluyas el aviso de copyright.
Enlaces Relacionados
- Fácil menu contextual con Prototype
- Yahoo! Developer Network
- Problemas de acentos con Ajax
- Las 10 mejores librerías
- El framework más popular de Ajax
- Tutorial Básico de Ajax
- Proyecto de SIMILE, Timeplot
- Rotando letras con Javascript
- Limitar descargas con Php
- Listado de provincias y municipios de España





abrir una pagina html
¿Y cómo sería el código para abrir un html existente en esa ventana?
Actualizar página padre desde la hija
Desde una página abro una ventana que tiene una textarea con el editor tinymce y quiero que al pulsar un botón de la ventana hija, esta se cierre y se actualice la ventana padre mediante ajax. Esto lo podía hacer sin ningún problema con Litbox, pero no consigo que funcione con esta librería.
¿Pueden ayudarme? Gracias.
Efecto que no funciona el iexplorer
En los ejemplos que salen en la carpeta sample, esta el efecto que ando buscando en el archivo "popup_open.html", el problema que solo funciona el firefox pero en iexplorer no... alguien sabe como hacerlo funcionar en los 2???
saludos.
Problema con firefox y SWF
Hola tengo 3 menus echos en flash y una liga para levantar el pop de prototype en una pagina, el problema es que en IE 7 Funciona bien pero en firefox me pone la ventana por detras de los SWF al momento de levantarla, ya utilize el zindex pero nada, alguien sabe a que se deba esto??...Saludos.
Enviar datos de una ventana hija a la ventana original
Hola a todos..necesito ayuda en u problema que tengo... estoy propando la libreria protype... lo que hago es dibujar una ventana... que tiene enlaces dentro ... lo que quiero es que al hacer click en un enlace... se cierre la ventana dibujada y le envie este parametro .. el enlace a la ventana original... me imagino... que alguno que ya esta mas avanzado tiene alguna solucion o tiene mas idea ... agradeceria mucho su ayuda
Para hacer referencia a la
Para hacer referencia a la ventana padre tienes que usar parent.
Por ejemplo parent.document.form.clave = 1;
Un saludo
no funciona parent
No funciona poniendo parent, ni window.opener ¿alguna otra forma?
Comunicación entre ventanas
Hola.
Tengo el siguiente problema. Estoy ocupando un Dialog.confirm o una ventana modal para abrir una URL interna en mi servidor, dicha url es una jsp que contiene un buscador. Actualmente la manera de funcionar es con popups tradicionales que operan comunicándose con un window.opener (ventana padre) a la cual el hijo le regresa los datos. Quisiera saber cuál es el tipo de ventana correcta para utilizar en este caso porque no hayo cómo devolverle la consulta a mi ventana padre, no sí© cómo comunicar las ventanas. ¿Podrías ayudarme? Muchas gracias.
problemas con más de una ventana
problemas al tener varias ventanas, es decir, creo un win con una function llamada funcion1 y una win2 con una function llamada funcion2 y al presionar el boton que crea win uno funciona bien al presionar el boton para win2 tambien pero al momento de cerrar las ventanas si intento cerrar la ultima abierta siempre se cierra la primera al momento de cerrar la primera esta se cierra bien, como puedo arreglar eso?
Saludos
Rodrigo
INstancias multiples
Que tal gente, mira el asunto es que cuando tengo varias instancias los eventos van a todas la ventanas.
Problema con servidor apache (xampp)
Pruebo en una pagina abrir una ventana modal en FIREFOX asi http://localhost/pagina/ y funciona .... hago lo mismo en internet explorer y no funciona ... cuando le doy doble click al icono de la pagina html si me funciona en Internet Explorer
Problema al cerrar
Saludos, tengo un problema con la ventana creada. Hay veces que el boton "cerrar" no funciona, a alguien le paso lo mismo? como lo soluciono?
Otro problema es que en firefox no me anda el contenido en Ajax.
Probe como lei por ahi con setContentAjax pero no acepta ese metodo, que version estas usando??
Gracias de antemano. saludos.
Login Window
Que tal a todos, como puedo hacer para utilizar el Login del framework Prototype Window Class con PHP?
ah alguien sabe?
quiero hacer algo como esto?
http://club.lacuerda.net/
hagan click en "Entrar".
les agradeceria que respondan lo mas rapido posible.
Hola a todos
Quisiera saber como puede mandar una ventana que creo a un div o a un span fijo para que se quede alli, no veo como poder decirle que la ventana que quiero que se crea se crea en un div o span ya creado y fijo.
Es para un autocomplete, o no se como mas poderlo crear.
Si alguien sabe de algo que pueda usar en esta del autocomplete les agradeceria muchisimo.
prueba esto
yo tengo esto y me funciona tanto en firefox como en explorer.
lo unico que hago es llamar una imagen desde el php eso es todo
var index= 0;
var contentWin = null;
function openModalDialog(nombre,alto,ancho) {
//alert (nombre);
debug($('modal_window_content'))
var win = new Window('modal_window', {className: "alphacube", width:ancho, height:alto, zIndex:150, opacity:1, resizable: false})
win.setAjaxContent("lib/imagen.php?nombre="+nombre);
win.setDestroyOnClose();
win.showCenter(true);
}
no funciona que hago?
hola lo e probado en internet explorer y funciona de maravilla pero cuando lo pruebo en mozilla de windows no anda, otra cuando lo pruebo en konqueros y en el mozilla de linux no me anda que puedo hacer para solucionar esto?
grasias
win.getContent()
win.getContent().innerHTML =
;
win.setDestroyOnClose();
win.showCenter();
}
metiendola en una tabla
metiendola en una tabla dentro del inner.html al menos yo lo he probado y funciona lo que no estoy seguro es que sea compatible con todos los navegadores
no me resulta..
Gracias por tu ayuda. pero no me resulta... que puede estar mal?...
como puedo insertar una imagen o swf.....
e intentado mil maneras de inseratr una imagen, pero me da error. y la ventana no aparece..
como se puede hacer?
Gracias!!
a mi me da el siguiente
a mi me da el siguiente error... (opera)
Statement on line 4: Reference to undefined variable: Window
y al cambiar Window por window (en minúsculas):
Statement on line 4: The Object does not implement [[Construct]]
problema
tengo un problema al implementar la ventana
uso IE 6.0
Window no esta definido
luego lo cambio por window (en minuscula ) y me da el error de "el objeto no acepta esta accion".
necesito ayuda.
BROWSER
TE RECOMIENDO QUE TE CAMBIES A FIREFOX...
Yo tengo el mismo
Yo tengo el mismo problema.
Al amigo BROWSER, que es el típico que ayudar ayuda poco, pero que es experto en frases lapidarias en plan "Cambiate a FIREFOX", decirle que cuando haces una página web, la página debe funcionar en todos los navegadores. Tu usaras firefox, pero muchos usan explorer, y a ellos les importa bien poco el navegador que uses tú.
Así que deja de decir tonterías y si no tienes nada que decir, calla.
Error
El depurador de JavaScript de Firefox me lanza el siguiente error:
Error: a is not defined
Archivo de origen: javascript:a()
Línea: 1
error
No se que es lo que estoy haciendo mal, simplemente me dice error en la pagina, uso internet explorer 6.
Me pueden ayudar?????
Gracias
Resuelto
Problema resuelto, teneis que cambiar (segundo cuadro de texto del ejemplo) "tufuncion()" por "a()".
Saludos y gracias por el tutotial
Enviar un comentario nuevo