Se puede ocultar un div ?

yopmail · #1 (**permalink**) 10/11/2014, 08:54

Hola, queria saber si se puede ocultar un div durante todos los viernes, sabados y domingos? y si alguien lo tiene a mano le agradecería que me lo pase !

Gracias +1 a todos

dAvidcA · #2 (**permalink**) 10/11/2014, 14:44

Hola yopmail, el siguiente código espero te ayude:

Código Javascript:

Ver originalvar now = new Date();
switch(now.getDay()){
        // 0 Domingo
        // 1 Lunes
        // 2 Martes
        // 3 Miércoles
        // 4 Jueves
        // 5 Viernes
        // 6 Sábado
    case 5,6,0:
        document.getElementById("mensajeLunesAJueves").style.display = "none";
        break;
}

Código HTML:

Ver original<div id="mensajeLunesAJueves">Este mensaje se puede ver solo de Lunes a Jueves.</div>

Saludos.

yopmail · #3 (**permalink**) 11/11/2014, 11:55

Muchisimas Gracias por la ayuda compañero! fuf pruebo el codigo pero parece que no funciona :( no se si debe de haber algun error o algo? de todos modos +1 ! si alguien que conocimiento si se lo puede mirar haber si esta bien... ya que no encuentro el problema, para ver su funcionaba, puse que no se muetre ningun dia, osea asi.. y el texto dentro del div sigue mostrandose:

Código HTML:

<script type="text/javascipt">
var now = new Date();
switch(now.getDay()){
        // 0 Domingo
        // 1 Lunes
        // 2 Martes
        // 3 Miércoles
        // 4 Jueves
        // 5 Viernes
        // 6 Sábado
    case 1,2,3,4,5,6,0:
        document.getElementById("mensajeLunesAJueves").style.display = "none";
        break;
}
</script>

Cita:

Iniciado por dAvidcA

Hola yopmail, el siguiente código espero te ayude:

Código Javascript:

Ver originalvar now = new Date();
switch(now.getDay()){
        // 0 Domingo
        // 1 Lunes
        // 2 Martes
        // 3 Miércoles
        // 4 Jueves
        // 5 Viernes
        // 6 Sábado
    case 5,6,0:
        document.getElementById("mensajeLunesAJueves").style.display = "none";
        break;
}

Código HTML:

Ver original<div id="mensajeLunesAJueves">Este mensaje se puede ver solo de Lunes a Jueves.</div>

Saludos.

Alexis88 · #4 (**permalink**) 11/11/2014, 12:13

Para ejecutar el mismo conjunto de instrucciones en varios casos, la manera correcta de agruparlos es esta:

Código Javascript:

Ver originalcase 1: case 2: case 3:
    //Instrucciones
break;

Saludos

yopmail · #5 (**permalink**) 11/11/2014, 12:44

Muchisimas Gracias Alexis! He probado tambien de esta forma pero nada.. sigue mostrado el contenido cuando no deberia, aqui dejo un el archivo con únicamente el javascript: http://opcionesbinarias.site90.com/javascript.html
+1

Cita:

Iniciado por Alexis88

Para ejecutar el mismo conjunto de instrucciones en varios casos, la manera correcta de agruparlos es esta:

Código Javascript:

Ver originalcase 1: case 2: case 3:
    //Instrucciones
break;

Saludos

dAvidcA · #6 (**permalink**) 11/11/2014, 13:07

Cita:

Iniciado por yopmail

Muchisimas Gracias Alexis! He probado tambien de esta forma pero nada.. sigue mostrado el contenido cuando no deberia, aqui dejo un el archivo con únicamente el javascript: http://opcionesbinarias.site90.com/javascript.html
+1

Asigna la ejecución del Javascript al vento window.onload:

Código Javascript:

Ver originalwindow.onload=function(){
    var now = new Date();
    switch(now.getDay()){
            // 0 Domingo
            // 1 Lunes
            // 2 Martes
            // 3 Miércoles
            // 4 Jueves
            // 5 Viernes
            // 6 Sábado
        case 0: case 1: case 2: case 3: case 5: case 5: case 6:
            document.getElementById("mensajeLunesAJueves").style.display = "none";
            break;
    }
}

Alexis88 · #7 (**permalink**) 11/11/2014, 13:17

O coloca el código JS justo antes de la etiqueta </body>.

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8" />
    <title>Título</title>
</head>
<body>
    <!-- Tus elementos -->
    <script type="text/javascript">
        //Acá debe de ir el código JS
    </script>
</body>
</html>

Saludos

yopmail · #8 (**permalink**) 11/11/2014, 13:29

Soys unos genios los dos! MUCHISIMAS GRACIAS!!!! De mayor quiero ser como vosotros!

Cita:

Iniciado por dAvidcA

Asigna la ejecución del Javascript al vento window.onload:

Código Javascript:

Ver originalwindow.onload=function(){
    var now = new Date();
    switch(now.getDay()){
            // 0 Domingo
            // 1 Lunes
            // 2 Martes
            // 3 Miércoles
            // 4 Jueves
            // 5 Viernes
            // 6 Sábado
        case 0: case 1: case 2: case 3: case 5: case 5: case 6:
            document.getElementById("mensajeLunesAJueves").style.display = "none";
            break;
    }
}

Cita:

Iniciado por Alexis88

O coloca el código JS justo antes de la etiqueta </body>.

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8" />
    <title>Título</title>
</head>
<body>
    <!-- Tus elementos -->
    <script type="text/javascript">
        //Acá debe de ir el código JS
    </script>
</body>
</html>

Saludos