Menús desplegables con listas y JavaScript

Hace poco un compañero de hispamp3 me preguntó como podía meterle mejoras a su web. Le dí la idea de crear menús desplegables para las diferentes categorías, que no es más que una “evolución” de esto. Os dejo el código de ejemplo por si os sirve:

Lo del menú se hace con listas, y consta de tres archivos:

El primero donde quieras meter el menú, que sería algo asi:

<div class="cat"><a href="javascript:desplegar('nosotros');">Sobre Nosotros</a></div>

 <ul class="ocultar_menu" id="nosotros">

 <li><a href="mapa.asp">Mapa Situación</a></li>

 <li><a href="contacto.asp">Nosotros</a><br /></li>

 </ul>

De manera que al hacer click en “Sobre Nosotros” se despliega y muestra: “Mapa de situación” y “Contacto”.

Si te fijas se llama a una función en JavaScript que es la siguiente:

function desplegar(categoria){

var menu = document.getElementById(categoria);

    if(menu.className == "ver_menu"){

      menu.className = "ocultar_menu";

    }

    else{

      menu.className = "ver_menu";

    }

}

La función simplemente cambia la clase de nuestra lista por la que nosotros queramos haciendo uso de la función className.
Esta función puedes incluirla en un archivo externo con extensión .js y importarlo en la web donde va el menú metiendo dentro de la etiqueta head este código:

<script src="ruta relativa al archivo.js" type="text/javascript"></script>

O bien metiendo la función dentro de la misma web donde va el menú de esta manera:

<script type="text/JavaScript">

   <!--

   CODIGO DE LA FUNCION

   // -->

</script>

Ademas de estos códigos, en la hoja de estilo de la página tienes que incluir estos estilos:

.ver_menu {

         display:block;

}

.ocultar_menu {

         display:none;

}

Que, como puedes ver, son los encargados de hacer ver (display:block), o no (display:none), el elemento del menú.

Para cualquier duda dejad un comentario.

Aviso: si notáis que la parte donde está insertado el código en este post está cortada, es porque estáis usando un navegador que no cumple los estándares del w3c. Si es vuestro caso, la solución es muy sencilla.

VbsEdit

VbsEdit, es un editor de Scripts en Visual Basic que nos ayudará muchísimo tiempo en la programación de Visual Basic Scripts.

En la página web de dicho programa podemos encontrar, además, los códigos de cada uno de los scripts que este software nos proporciona.

La pega: no es freeware.

Gracias Carlos por el toque.

——

Enlace: VbsEdit

Hola Mundo! (en Java)

Hoy, en Java:

import java.io.*;

public class hola {
public static void main(String [] args) {
System.out.println(”Hola Mundo!”);
}
}

Hola Mundo! (en C)

Hoy, el Hola Mundo en C:

#include <stdio.h>

int main()
{
printf (”Hola mundo.\n”);
return 0;
}

Y para que se quede la ventana mostrándonos el mensaje:

#include <stdio.h>

int main()
{
char s;
printf (”Hola mundo.\n”);
scanf(”%c”, &s);
return 0;
}

Hola Mundo! (en C++)

Como el calor me tiene sin ideas para postear en el blog, os dejo el hola mundo en C++:

#include <iostream>

using namespace std;

int main (int argc, char *argv[])
{
cout << “Hello World!” << endl;
cout << “Press ENTER to continue…” << endl;
cin.get();
return 0;
}

Las 20 respuestas que más utilizan los programadores cuando sus programas no funcionan

Bicheando en meneame me he encontrado con este articulo. La verdad es que de las 20, seguro que mas de uno nos sentimos identificados con al menos 10 :) :

20. “Pues es raro…”
19. “Nunca había pasado antes.”
18. “Pues ayer funcionaba…”
17. “¿Cómo es posible?”
16. “Tiene que ser un problema de tu hardware.”
15. “¿Qué hiciste mal para lograr que fallara?”
14. “Algo debe de estar mal en tus datos.”
13. “¡Si no he tocado ese módulo en meses!”
12. “Debes de estar usando una versión anterior.”
11. “Es sólo una desafortunada coincidencia.”
10. “¡Es que no lo puedo probar todo!”
9. “ESTO, no puede ser la causa de ESO.”
8. “Funciona, pero no lo he probado.”
7. “¡Alguien debe de haber cambiado mi código!”
6. “¿Has comprobado que no haya algún virus en tu sistema?”
5. “Ya se que no funciona, ¿pero te gusta?”
4. “No puedes utilizar esa versión en tu sistema”
3. “¿Por qué quieres hacer eso?”
2. “¿Y tú dónde estabas cuando se colgó el programa?”

Aqui viene la buena:

1. “¡EN MI MÁQUINA SI FUNCIONA!”

Via: mundogeek

Show/Hide (mostrar/ocultar parte del contenido)

Después de buscar una buena forma para que los vídeos que voy publicando en la web no se vieran al abrir la misma, me fijé que en sospechosos-habituales hacían algo parecido a lo que yo buscaba. Envíe un correo al creador de ese estupendo blog y me remitió el siguiente enlace de la ayuda de Blogger.

Pues bien, tras modificarlo un poco para que funcionara en XHTML y no en el standar de Blogger, he conseguido el efecto buscado.

Continúa