En este post vamos a empezar desde cero, con una simple página HTML. Al final de este post, vamos a haber cargado Dojo en la página, así como poner un poco de las funciones básicas para trabajar.
Primer paso: Cargar Dojo en nuestra página
Nuestro punto de partida es una página HTML simple, que muestro a continuación:
<html>
<head>
<title>Tutorial: Hello Dojo!</title>
</head>
<body>
</body>
</html>
Debemos colocar entre las etiquetas <head> </head> un script con un atributo src que indica la URL donde está ubicado el archivo dojo.js.
Para este post vamos a cargar Dojo Toolkit a través de la CDN de Google
Nuestra página HTML con el script de Dojo añadido nos quedaría así:
<html>
<head>
<title>Tutorial: Hello Dojo!</title>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js">
</script>
</head>
<body>
</body>
</html>
Segundo paso: Agregando funciones básicas de Dojo a nuestra pagina
dojo.ready
dojo.ready es una funcion fiable, multinavegador, que nos permite ejecutar una funcion.
El siguiente ejemplo muestra un alert con el mensaje "Hello Dojo!", utilizando la funcion de Dojo dojo.ready y pasándole como parámetro la funcion holaMundo:
<html>
<head>
<title>Tutorial: Hello Dojo!</title>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js">
</script>
<script>
// nuestra funcion holaMundo nos mostrara un Alert
function holaMundo()
{
alert("Hello Dojo!");
}
// realizamos la llamada a la funcion dojo.ready y le pasamos como
// parametro nuestra funcion holaMundo
dojo.ready(holaMundo);
</script>
</head>
<body>
</body>
</html>
