Foros del web, para los que viven de bits

White_Devi · 05-ene-2003, 17:02

Saludos..

Vi una pagina web que tenia en un lado, un menu despegable que tenia 4 caras de la web basadas en CSS, uno seleccionaba una cara y toda la apariencia de la web cambiaba del CSS normal al CSS que el usuario haya elegido, como se puede hacer eso??

Y quisiera si por favor alguien pudiera explicarme alguna forma de hacer que cuando alguien seleccione una cara (llamese cara b) si el usuario sale de la pagina, cuando vuelva a entrar no deba de volver a seleccionar la cara, algo asi como por medio de cookies o base de datos o algo..

Por favor, alguien sabe alguna forma?

CORE · 05-ene-2003, 20:00

te acuerdas de la URL?

White_Devi · 05-ene-2003, 22:25

http://www.sidar.org/recur/desdi/mcss/selector.php

ahi explica todos los pasos pero lo intente y no me funciona..

CORE · 05-ene-2003, 23:11

ok se puede hacer con JS y cokkies

aqui va

Código PHP:


			
//lahoja se refiere al archivo *.css sin extensión



function cambiarCSS(lahoja) {

    var expDays = 30;

    var path = "/"

        var expdate = new Date();

        expdate.setTime(expdate.getTime() + (expDays*24*60*60*1000));

    document.cookie = "miestilo=" + escape (lahoja) + "; expires=" + expdate.toGMTString() +'; path=' + path;

    var timeoutID=setTimeout('history.go(0)',10);

    }

function getCookieVal(offset) {

    var endstr = document.cookie.indexOf(";", offset);

    if (endstr == -1)

        endstr = document.cookie.length;

    return unescape(document.cookie.substring(offset, endstr));

}

function GetCookie(name) {

    var arg = name + "=";

    var alen = arg.length;

    var clen = document.cookie.length;

    var i = 0;

    while (i < clen) {

        var j = i + alen;

        if (document.cookie.substring(i, j) == arg)

            return getCookieVal (j);

        i = document.cookie.indexOf(" ", i) + 1;

        if (i == 0) break;

    }

    return 'vacio';

}

// esta linea carga la hoja

document.write('<LINK rel="stylesheet" type="text/css" href="hojas/' + GetCookie('miestilo') + '.css">');

Creas una carpeta llamada hojas y creas tus css

nada.css
azul.css
rojo.css
verde.css

ahora lo llamas

Código PHP:


			
<a href=JavaScript:cambiarCSS('nada');>Modelo basico</a> | <a href=JavaScript:cambiarCSS('azul');>Ejemplo 

  1</a> | <a href=JavaScript:cambiarCSS('rojo');>Ejemplo 2</a> | <a href=JavaScript:cambiarCSS('verde');>Ejemplo 

  3</a>

White_Devi · 05-ene-2003, 23:23

Gracias, un millon de gracias, ahora mismo lo pruebo y te aviso

jijij

CORE · 05-ene-2003, 23:42

Denadas

Aqui te pongo el menu desplegable

Código PHP:


			
<form name="CAMBIOdeCSS" >

  <select style="font-size:11px;" name="menu">

    <option>Seleccione un estilo</option>

    <option value="javascript:cambiarestilo('vacio')">Sin Estilo</option>

    <option value="javascript:cambiarestilo('azul')">Estilo Azul</option>

    <option value="javascript:cambiarestilo('rojo')">Estilo Rojo</option>

    <option value="javascript:cambiarestilo('verde')">Estilo Verde</option>

  </select>

  <input name="button"type="button" style="font-size:11px;" onClick="location=document.CAMBIOdeCSS.menu.options[document.CAMBIOdeCSS.menu.selectedIndex].value;" value="cambiar estilo de la pagina">

</form>

White_Devi · 05-ene-2003, 23:48

Gracias por la ayuda

de verdad que si..

Pero el codigo PHP que me diste la verdad me da un error en la linea 3..

puedes verlo aqui:

