-
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>
-
Ver archivo XML en HTML
Para mostrar un XML usando HTML no es posible, para eso tenemos que usar algo de JavaScript, pero aún así es posible. En este ejemplo mostraremos el Ejemplo de Catálogo de CD en XML, en una pagina HTML usando HTML y Javascript. Lo primero que haremos será guardar el Ejemplo de Catálogo de CD en…
-
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…