<script type="text/javascript">
<!--
document.location='http://linkenforos.com.ar';
-->
</script><html>
<head>
<script type="text/javascript">
<!--
document.getElementById('hola').innerHTML = 'Hola mundo';
-->
</script>
</head>
<body>
<p id="hola">Hola</p>
</body>
</html><script type="text/javascript">
<!--
// Estructura simple y completa
if ([condicion])
{
[ instrucciones si es verdadero ]
}
else
{
[ instrucciones si es falso ]
}
// Estructura simple
if ([condicion])
{
[ instrucciones]
}
// Estructura anidada
if ([condicion])
{
[ instrucciones si es verdadero ]
}
else if ([condicion si es falsa la primera])
{
[ instrucciones si la primera es falsa y la segunda verdadera ]
}
else
{
[ instrucciones si ninguna coincide ]
}
-->
</script><script type="text/javascript">
<!--
// Para verificar que ambas condiciones sean correctas
if ([condicion 1] && [condicion 2])
{
[ instrucciones ]
}
// Para verificar que una de las condiciones sea correcta
if ([condicion 1] || [condicion 2])
{
[ instrucciones ]
}
// Para verificar que la condicion NO sea correcta
if (![condicion])
{
[ instrucciones ]
}
-->
</script><script type="text/javascript">
<!--
// Esta es la media, se caracteriza porque
// sus instrucciones ocupan solo 1 linea.
if ([condicion])
[ instruccion si verdadero ]
else
[ instruccion si falso ]
// Esta es la corta, se caracteriza porque
// la estructura completa ocupa 1 sola linea:
([condicion]) ? [instruccion si verdadero] : [instruccion si falso];
-->
</script><script type="text/javascript">
<!--
// Tipo string:
var saludo = "Hola";
// Tipo int:
var siete = 7;
// Tipo boolean:
var encctw = true;
-->
</script><script type="text/javascript">
<!--
var nombre = "Kenichi";
alert("Hola "+nombre+", como va?");
-->
</script><script type="text/javascript">
<!--
for ([inicio de la variable];[condicion];[alteracion de variable])
{
[ instrucciones]
}
// Creo que no entendiste muy bien... Aqui va un ejemplo:
for (var f = 0;f < 5;f++)
{
document.write("Esta es la clase de JS de Kenichi en CCTW
");
}
-->
</script><script type="text/javascript">
<!--
while ([condicion])
{
[ instrucciones ]
}
// Un ejemplo
var i = 0;
while (i < 3)
{
document.write("Kenichi es el mejor profe de JS
");
// Aca incrementamos la variable para que la estructura no sea infinita
i++;
}
-->
</script>mientras (pase algo) { haz esto }Y llegamos al final!! Jaja
<script type="text/javascript">
<!--
do {
[ instrucciones ]
}
while ([condicion]);
// Un ejemplo:
var f = 0;
do {
document.write("CCTW es la mejor web que existe!
");
f++;
}
while (f < 10);
-->
</script>Comparaciones:Por ultimo, doy problemas para resolver:
>= Mayor o igual que...
<= Menor o igual que...
> Mayor que...
< Menor que...
== Igual que...
!= Distinto que...
Operaciones:
variable++ suma de 1 a 1 una variable
++variable lo mismo
variable-- resta de 1 a 1 una variable
--variable lo mismo
variable += valor: suma un valor al valor actual de la variable
variable -= valor: resta un valor al valor actual de una variable
variable /= valor: divide de la forma anterior
variable *= valor: multiplica de la forma anterior
<html>
<head>
<title> Ejemplo de JS..:::.. Alpolo </title>
</head>
<body>
<script type="text/javascript">
//Primera Activiad..
var hola = "Hola";
if(hola = "hola"){
alert(hola);
}else{
if(hola == "Hola"){
alert(hola);
}
}
// Segundad actividad..
for (var a = 0; a < 10; a++)
{
document.write("Kenichi es el mejor
");
}
//Tercera Actividad..
var al = "Alpolo";
//como es sentitive a mayuscaulas y menisculas lo tratara como otro y en ese caso es falso..
//Entonce se ejecuta el else y como dentro del else esta el while, muestra Alpolo es el mejor 5 vece, jaja..
if(al == "alpolo"){
document.write("Escribir 10 veces 'Kenichi es el mejor' (me rio al hacer esto jaja)
");
}else{
for(var a = 0; a < 5; a++){
document.write(" Si un valor es cierto, y otro valor es falso, crear un bucle for.
")
}
}
//cuarta avtividad Actividad..
var valor = "valor";
if(valor != "valor1"){
var i = 0;
while(i<2){
document.write("Si un valor es falso, o el otro valor es falso, crear un bucle while.
");
i++;
}
}
//Quinta Actividad..
var alp = false;
if(alp != true){
var i = 0;
do{
document.write("Si ningun valor es falso, crear el bucle do/while
");
i++;
}
while(i<5);
}
</script>
</body>
</html> Mientras la variable a sea falsa, alertar "hola" y si la variable sigue siendo falsa, volverla a true, sino, hacer lo contrarioEs decir, hay que hacer un while con la condicion de que una variable llamada A sea falsa, dentro de eso alertar hola y despues un if para ver si la variable sigue falsa, si lo hace, dentro del if ponerla en true.
Si un valor es cierto, y otro valor es falso, crear un bucle for.La solucion deberia haber sido:
Si un valor es falso, o el otro valor es falso, crear un bucle while.
Si ningun valor es falso, crear el bucle do/while
// Los valores puedes cambiarlos como quieras
valor1 = true;
valor2 = false;
if (valor1 && !valor2)
{
// Si un valor es verdadero y el otro falso, crear un for
for (var i = 0;i < 5;i++)
{
// ...
}
}
else if (!vavalor2)
{
// Si un valor es falso, o el otro es falso, crear un while
var i = 0;
while (i < 10)
{
// ...
i++;
}
}
else if (valor1 && valor2)
{
// Si ningun valor es falso (o sea, si los dos son true) crear un do/while
var i = 0;
do {
// ...
i++;
}
while (i < 10);
}
<table border="0" id="navegacion" cellpadding="0" cellspacing="0>Como vemos, en una fila pondremos los enlaces, y en la otra los menus desplegables.
<tr>
<td>Seccion 1</td>
<td>Seccion 2</td>
</tr>
<tr>
<td>
<div id="menu1" style="display:none">
Sub seccion 1.1
Sub seccion 1.2
Sub seccion 1.3
</div>
</td>
<td>
<div id="menu2" style="display:none">
Sub seccion 2.1
Sub seccion 2.2
Sub seccion 2.3
</div>
</td>
</tr>
</table>
/* Los div de los menu estan dentro de la tabla con la ID navegacion */Ahora que tenemos la estructura y el esitlo listos, nos falta la magia, el javascript, aqui va:
#navegacion div {
display:none; /* Los ocultamos */
position:absolute; /* Con esto hacemos que se sobreponga */
background:#FFFFFF; /* Le ponemos un color de fondo */
border:1px solid #333333; /* y un borde */
z-index:99 /* El z-index sirve para posicionarlo en profundidad, es el numero de objetos al que se va a sobreponer, el maximo es 99 */
}
#navegacion div a:link, #navegacion div a:visited {
display:block;
padding:3px;
padding-left:15px;
padding-right:15px;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
background:#FFFFFF;
color:#000000
}
#navegacion div a:hover, #navegacion a:active {
display:block;
padding:3px;
padding-left:15px;
padding-right:15px;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
background:#E1E1E2;
color:#333333
}
// Un array con todas las IDs de los menusLuego pueden ver un ejemplo editado desde aqui
var menus = new Array('menu1','menu2');
// La funcion para mostrar el menu
function menu(id)
{
for (var i = 0;i < menus.length;i++)
{
if (menus != id)
{
// Ocultamos todos los menus que no sean el que queremos mostrar
document.getElementById(menus).style.display = 'none';
}
}
// Y mostramos el que queremos
document.getElementById(id).style.display = 'block';
}
// Funcion para ocultar todos los menus
function ocultartodos()
{
for (var f = 0;f < menus.length;f++)
{
document.getElementById(menus).style.display = 'none';
}
}
function nombre_funcion()Donde yo puse el // ... es donde va el codigo, si yo pusiera:
{
// ...
}
function alertar()El codigo no se ejecuta automaticamente, sino que yo lo tengo que llamar asi:
{
alert("Hola mundo");
}
alertar();Eso es lo basico, ahora pasamos a los atributos:
function hola(nombre)IMPORTANTE: Las variables que se crean dentro de las funciones, solo puede acceder a ellas la funcion que la creo.
{
alert("Hola "+nombre);
}
onclick: Se ejecuta cuando se hace click, funciona en todos
onmouseover: Es cuando se pasa el mouse sobre algo, funciona en todos
onblur: Cuando un objeto pierde el foco (en Firefox funciona en todos los elementos, pero en IE y los demas solo en elementos de formulario)
onfocus: Cuando un elemento obtiene el foco (lo mismo que el anterior)
onmouseout: Cuando se saca el mouse de algo, funciona en todos
onmousedown: Cuando el usuario presiona un boton del mouse (funciona en todos)
onmouseup: Cuando el usuario deja de presionar un boton del mouse (funciona en todos)
onkeydown: Cuando se presiona una tecla (en Firefox funciona en todos los elementos, en IE y otros solo en el body y elementos de formulario)
onkeyup: Cuando se deja de presionar una tecla (lo mismo que antes)
oncontextmenu: Cuando se hace click derecho (funciona en Firefox y navegadores con el motor webkit, o sea, Google Chrome y Safari)
onload: Cuando se termina la carga, funciona en el body, iFrames y frames.
onbeforeunload: Antes de que se cierre la pagina, no he investigado donde funciona, solo que en el body
onunload: Al cerrar la pagina, funciona en el body pero no se en que navegadores.