http://www.Darketchup.com/MetalManiacs/prueba2.php

CORE · 06-ene-2003, 00:35

no es PHP lo posteo asi para que ve colore el codigo

es un JS

<script language="javascript" src="cargar.js" type="text/javascript"></script>

White_Devi · 06-ene-2003, 00:37

ohho k gracias

Yo lo pruebo y te aviso..

Gracias :D

White_Devi · 06-ene-2003, 00:48

un millon de gracias , funciona perfecto

Es justamente lo que quiero, un millon de gracias

CORE · 06-ene-2003, 00:59

No hay por que darlas

para eso estamos aqui para ayudarnos

White_Devi · 06-ene-2003, 09:28

Hola de nuevo, ahora tengo una pequeña duda..

El script funciona perfecto, gracias, pero la verdad pense que el CSS que eliga el usuario se aplicaria a todo el website pero a mi solo se me aplica en la pagina donde lo eligo y ya, es decir, los demas links no aplican el CSS, sera que yo estare haciendo algo mal o es que debo de poner el menu de seleccion de CSS en todas las paginas y todos los links de mi website?????

White_Devi · 06-ene-2003, 10:25

Hey, ya encontre el problema

que tonto soy, olvide copiar la carpeta hojas en las carpeta de los diferentes links..
jiji

Gracias de todas formas

White_Devi · 06-ene-2003, 19:11

Ahora tengo otro problema (perdon por las molestias, es que soy algo tonto con javascript y algunos lenguajes mas jeje)

Cuando un usuario entra por primera vez al site, y no ha elegido ningun css aun, el site se ve sin CSS es decir no se el CSS original, no hay alguna forma de que cuando entren se aplique el original automaticamente???

Les agradeceria mucho si me pudieran ayudar..

White_Devi · 06-ene-2003, 19:27

Uppssss!

Creo que me presipite.. jeje

ya lo resolvi.. pero Gracias de todas formas

Tratare de primero averiguar bien antes de postear jejeje..

Gracias por todo

05-ene-2003, 17:02	#1 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	Css seleccion en menu despegable Saludos.. Vi una pagina web que tenia en un lado, un menu despegable que tenia 4 caras de la web basadas en CSS, uno seleccionaba una cara y toda la apariencia de la web cambiaba del CSS normal al CSS que el usuario haya elegido, como se puede hacer eso?? Y quisiera si por favor alguien pudiera explicarme alguna forma de hacer que cuando alguien seleccione una cara (llamese cara b) si el usuario sale de la pagina, cuando vuelva a entrar no deba de volver a seleccionar la cara, algo asi como por medio de cookies o base de datos o algo.. Por favor, alguien sabe alguna forma?

05-ene-2003, 23:11	#4 (permalink)
CORE Fecha de Ingreso: noviembre-2002 Ubicación: Merida Mensajes: 2.179	ok se puede hacer con JS y cokkies aqui va Código PHP: //lahoja se refiere al archivo .css sin extensión function cambiarCSS(lahoja) { var expDays = 30; var path = "/" var expdate = new Date(); expdate.setTime(expdate.getTime() + (expDays246060*1000)); document.cookie = "miestilo=" + escape (lahoja) + "; expires=" + expdate.toGMTString() +'; path=' + path; var timeoutID=setTimeout('history.go(0)',10); } function getCookieVal(offset) { var endstr = document.cookie.indexOf(";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie(name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return 'vacio'; } // esta linea carga la hoja document.write('<LINK rel="stylesheet" type="text/css" href="hojas/' + GetCookie('miestilo') + '.css">'); Creas una carpeta llamada hojas y creas tus css nada.css azul.css rojo.css verde.css ahora lo llamas Código PHP: `<a href=JavaScript:cambiarCSS('nada');>Modelo basico</a> \| <a href=JavaScript:cambiarCSS('azul');>Ejemplo 1</a> \| <a href=JavaScript:cambiarCSS('rojo');>Ejemplo 2</a> \| <a href=JavaScript:cambiarCSS('verde');>Ejemplo 3</a>`

