[Ovillo] maquetar includes
Bueno mi nivel de programación en PHP es nulo. He estado buscando como maquetar con includes , o sea tipo marcos para no tener que que retocar un monton de paginas Html y Css. Algo asi como: include=cabecera include=menu include=pie, en principio y montarlo en una soloa página pero no me aclaro. Donde puedo encontrar un ejemplo realmente sencillo de realizar y sobre todo de entenderlo. Gracias ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] maquetar includes
On 7/3/07, jaume op [EMAIL PROTECTED] wrote: Bueno mi nivel de programación en PHP es nulo. He estado buscando como maquetar con includes , o sea tipo marcos para no tener que que retocar un monton de paginas Html y Css. Algo asi como: include=cabecera include=menu include=pie, en principio y montarlo en una soloa página pero no me aclaro. Donde puedo encontrar un ejemplo realmente sencillo de realizar y sobre todo de entenderlo. Pues es casi casi como has puesto: ?php include(cabecera.php); include(menu.php); /* aqui todo tu contenido */ include(pie.php); ? Aunque si son cosas vitales que se incluyan, te recomiendo la función require() en vez de include(), y si sólo se han de incluir una vez, require_once() en vez de require(). Saludos. -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] maquetar includes
Hola, Pues es casi casi como has puesto: ?php include(cabecera.php); include(menu.php); /* aqui todo tu contenido */ include(pie.php); ? Tan sólo un añadido, para que funcione has de tener los archivos en el mismo sitio que tengas el php que incluye los templates. Si quieres tenerlo más ordenado podrías ponerlos dentro de un directorio (por ejemplo templates) con lo que el include sería: include(templates/cabecera.php); Aunque si son cosas vitales que se incluyan, te recomiendo la función require() en vez de include(), y si sólo se han de incluir una vez, require_once() en vez de require(). Saludos. -- Carlos Rincón www.neuroticweb.com www.neuroticweb.com/blog ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] maquetar includes
Algun link con algun ejemplo en español? Gracias El día 3/07/07, jaume op [EMAIL PROTECTED] escribió: Bueno mi nivel de programación en PHP es nulo. He estado buscando como maquetar con includes , o sea tipo marcos para no tener que que retocar un monton de paginas Html y Css. Algo asi como: include=cabecera include=menu include=pie, en principio y montarlo en una soloa página pero no me aclaro. Donde puedo encontrar un ejemplo realmente sencillo de realizar y sobre todo de entenderlo. Gracias ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambiando class con javascript
Hola Leandro Muchas gracias por la ayuda con el script aunque todavia no consigo hacerlo funcionar function toggleActive(element) { var container = document.getElementById('restaurant_menu'); var othersElement = container.getElementByTagName('li'); for (var i=0; i othersElement.lenght; i++){ if(othersElement[i].className == 'activo') { // si la tiene se la cambiamos a noactive othersElement[i].className = 'noactive'; } } element.className = 'activo'; } Las funciones setTab si las carga pero la toggleactive la ignora ul id=restaurant_menu li class=noactivea onClick='setTabMenu();toggleActive(this);return false;' href=#Menu/a/li li class=noactivea onClick='setTabPresetMenu();toggleActive(this);return false;' href=#Preset Menu/a/li li class=noactivea onClick='setTabChef();toggleActive(this);return false;' href=#chef's profile/a/li /ul un saludo y gracias nuevamente El día 3/07/07, Leandro Asrilevich [EMAIL PROTECTED] escribió: Me falto terminar te paso como lo haria yo... fijate lo de return false, es para que no se ejecute el link como lo haria normalemnte.. (osea ir a #) la llamada a funciones en el onclick hace que primero se ejcute lo de setear el active y luego llama a tu funcion en ruby... abajo te pongo la funcion para cambiar la clase comentada paso por paso... ul id=restaurant_menu li class=noactivea onClick='toggleActive(this); setTabMenu(); return false;' href=#Menu/a/li li class=noactivea onClick='toggleActive(this); setTabPresetMenu(); return false;' href=#Preset Menu/a/li li class=noactivea onClick='toggleActive(this); setTabChef(); return false;' href=#chef's profile/a/li /ul y en js.. function toggleActive(element) { // obtenemos la referencia al ul contendor var container = document.getElementById('restaurant_menu'); // obtenemos los li dentro de ese ul var othersElement = container.getElementByTagName('li'); // recorremos los li for (var i=0; i othersElement.lenght; i++){ // controlamos si tiene la clase active if(othersElement[i].className == 'active') { // si la tiene se la cambiamos a noactive othersElement[i].className = 'noactive'; } } // por ultimo le ponemos la clase active a el link que disparo el onclick y que recivimos como parametro element.className = 'active'; } On 7/2/07, Fernando Seves [EMAIL PROTECTED] wrote: Buenas, Estoy trabajando en sitio web donde tengo el siguiente menu ul id=restaurant_menu li class=noactivea onClick='setTabMenu();' href=#Menu/a/li li class=noactivea onClick='setTabPresetMenu();' href=#Preset Menu/a/li li class=noactivea onClick='setTabChef();' href=#chef's profile/a/li /ul Los onClick son llamadas a funciones de javascript que cargan el correspondiente código de Ruby. Mi intención es hacer que cuando yo pulse en un enlace de este menú ( es decir cargue una función) el script situado en esta función haga lo siguiente: 1. Chequee las class de los li de esta lista y detecte si hay alguno que tenga el id active (es decir estado pulsado) y lo cambie a noactive 2. Cambie la class de este li a active para dejarlo marcado Había pensado en un código parecido a este: var estado = document.GetElementByAttribute(class,active); for (estado i=0 i estado.lenght; i++){ var id = estado[i].getAttribute(class); if (id) { estado[i].setAttribute(class,noactive); } } document.getElementByAttribute ('class').setAttribute(class,active); Aunque me temo que estoy haciendo algo mal Un saludo y gracias. [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- _ Leandro Asrilevich Web Multimedia Developer Movil: +54 (11) 15 6161-9998 Tel: +54 (11) 4307-3085 Web: www.beastx.com.ar MSN: [EMAIL PROTECTED] Skype User: leandro.asrilevich Defensa 1805 PB E Capital Federal - Buenos Aires - Argentina ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- skype arbaa4 www.sevtov.com [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
Re: [Ovillo] maquetar includes
Hola, jaume op Algun link con algun ejemplo en español? Gracias El código PHP es convertido en HTML desde el servidor. Si tienes este código en cabacera.php: img src=./imagenes/logotipo.gif alt=... / y este otro código en index.php: ... body ?php include(./cabecera.php); ? pEsta es mi página de inicio/p /body ... El resultado que obtendrá el servidor para index.php es el siguiente: ... body img src=./imagenes/logotipo.gif alt=... / pEsta es mi página de inicio/p /body ... Es decir, el contenido de un fichero con include o require se inyecta tal cual en el documento que lo solicita, así que nunca podrás ver el código php mirando el código fuente de una página web, mírate el manual: http://es.php.net/include/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Sobre las Dudas con charset
On Mon, Jul 02, 2007 at 09:54:03AM +0200, Rodrigo Álvarez Virgós wrote: Hola, Miguel Básicamente, windows-1252 es una codificación hecha para MS Windows, mientras que ISO-8859-1 es una codificación estándar. windows-1252 engloba a ISO-8859-1, pero como ya te digo: no es estándar y puede dar problemas en sistemas operativos que no sean Windows Además para paises europeos se recomienda o bien utf-8 (que puede traer algun problema durante la migración) o bien ISO-8859-15 (lo mismo que iso-8859-1 pero con el símbolo del euro) De todas formas poco a poco todo va tendiendo a utf8 Respecto a los charsets de windows, pues son eso, sólo de Windows. Vale que incluso otros pueden llegar a entenderlos, pero teniendo estándares internacionales es absurdo usar los estándares de una compañía. Un saludo -- Celso González http://mitago.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] cambiar estilo css :hover desde javascript
Hola Para cambiar estilos CSS desde javascript se puede hacer con nombre_del_elemento.style.foo = bar pero ¿cómo se haría para cambiar el estilo de un hover? CSS a {display: block} a:hover {background: url(master.gif) no-repeat} Me gustaría cambiar el background del hover pero al utilizar la sintaxis anterior lo único que consigo es modificar el fondo del a, no del a:hover Gracias anticipadas -- Celso González (aka PerroVerd) GPG key 0x2DA367B7 http://mitago.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambiando class con javascript
cambiaste la llamada de la funcion toggleActive a 2do lugar por alguna razon en especial?, yo lo puse primero en el ejemplo por que no sabia que hacia tu otra funcion y puede estar haciendo algo que no deje funcionar el resto.. prueba de usar solo la llamada a la funcion toggle sin llamar a tu otra funciona a ver si anda, si no anda agrega algun logeo (console.log o un simple alert) en cada paso de la funcion toggle para ver donde esta fallando.. On 7/3/07, Fernando Seves [EMAIL PROTECTED] wrote: Hola Leandro Muchas gracias por la ayuda con el script aunque todavia no consigo hacerlo funcionar function toggleActive(element) { var container = document.getElementById('restaurant_menu'); var othersElement = container.getElementByTagName('li'); for (var i=0; i othersElement.lenght; i++){ if(othersElement[i].className == 'activo') { // si la tiene se la cambiamos a noactive othersElement[i].className = 'noactive'; } } element.className = 'activo'; } Las funciones setTab si las carga pero la toggleactive la ignora ul id=restaurant_menu li class=noactivea onClick='setTabMenu();toggleActive(this);return false;' href=#Menu/a/li li class=noactivea onClick='setTabPresetMenu();toggleActive(this);return false;' href=#Preset Menu/a/li li class=noactivea onClick='setTabChef();toggleActive(this);return false;' href=#chef's profile/a/li /ul un saludo y gracias nuevamente El día 3/07/07, Leandro Asrilevich [EMAIL PROTECTED] escribió: Me falto terminar te paso como lo haria yo... fijate lo de return false, es para que no se ejecute el link como lo haria normalemnte.. (osea ir a #) la llamada a funciones en el onclick hace que primero se ejcute lo de setear el active y luego llama a tu funcion en ruby... abajo te pongo la funcion para cambiar la clase comentada paso por paso... ul id=restaurant_menu li class=noactivea onClick='toggleActive(this); setTabMenu(); return false;' href=#Menu/a/li li class=noactivea onClick='toggleActive(this); setTabPresetMenu(); return false;' href=#Preset Menu/a/li li class=noactivea onClick='toggleActive(this); setTabChef(); return false;' href=#chef's profile/a/li /ul y en js.. function toggleActive(element) { // obtenemos la referencia al ul contendor var container = document.getElementById('restaurant_menu'); // obtenemos los li dentro de ese ul var othersElement = container.getElementByTagName('li'); // recorremos los li for (var i=0; i othersElement.lenght; i++){ // controlamos si tiene la clase active if(othersElement[i].className == 'active') { // si la tiene se la cambiamos a noactive othersElement[i].className = 'noactive'; } } // por ultimo le ponemos la clase active a el link que disparo el onclick y que recivimos como parametro element.className = 'active'; } On 7/2/07, Fernando Seves [EMAIL PROTECTED] wrote: Buenas, Estoy trabajando en sitio web donde tengo el siguiente menu ul id=restaurant_menu li class=noactivea onClick='setTabMenu();' href=#Menu/a/li li class=noactivea onClick='setTabPresetMenu();' href=#Preset Menu/a/li li class=noactivea onClick='setTabChef();' href=#chef's profile/a/li /ul Los onClick son llamadas a funciones de javascript que cargan el correspondiente código de Ruby. Mi intención es hacer que cuando yo pulse en un enlace de este menú ( es decir cargue una función) el script situado en esta función haga lo siguiente: 1. Chequee las class de los li de esta lista y detecte si hay alguno que tenga el id active (es decir estado pulsado) y lo cambie a noactive 2. Cambie la class de este li a active para dejarlo marcado Había pensado en un código parecido a este: var estado = document.GetElementByAttribute(class,active); for (estado i=0 i estado.lenght; i++){ var id = estado[i].getAttribute(class); if (id) { estado[i].setAttribute(class,noactive); } } document.getElementByAttribute ('class').setAttribute(class,active); Aunque me temo que estoy haciendo algo mal Un saludo y gracias. [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- _ Leandro Asrilevich Web Multimedia Developer Movil: +54 (11) 15 6161-9998
Re: [Ovillo] Cambiando class con javascript
Muchas gracias Leandro. Lo pruebo. un saludo El día 3/07/07, Leandro Asrilevich [EMAIL PROTECTED] escribió: cambiaste la llamada de la funcion toggleActive a 2do lugar por alguna razon en especial?, yo lo puse primero en el ejemplo por que no sabia que hacia tu otra funcion y puede estar haciendo algo que no deje funcionar el resto.. prueba de usar solo la llamada a la funcion toggle sin llamar a tu otra funciona a ver si anda, si no anda agrega algun logeo (console.log o un simple alert) en cada paso de la funcion toggle para ver donde esta fallando.. On 7/3/07, Fernando Seves [EMAIL PROTECTED] wrote: Hola Leandro Muchas gracias por la ayuda con el script aunque todavia no consigo hacerlo funcionar function toggleActive(element) { var container = document.getElementById('restaurant_menu'); var othersElement = container.getElementByTagName('li'); for (var i=0; i othersElement.lenght; i++){ if(othersElement[i].className == 'activo') { // si la tiene se la cambiamos a noactive othersElement[i].className = 'noactive'; } } element.className = 'activo'; } Las funciones setTab si las carga pero la toggleactive la ignora ul id=restaurant_menu li class=noactivea onClick='setTabMenu();toggleActive(this);return false;' href=#Menu/a/li li class=noactivea onClick='setTabPresetMenu();toggleActive(this);return false;' href=#Preset Menu/a/li li class=noactivea onClick='setTabChef();toggleActive(this);return false;' href=#chef's profile/a/li /ul un saludo y gracias nuevamente El día 3/07/07, Leandro Asrilevich [EMAIL PROTECTED] escribió: Me falto terminar te paso como lo haria yo... fijate lo de return false, es para que no se ejecute el link como lo haria normalemnte.. (osea ir a #) la llamada a funciones en el onclick hace que primero se ejcute lo de setear el active y luego llama a tu funcion en ruby... abajo te pongo la funcion para cambiar la clase comentada paso por paso... ul id=restaurant_menu li class=noactivea onClick='toggleActive(this); setTabMenu(); return false;' href=#Menu/a/li li class=noactivea onClick='toggleActive(this); setTabPresetMenu(); return false;' href=#Preset Menu/a/li li class=noactivea onClick='toggleActive(this); setTabChef(); return false;' href=#chef's profile/a/li /ul y en js.. function toggleActive(element) { // obtenemos la referencia al ul contendor var container = document.getElementById('restaurant_menu'); // obtenemos los li dentro de ese ul var othersElement = container.getElementByTagName('li'); // recorremos los li for (var i=0; i othersElement.lenght; i++){ // controlamos si tiene la clase active if(othersElement[i].className == 'active') { // si la tiene se la cambiamos a noactive othersElement[i].className = 'noactive'; } } // por ultimo le ponemos la clase active a el link que disparo el onclick y que recivimos como parametro element.className = 'active'; } On 7/2/07, Fernando Seves [EMAIL PROTECTED] wrote: Buenas, Estoy trabajando en sitio web donde tengo el siguiente menu ul id=restaurant_menu li class=noactivea onClick='setTabMenu();' href=#Menu/a/li li class=noactivea onClick='setTabPresetMenu();' href=#Preset Menu/a/li li class=noactivea onClick='setTabChef();' href=#chef's profile/a/li /ul Los onClick son llamadas a funciones de javascript que cargan el correspondiente código de Ruby. Mi intención es hacer que cuando yo pulse en un enlace de este menú ( es decir cargue una función) el script situado en esta función haga lo siguiente: 1. Chequee las class de los li de esta lista y detecte si hay alguno que tenga el id active (es decir estado pulsado) y lo cambie a noactive 2. Cambie la class de este li a active para dejarlo marcado Había pensado en un código parecido a este: var estado = document.GetElementByAttribute(class,active); for (estado i=0 i estado.lenght; i++){ var id = estado[i].getAttribute(class); if (id) { estado[i].setAttribute(class,noactive); } } document.getElementByAttribute ('class').setAttribute(class,active); Aunque me temo que estoy haciendo algo mal Un saludo y gracias. [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Re: [Ovillo] Cambiando class con javascript
El día 3/07/07, Fernando Seves [EMAIL PROTECTED] escribió: Muchas gracias Leandro. Lo pruebo. un saludo El día 3/07/07, Leandro Asrilevich [EMAIL PROTECTED] escribió: cambiaste la llamada de la funcion toggleActive a 2do lugar por alguna razon en especial?, yo lo puse primero en el ejemplo por que no sabia que hacia tu otra funcion y puede estar haciendo algo que no deje funcionar el resto.. prueba de usar solo la llamada a la funcion toggle sin llamar a tu otra funciona a ver si anda, si no anda agrega algun logeo (console.log o un simple alert) en cada paso de la funcion toggle para ver donde esta fallando.. On 7/3/07, Fernando Seves [EMAIL PROTECTED] wrote: Hola Leandro Muchas gracias por la ayuda con el script aunque todavia no consigo hacerlo funcionar function toggleActive(element) { var container = document.getElementById('restaurant_menu'); var othersElement = container.getElementByTagName('li'); for (var i=0; i othersElement.lenght; i++){ if(othersElement[i].className == 'activo') { // si la tiene se la cambiamos a noactive othersElement[i].className = 'noactive'; } } element.className = 'activo'; } Las funciones setTab si las carga pero la toggleactive la ignora ul id=restaurant_menu li class=noactivea onClick='setTabMenu();toggleActive(this);return false;' href=#Menu/a/li li class=noactivea onClick='setTabPresetMenu();toggleActive(this);return false;' href=#Preset Menu/a/li li class=noactivea onClick='setTabChef();toggleActive(this);return false;' href=#chef's profile/a/li /ul un saludo y gracias nuevamente El día 3/07/07, Leandro Asrilevich [EMAIL PROTECTED] escribió: Me falto terminar te paso como lo haria yo... fijate lo de return false, es para que no se ejecute el link como lo haria normalemnte.. (osea ir a #) la llamada a funciones en el onclick hace que primero se ejcute lo de setear el active y luego llama a tu funcion en ruby... abajo te pongo la funcion para cambiar la clase comentada paso por paso... ul id=restaurant_menu li class=noactivea onClick='toggleActive(this); setTabMenu(); return false;' href=#Menu/a/li li class=noactivea onClick='toggleActive(this); setTabPresetMenu(); return false;' href=#Preset Menu/a/li li class=noactivea onClick='toggleActive(this); setTabChef(); return false;' href=#chef's profile/a/li /ul y en js.. function toggleActive(element) { // obtenemos la referencia al ul contendor var container = document.getElementById('restaurant_menu'); // obtenemos los li dentro de ese ul var othersElement = container.getElementByTagName('li'); // recorremos los li for (var i=0; i othersElement.lenght; i++){ // controlamos si tiene la clase active if(othersElement[i].className == 'active') { // si la tiene se la cambiamos a noactive othersElement[i].className = 'noactive'; } } // por ultimo le ponemos la clase active a el link que disparo el onclick y que recivimos como parametro element.className = 'active'; } On 7/2/07, Fernando Seves [EMAIL PROTECTED] wrote: Buenas, Estoy trabajando en sitio web donde tengo el siguiente menu ul id=restaurant_menu li class=noactivea onClick='setTabMenu();' href=#Menu/a/li li class=noactivea onClick='setTabPresetMenu();' href=#Preset Menu/a/li li class=noactivea onClick='setTabChef();' href=#chef's profile/a/li /ul Los onClick son llamadas a funciones de javascript que cargan el correspondiente código de Ruby. Mi intención es hacer que cuando yo pulse en un enlace de este menú ( es decir cargue una función) el script situado en esta función haga lo siguiente: 1. Chequee las class de los li de esta lista y detecte si hay alguno que tenga el id active (es decir estado pulsado) y lo cambie a noactive 2. Cambie la class de este li a active para dejarlo marcado Había pensado en un código parecido a este: var estado = document.GetElementByAttribute(class,active); for (estado i=0 i estado.lenght; i++){ var id = estado[i].getAttribute(class); if (id) { estado[i].setAttribute(class,noactive); } } document.getElementByAttribute ('class').setAttribute(class,active); Aunque me temo que estoy haciendo algo mal
Re: [Ovillo] cambiar estilo css :hover desde javascript
El martes, 3 jul 2007 a las 12:32, Celso escribió: Para cambiar estilos CSS desde javascript se puede hacer con nombre_del_elemento.style.foo = bar pero ¿cómo se haría para cambiar el estilo de un hover? CSS a {display: block} a:hover {background: url(master.gif) no-repeat} Me gustaría cambiar el background del hover pero al utilizar la sintaxis anterior lo único que consigo es modificar el fondo del a, no del a:hover Jodido jodido, accediendo a través del array de estilos se puede llegar. Mirate este código que tiene buena pinta para hacer lo que quieres o por lo menos se queda cerca: http://groups.google.es/group/comp.lang.javascript/browse_thread/thread/93e8c6fc67e4af88/5b795f0070a878ed?lnk=stq=change+hover+javascriptrnum=2hl=es#5b795f0070a878ed -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo