Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/12/2009, 10:31
Avatar de lair
lair
 
Fecha de Ingreso: enero-2009
Ubicación: header('Location: Morelia");
Mensajes: 1.052
Antigüedad: 16 años, 1 mes
Puntos: 46
Respuesta: Cambio de ID's en Javascript

Hola y bienvenido al foro.

cuando yo necesito hacer algo como eso, no reescribo el ID sino que reescribo TODO el contenido del div (todos los elementos del menu) y a estoy le coloco las nuevas propiedades, te paso el siguiente codigo para que te des una idea mejor.

Código:
function selectedMenu(Sender){
            if(Sender=="inicio"){
                document.getElementById('nav').innerHTML="<ul><li class=\"active\"><a href=\"javascript:pedirDatos('modulos/inicio.php','topstory-txt','inicio')\">Inicio</a></li><li><a href=\"javascript:pedirDatos('modulos/ubicacion.php','topstory-txt','ubicacion')\">Ubicación</a></li><li><a href=\"javascript:pedirDatos('modulos/clientes.php','topstory-txt','mclientes')\">Clientes</a></li><li><a href=\"javascript:pedirDatos('modulos/servicios.php','topstory-txt','servicios')\">Servicios</a></li><li><a href=\"javascript:pedirDatos('modulos/contactar.php','topstory-txt','contactar')\">Contactar</a></li><li><a href=\"javascript:pedirDatos('modulos/hosting.php','topstory-txt','hosting')\">Hosting</a></li></ul>";
            }
            if(Sender=="ubicacion"){
                document.getElementById('nav').innerHTML="<ul><li><a href=\"javascript:pedirDatos('modulos/inicio.php','topstory-txt','inicio')\">Inicio</a></li><li class=\"active\"><a href=\"javascript:pedirDatos('modulos/ubicacion.php','topstory-txt','ubicacion')\">Ubicación</a></li><li><a href=\"javascript:pedirDatos('modulos/clientes.php','topstory-txt','mclientes')\">Clientes</a></li><li><a href=\"javascript:pedirDatos('modulos/servicios.php','topstory-txt','servicios')\">Servicios</a></li><li><a href=\"javascript:pedirDatos('modulos/contactar.php','topstory-txt','contactar')\">Contactar</a></li><li><a href=\"javascript:pedirDatos('modulos/hosting.php','topstory-txt','hosting')\">Hosting</a></li></ul>";
            }
            if(Sender=="mclientes"){
                document.getElementById('nav').innerHTML="<ul><li><a href=\"javascript:pedirDatos('modulos/inicio.php','topstory-txt','inicio')\">Inicio</a></li><li><a href=\"javascript:pedirDatos('modulos/ubicacion.php','topstory-txt','ubicacion')\">Ubicación</a></li><li class=\"active\"><a href=\"javascript:pedirDatos('modulos/clientes.php','topstory-txt','mclientes')\">Clientes</a></li><li><a href=\"javascript:pedirDatos('modulos/servicios.php','topstory-txt','servicios')\">Servicios</a></li><li><a href=\"javascript:pedirDatos('modulos/contactar.php','topstory-txt','contactar')\">Contactar</a></li><li><a href=\"javascript:pedirDatos('modulos/hosting.php','topstory-txt','hosting')\">Hosting</a></li></ul>";
            }
            if(Sender=="servicios"){
                document.getElementById('nav').innerHTML="<ul><li><a href=\"javascript:pedirDatos('modulos/inicio.php','topstory-txt','inicio')\">Inicio</a></li><li><a href=\"javascript:pedirDatos('modulos/ubicacion.php','topstory-txt','ubicacion')\">Ubicación</a></li><li><a href=\"javascript:pedirDatos('modulos/clientes.php','topstory-txt','mclientes')\">Clientes</a></li><li class=\"active\"><a href=\"javascript:pedirDatos('modulos/servicios.php','topstory-txt','servicios')\">Servicios</a></li><li><a href=\"javascript:pedirDatos('modulos/contactar.php','topstory-txt','contactar')\">Contactar</a></li><li><a href=\"javascript:pedirDatos('modulos/hosting.php','topstory-txt','hosting')\">Hosting</a></li></ul>";
            }
            if(Sender=="contactar"){
                document.getElementById('nav').innerHTML="<ul><li><a href=\"javascript:pedirDatos('modulos/inicio.php','topstory-txt','inicio')\">Inicio</a></li><li><a href=\"javascript:pedirDatos('modulos/ubicacion.php','topstory-txt','ubicacion')\">Ubicación</a></li><li><a href=\"javascript:pedirDatos('modulos/clientes.php','topstory-txt','mclientes')\">Clientes</a></li><li><a href=\"javascript:pedirDatos('modulos/servicios.php','topstory-txt','servicios')\">Servicios</a></li><li class=\"active\"><a href=\"javascript:pedirDatos('modulos/contactar.php','topstory-txt','contactar')\">Contactar</a></li><li><a href=\"javascript:pedirDatos('modulos/hosting.php','topstory-txt','hosting')\">Hosting</a></li></ul>";
            }
            if(Sender=="hosting"){
                document.getElementById('nav').innerHTML="<ul><li><a href=\"javascript:pedirDatos('modulos/inicio.php','topstory-txt','inicio')\">Inicio</a></li><li><a href=\"javascript:pedirDatos('modulos/ubicacion.php','topstory-txt','ubicacion')\">Ubicación</a></li><li><a href=\"javascript:pedirDatos('modulos/clientes.php','topstory-txt','mclientes')\">Clientes</a></li><li><a href=\"javascript:pedirDatos('modulos/servicios.php','topstory-txt','servicios')\">Servicios</a></li><li><a href=\"javascript:pedirDatos('modulos/contactar.php','topstory-txt','contactar')\">Contactar</a></li><li class=\"active\"><a href=\"javascript:pedirDatos('modulos/hosting.php','topstory-txt','hosting')\">Hosting</a></li></ul>";
            }
        }
Sender contiene el ID del elemento sobre el cual se dio el click y lo que me PINTA el item seleccionado es la clase active

suerte y cualquier cosa estamos en contacto.

esta es la pagina donde aplico ese codigo
http://siteecosistemas.com/sitev2/