05-ene-2003, 23:42	#6 (permalink)
CORE Fecha de Ingreso: noviembre-2002 Ubicación: Merida Mensajes: 2.179	Denadas Aqui te pongo el menu desplegable Código PHP: <form name="CAMBIOdeCSS" > <select style="font-size:11px;" name="menu"> <option>Seleccione un estilo</option> <option value="javascript:cambiarestilo('vacio')">Sin Estilo</option> <option value="javascript:cambiarestilo('azul')">Estilo Azul</option> <option value="javascript:cambiarestilo('rojo')">Estilo Rojo</option> <option value="javascript:cambiarestilo('verde')">Estilo Verde</option> </select> <input name="button"type="button" style="font-size:11px;" onClick="location=document.CAMBIOdeCSS.menu.options[document.CAMBIOdeCSS.menu.selectedIndex].value;" value="cambiar estilo de la pagina"> </form> Última edición por CORE; 05-ene-2003 a las 23:44.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

05-ene-2003, 20:00	#2 (permalink)
CORE Fecha de Ingreso: noviembre-2002 Ubicación: Merida Mensajes: 2.179	te acuerdas de la URL?

05-ene-2003, 22:25	#3 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	http://www.sidar.org/recur/desdi/mcss/selector.php ahi explica todos los pasos pero lo intente y no me funciona..

05-ene-2003, 23:23	#5 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	Gracias, un millon de gracias, ahora mismo lo pruebo y te aviso jijij

05-ene-2003, 23:48	#7 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	Gracias por la ayuda de verdad que si.. Pero el codigo PHP que me diste la verdad me da un error en la linea 3.. puedes verlo aqui: http://www.Darketchup.com/MetalManiacs/prueba2.php

06-ene-2003, 00:35	#8 (permalink)
CORE Fecha de Ingreso: noviembre-2002 Ubicación: Merida Mensajes: 2.179	no es PHP lo posteo asi para que ve colore el codigo es un JS <script language="javascript" src="cargar.js" type="text/javascript"></script>

06-ene-2003, 00:37	#9 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	ohho k gracias Yo lo pruebo y te aviso.. Gracias :D

06-ene-2003, 00:48	#10 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	un millon de gracias , funciona perfecto Es justamente lo que quiero, un millon de gracias

06-ene-2003, 00:59	#11 (permalink)
CORE Fecha de Ingreso: noviembre-2002 Ubicación: Merida Mensajes: 2.179	No hay por que darlas para eso estamos aqui para ayudarnos

06-ene-2003, 09:28	#12 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	Hola de nuevo, ahora tengo una pequeña duda.. El script funciona perfecto, gracias, pero la verdad pense que el CSS que eliga el usuario se aplicaria a todo el website pero a mi solo se me aplica en la pagina donde lo eligo y ya, es decir, los demas links no aplican el CSS, sera que yo estare haciendo algo mal o es que debo de poner el menu de seleccion de CSS en todas las paginas y todos los links de mi website?????

06-ene-2003, 10:25	#13 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	Hey, ya encontre el problema que tonto soy, olvide copiar la carpeta hojas en las carpeta de los diferentes links.. jiji Gracias de todas formas

06-ene-2003, 19:11	#14 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	Ahora tengo otro problema (perdon por las molestias, es que soy algo tonto con javascript y algunos lenguajes mas jeje) Cuando un usuario entra por primera vez al site, y no ha elegido ningun css aun, el site se ve sin CSS es decir no se el CSS original, no hay alguna forma de que cuando entren se aplique el original automaticamente??? Les agradeceria mucho si me pudieran ayudar..

06-ene-2003, 19:27	#15 (permalink)
White_Devi Fecha de Ingreso: noviembre-2002 Ubicación: http://localhost/ Mensajes: 182	Uppssss! Creo que me presipite.. jeje ya lo resolvi.. pero Gracias de todas formas Tratare de primero averiguar bien antes de postear jejeje.. Gracias por todo