-
Frames o marcos verticales con HTML
Para crear frames o marcos verticales es muy simple, sólo debes copiar y pegar el siguiente ejemplo. Los porcentajes puedes variarlos, pero siempre deberán sumar 100%. <html> <frameset cols="25%,50%,25%"> <frame src="marco_a.htm"> <frame src="marco_b.htm"> <frame src="marco_c.htm"> </frameset> </html> También puedes utilizar una medida en pixeles y otra en porcentaje, de tal forma una…
-
Cómo abrir una nueva ventana con HTML
Abrir nuevas ventanas o instancias es muy sencillo con html. Para ello sólo debes agregar el atributo "_blank" a un ancla. Aquí les dejo el ejemplo para abrir nuevas ventanas con HTML. <html> <body> <a href="http://www.ejemplode.com" target="_blank">Ejemplode</a> <p> Este atributo es el causante de que se abra la nueva ventana: target="_blank"> </p> </body> </html>
-
Liga, link o hipervÃnculo en imágen
En documentos anteriores hemos explicado la forma de poner una liga, pero estoy seguro que muchos de ustedes se preguntaran cómo poner una liga a una imágen. Pues es muy sencillo y para probarlo aquí ponemos el siguiente ejemplo de liga en imágenes. <html> <body> <p> Puedes usar una imágen como link, solamente debes poner…
-
Menú de comidas en XML
Otro tipo de XML, en este caso un ejemplo de un menu de comidas en XML. Con este XML podemos organizar el nombre, precio, descripcion y las calorias de cada comida. Un XML demasiado simple. [codigo]<menu_almuerzo> <comida> <nombre>Waffles</nombre> <precio>$2.00</precio> <descripcion>Waffles baratos de McDonalds</descripcion> <calorias>650</calorias> </comida>…
-
Cómo llamar una función en JavaScript
En el siguiente ejemplo aprenderemos a llamar una función al momento de apretar un botón en JS. <html> <head> <script type="text/javascript"> function miFuncion() { alert("Activaste la funcion miFuncion()"); } </script> </head> <body> <form> <input type="button" onclick="miFuncion()" value="Activar Función"> </form> <p>Presiona el botón y saldra una alerta contenida dentro de una función.</p> </body> </html>
-
Switch case en JavaScript
A diferencia del if else, el switch case nos permite tener varias opciones o simplificar un poco el código. En el siguiente ejemplo dependiendo del día de la semana imprime un texto diferente. <html> <body> <script type="text/javascript"> var a = new Date(); Dia=a.getDay(); switch (Dia) { case 5: document.write("<b>Viernes social</b>"); break; case 6: document.write("<b>Sábado…
-
Catálogo de CDs en XML
En este ejemplo, veremos como hacer un catologo de CDs en XML. Los CDs los categorizamos en titulo, artista, origen, precio y año. Pero también puedes usarlo de base para armar tu catálogo de CDs en XML. [codigo]<CATALOGO> <CD> <TITULO>Tinta roja</TITULO> <ARTISTA>Andres Calamaro</ARTISTA> <ORIGEN>AR</ORIGEN> <PRECIO>5.90</PRECIO> …
-
Liga aleatoria o random en JavaScript
El siguiente script sirve para imprimir una liga aleatoria o random dentro de una página web. Cada vez que un visitante entre la liga que mostrará será diferente. <html> <body> <script type="text/javascript"> 'La variable r se le asigna un valor aleatorio var r=Math.random(); ' si r es mayor de .5 imprime esta liga if (r>0.5)…
-
Uso de variables en JavaScript
El siguiente ejemplo muestra como crear variables, asignarles un valor y desplegarlas o imprimirlas dentro del contenido web mediante JS. <html> <body> <script type="text/javascript"> 'declaramos la variable var nombre; 'asignamos el valor Morris a la variable nombre="Morris"; 'imprimimos la variable document.write(nombre); document.write("<br />"); 'asignamos otro valor a la variable nombre="Luffy"; 'imprimimos la variable document.write(nombre); </script> <p>Cómo…