Problema JAVASCRIPT

[futaman]

Java Script


1. Crear la rutina javaScript que muestre una ventana Open (tamañao de 200 x 100 piexles) al cargar la pagina web.

En el interior de la venta Open aparecera dos imagenes cada una de 100x90pixeles, en los 10 sobraste inferior, colocar

un texto "Cerrar" que cumpla esa funcion.

2. Crear una rutina JavaScript que permita escribir una tabla en funcion de la cantiad de filas y columnas que se

ingrese. En cada celda existira un numero, por ejemplo: si se ingresa 5 filas y 4 columnas debera monstrarse asi la

tabla, ya que la tabla tendra 20 celdas, desde la primera hasta la ultima iran numeros (01,02,03 ... ,19,20), La rutina

debe evaluar si la cantidad ingresada para filas y columnas son dumeros positivos. Si fuera negativo entonces

aparecera el mensaje: Error! Dato no valido.

3. Crear un rutina JavaScript que permita mostrar aleatoriamente un mensaje en la barra de estado cada 100

milisegundos. Son en total 5 mensajes que estan en una Matriz definida por Array.

4. Crear la rutina JavaScript que permita generar la tabla de multiplicar del numero ingresado. Por ejemplo si ingresa

el numero 7 entonces aparecera de este modo una tabla, fila 0: "Tabla de multiplcar del 7", fila1: "/ 1 / x / 7 / =/ 7 /"

fila2: "/ 2 / x / 7 / =/ 14 /"... fila12: "/ 12 / x / 7 / =/ 84 /" y abajo la ultima fila14: debe decir en un link "Ingresar

otro numero" donde aparecera un box que reciba el nuevo numero.


5. Crear una rutina JavaScript que permita mover(desde abajo hacia arriba y luego desde la derecha hacia la

izquierda) una ventana Open de 150 x 150 pixeles en cuyo interior exista una imagen del mismo tamaño.

6. Crear la rutina que permita mostrar dentro de un campo de texto un texto de desplacamiento, asi:
--> Diseño e implementacion de paginas web -->

7. Crear la rutina que permita mostrar en la barra de estado un texto que se desplazara hacia la izquierda y despues

hacia la derecha... y asi alternadamente.
<-- Sistemas Operativos, Base de Datos, Diseño Web -->
* Que el texto se desplaze totalmente hacia la izquierda de dos caracteres en dos caracteres y despues se desplazara

totalmente hacia la derecha de 2 en 2 caracteres.

8. Crear una rutina JavaScript que permita conectar a la direccion web que se introduzca en un campo de texto. de la

siguiente manera un Bloque de texto y al lado derecho un boton que diga INGRESAR, los objetos creados deben estar

dentro de un formulario, Al hacer clic en el boton Ingresar debe verificarse que exista datos en el campo de texto y que

debe empezar con el protocolo "h t t p : / /"

9. En el siguiente modelo:


Elabore usted las rutinas JavaScript que permitan efectuar lo siguiente:
* Al elegir un producto de la lista desplegable aparecera el precio en el campo de texto y se mostrara la fotografia en

el objeto de nombre "imgprod", Ademas el cursor se situara en el campo de la cantidad. La informacion de la lista es:

NOmbre del Producto/ Precio US$/ Fotografia
[Elegir uno...] / 0$ / logo.jpg
Cocina a gas de 8 hornillas / 650.00$ / artefa01.jpg
Refrigeradoras semiautom / 740.00$ / artefa02.jpg
Equipo de sonido / 800.00$ / artefa03.jpg
Ventilador de mesa / 20.00$ / artefa04.jpg
Olla Arrocera / 45.00$ / artefa05.jpg

* Al elegir la forma de pago (Pago) se activaran los botones de "Comprar" y "Anular" siempre y cuando se haya

escogido un producto y colocado la cantidad.
* Al hacer clic en el boton "Comprar" se procedera a calcular lo siguiente:
- "Importe Bruto", que es la multiplicacion de precio por cantidad
- "Valor de descuento", esto dependera de la forma de pago. Si el pago es en Efectivo entonces se obtendra un 10%

del importe bruto. Si el pago es con Tarjeta entonces el descuento sera un 5% dle importe bruto. En otro caso en

descuento sera cero (0).
- "Importe Neto", es igual a Importe Bruto - Valor de descuento.

* Los resultados calculados mostrar con su respectivo mensaje en el navegador

10. Crear las rutinas JavaScript para crear la siguiente tabla de datos.

/ El abecedario /
/a / b / c / d /e /
/ f / g / h / i / j /
/k / l / m / n / o/

El abecedario aparecera hasta la letra indicada, por ejemplo si se ingresa el numero 15 entonces aparecera el

abecedario desde la letra "a" hasta la letra "o". El color de fondo de la celda del abecedario debe aparecer

intercaladamente (usar dos colores).

11. Crear las rutinas JavaScript para efectuar lo siguiente en la pagina web:
/ << / IMG name="imgfoto" width=140 height=120 / >>/

El objeto de Imagen (imgfoto) debera mostrar una imagen a la vez; se utilizara 10 imagenes nombradas como

alfa01.jpg, alfa02.jpg,.... ,alfa10.jpg.

Tenga presnete lo siguiente:
* Al hacer clic en el boton << debera presentarse la imagen Anterior.
* Al hacer clic en el boton >> debera presentarse la imagen siguiente.
* Si se muestra la 1ra. imagen y usted hace Clic en el boton << entonces se mostrara la imagen alfa10.jpg.
* Si se muestra la ultima imagen y usted hace Clic en el boton >> entonces se mostrara la imagen alfa01.jpg.

12. Crear la rutina JavaScript para mostrar en un campo de texto la fecha actual del sistema en el formato siguiente:

08:05:09pm.
Tenga presenta que la hora, los minutos y los segundos siempre se necesitan que apareszcan en dos digitos, el reloj

sera de 12 horas (am. / pm.)

13. Crear la rutina JavaScript para mostrar en la barra de estado la fecha actual del sistema asi:

Viernes,12 de enero de 2007

[futaman]

ayuda!!!!!

[buzu]

Oye y como cuanto pagas por desarrollarte esos códigos? digo, por que es prácticamente lo que estás pidiendo, y por eso nadie te ha contestado.

Te sugiero que hagas preguntas más concretas, que muestren que tu también estás trabajando y no solo tires un ejercicio que parece sacado de una clase de desarrollo web, (muy básica por cierto).

Veo que eres nuevo en el foro, así que pues igual y no conoces exactamente como funciona, nada hay de malo en eso, pero si piensas seguir en la comunidad, te sugiero que no dejes ese tipo de mensages, por que hace sentrir incomdos a muchos. Nos hace sentir victimas de una esplotación laboral. Probablemente solo actuamos exageradamente, pero lo hacemos vasados en la experiencia.

En cuanto a tus preguntas, te sugiero que investigues un poco sobre el objeto window, más en concreteo su metodo open(), sobre eventos, como el load (onload), createElement, attachElement, setTimeout, setInterval, Math(), entre otros.

Saludos

[futaman]

Graciass!
waaa son codigos basicos solo que tengo miles de tareas que hacer ya resolvi algunos y tengo 3 trabajos mas... por eso ayuda, pago con favores. no puedo revelar quien soy. waaa. XD XD XD XD tengo 12 + 16 + 12 horas . aun me falta. mucho, estube de parranda : D

[colote]

Iniciado por futaman

estube de parranda : D

[buzu]

Como te dije, investiga sobre esos temasn, es básicamente todo lo que necesitas para solucionar esos ejercicios.

Saludos.

PD. Creo que debes organizar tus prioridades.

[futaman]

bueno quisiera saber, donde podria encontrar una posible solucion al problema 9 un sistemas de ventas basico en JS + html, alguna web que me recomiendan

[futaman]

Código Solucion 1:

Dentro de HEAD:
<script language="JavaScript" type="text/javascript" src="ventana.js"></script>
 
Dentro del Codigo Body:
<body onload="ventana()">
</body>
</html>
 
 
 
 
Rutina JS:
 
function ventana()
{
    vwin=open("","","width=200,height=100,scrollbar=no,status=no");
    with(vwin.document)
    {
        write("<html><head><title>Fotos</title></head>");
        write("<body leftmargin='0' topmargin='0'>");
        write("<center><img src='01.jpg' border='0' width='100' height='90'>");
        write("<img src='02.jpg' border='0' width='100' height='90'><br />");
        write("<font style='font-size:10px;' onclick='window.close()'>Cerrar</font></center></body></html>")
        fmover();
    }
}
 

[futaman]

Código Solucion 2 - HTML:

<html>
<head>
<title>Solucion 2</title><script language="JavaScript" type="text/javascript" src="librejs/djs09.js"></script>
</head>
<body><script language="JavaScript" type="text/javascript">
creartabla();
</script>
</body>
</html>
 

Código Solucion 2 - JS:

// JavaScript Document
function creartabla()
{
    with(window.document)
    {
        write("<body bgColor='lightblue'>");
        write("<form name='frmtbl'>");
        write("<table border='1' align='center' width='750'>");
        write("<tr><td colspan='4'>Generar Tablas</td></tr>");
        write("<tr><td width='75'>Filas</td><td width='75'><input type='text' value='1' name='txtfilas' onkeyup='fvalidar()'></td>");
        write("<td width='75'>Columnas</td><td width='75'><input type='text' value='1' name='txtcols' onkeyup='fvalidar()'></td></tr>");
        write("<tr><td colspan='4'><center><input type='button' name='btn1' value='Crear Tabla' onclick='ftabla()' disabled ><input type='reset' name='btn2' value='Anular'></center></td></tr></table>");  
        write("</form>");
        write("</body>");
    }
}
function fvalidar()
{
    with(frmtbl)
    {
        if(txtfilas.value!="" && parseInt(txtfilas.value)>0 && txtcols.value!="" && parseInt(txtcols.value)>0)
        {
            btn1.disabled=false;
            btn2.disabled=false;
        }
        else
        {
            alert("Complete los datos, Ingrese un valor entero positivo");
            btn1.disabled=true;
            btn2.disabled=true;
        }
    }
}
n=1;
 
function ftabla()
{
    with(frmtbl)
    {
        vnum1=parseInt(txtfilas.value);
        vnum2=parseInt(txtcols.value);
        }
    with(window.document)
    {
        write("<body bgColor='lightblue'>");
        write("<table border='2' width='750' align='center'>");
        for(vf=1;vf<=vnum1;vf++)
        {
            write("<tr>");
            for(vc=1;vc<=vnum2;vc++)
            {
                write("<th>");
                vaux1=n/2;
                vaux2=parseInt(n/2);
                if(vaux1==vaux2)
                {
                    write("0" + n + "");
                }
                else
                {
                    write("0" + n + "");
                }
                write("</th>");
                n++;
            }
            write("</tr>");
        }
        write("</table>");
        write("<a href='generartablas.html'>Denuevo?</a>");
        write("</body>");
    }
}
 

[futaman]

Código Solucion 12 - HTML:

<html>
<head>
<title>HORA</title>
<script language="JavaScript" type="text/javascript" src="librejs/djs26a.js"></script>
</head>
<body  onload="fTiempo()">
  <form id="frm1" name="frm1" method="post" action="">
    <input name="txt1" type="text" id="txt1" />
  </form>
  </body>
</html>
 

Código Solucion 12 - JS:

// JavaScript Document
vhora=0;
vmin=0;
vseg=0;
vtipo="";
function fTiempo()
{
    vInfo=new Date();
    vhora=vInfo.getHours();//0...23
    vminu=vInfo.getMinutes();//0...59
    vseg=vInfo.getSeconds();//0...59
    if(vhora<12){vtipo="am."}else{vtipo="pm."}
    if(vhora>=12){vhora=vhora-12}
    if(vhora==0){vhora=12}
    if(vhora<10){vhora="0" + vhora}
    if(vmin<10){vminuto="0" + vmin}
    if(vseg<10){vseg="0" + vseg}
    frm1.txt1.value=vhora + ":" + vmin + "." + vseg + " " + vtipo;
    window.setTimeout("fTiempo()",100)
}
 

[futaman]

Código Solucion 13 - HTML:

<html>
<head>
<title>Hora en la barra de estado</title>
<script language="JavaScript" type="text/javascript" src="fecha.js"></script>
 
</head>
<body onload="fverfecha()">
 
</body>
</html>
 

Código Solucion 13 - JS:

mmes=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Setiembre","Octubre","Noviembre","Diciembre");
mdiasem=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado");
function fverfecha()
{
    vfecha=new Date();//obtiene fecha actual
    vanyo=vfecha.getFullYear();
    vmes=mmes[vfecha.getMonth()];
    vdia=vfecha.getDate();
    vdiasem=mdiasem[vfecha.getDay()];
    window.status=vdiasem + ", " + vdia +" de " + vmes +" de " + vanyo;
    window.setTimeout("fverfecha()",1000);
}
 

[futaman]

Código Solucion 11 - HTML + JS:

<html>
<head>
 
<title>Galeria</title>
<script language='JavaScript'>
 
var nombrePIC=new Array();
  nombrePIC[0]=new Image(140,120); nombrePIC[0].src="imagen01.jpg";
  nombrePIC[1]=new Image(140,120); nombrePIC[1].src="imagen02.jpg";
  nombrePIC[2]=new Image(140,120); nombrePIC[2].src="imagen03.jpg";
  nombrePIC[3]=new Image(140,120); nombrePIC[3].src="imagen04.jpg";
  nombrePIC[4]=new Image(140,120); nombrePIC[4].src="imagen05.jpg";
  nombrePIC[5]=new Image(140,120); nombrePIC[5].src="imagen06.jpg";
  nombrePIC[6]=new Image(140,120); nombrePIC[6].src="imagen07.jpg";
  nombrePIC[7]=new Image(140,120); nombrePIC[7].src="imagen08.jpg";
  nombrePIC[8]=new Image(140,120); nombrePIC[8].src="imagen09.jpg";
  nombrePIC[9]=new Image(140,120); nombrePIC[9].src="imagen10.jpg";
 
  
 
  var visorIMGnum=0;
  var visorPIC=new Array();
 
  function visorAtras(cual,mtxpics) {
    visorPIC = mtxpics
    if(visorIMGnum==0) {
      visorIMGnum=visorPIC.length-1;
    } else {
      visorIMGnum --
    }
    document.getElementById(cual).src=visorPIC[visorIMGnum].src;
  }
 
  function visorAdelante(cual,mtxpics) {
    visorPIC = mtxpics
    if(visorIMGnum==visorPIC.length-1) {
      visorIMGnum=0;
    } else {
      visorIMGnum ++;
    }
    document.getElementById(cual).src=visorPIC[visorIMGnum].src;
  }
 
</script>
</head>
 
 
<table>
 <tr>
  <td>
      <input onClick="visorAtras('nombreIMG',nombrePIC);return false;" href="javascript:void(0);" type="submit" name="Submit2" value="&lt;&lt;">
    </p></td>
  <td> <!-- segunda celda -->
   <img width="140" height="120" src="imagen01.jpg" id="nombreIMG" />
  </td>
  <td>
    <p>
      <input onClick="visorAdelante('nombreIMG',nombrePIC);return false;" href="javascript:void(0);" type="submit" name="Submit" value="&gt;&gt;">
</p></td>
 </tr>
</table>
</body>
</html>
 

Tengo una duda en este problema si deseo separarlos y colocar el "SCRIPT" en un archivo .JS llamo al JS por: <script scr="galeria1.js></script>, pero en el body tengo que hacer un Onload, pero no se que funcion llamar, porque si lo hago JS + HTML por separado no me carga.

[futaman]

Código SOLUCION 5 - HTML+JS:

/*rutina que crea la ventana OPEN*/
function fcrea()
{
    vaux=open("","","width=150,height=150,scrollbar=no,status=no");
    with(vaux.document)
    {
        write("<html><head><title>Fotos</title></head>");
        write("<body leftmargin='0' topmargin='0'>");
        write("<center><img src='fotos/01.jpg' border='0' width='150' height='150'>");
        write("</center></body></html>")
        fventana(1);
    }
}
 
 
/*Rutina que mueve la ventana*/
d=1; // flag de control
g=0;
function fventana(a)
{ if(a==1)
  { vaux.moveTo(screen.width/1,screen.height/1);}
  if(vaux.closed==true)
  { d=0;
  }
  else
  { if(g<100)
    { vaux.moveBy(0,-100);
      g+=4;
    }
    else
    { if(g<170)
      { vaux.moveBy(-100,0);
        g+=4;
      }
      else
      { if(g<250)
        {vaux.moveBy(0,0);}
        else
        { d=0}
      }
    }
  }
  if(d==1)
  { b1=window.setTimeout("fventana(2)",100)}
  else
  { /*alert("Hola... bye bye");*/
    window.clearTimeout(b1)
  }
}
 

[futaman]

Alguien me puede ayudar con el problema "8" y "6"

Código SOLUCION INVERTIDA DE LA 6:

<script language="javascript">
<!--
stcnt =0;
msg = "elanticristo2007 te fukeo";
blnk = " ";
str = msg - blnk + blnk + blnk;
/*str = blnk + blnk + blnk + msg;*/
function scroller()
{
window.status = str.substring(stcnt++,str.length+1);
if (stcnt>str.length) stcnt=0;
window.setTimeout("scroller()",200);
}
// -->
</script>
 

[futaman]

Código Solucion 3 - JS:

<script type="text/javaScript">
 
var frases = new Array('Frase 1','Frase 2','Frase 3','Frase 4','Frase 5');
 
function cambiaFrase(){
window.status=frases[parseInt(Math.random() * frases.length)];
}
setInterval(cambiaFrase,100)
 
</script>
 

[futaman]

Código Solucion 7 -html + js:

---------------------------------------------------(HTML)
<BODY onload="pingpong();">
---------------------------------------------------(JS)
<script language="JavaScript"> 
 
var yourwords = "Sistemas operativos, Base de datos, Diseño Web";
var buffer1="                        ";
var buffer2="                        ";
var message1=buffer1+yourwords+buffer2;
var dir = "left";
var speed = 75;
function pingpong()
{
if (dir == "left")
  {
    message2=message1.substring(2,message1.length)+"  ";
    window.status=message2;
    setTimeout("pingpong();",speed);
    message1=message2;
    if (message1.substring(0,1) == "S") dir="right";
  }
else
  {
    message2="  "+message1.substring(0,message1.length-2);
    window.status=message2;
    setTimeout("pingpong();",speed);
    message1=message2;
    if (message1.substring(message1.length-1,message1.length) == "b") dir="left";
  }
}
 
</script>
 

[futaman]

Código PROBLEMA 8 - HTML + JS:

<script type="text/javascript">
<!--
// Expresión regular que valida que el formato de URL sea correcto
function ValidaURL(url) {
var re=/^(http|ftp)(s)?:\/\/\w+(\.\w+)*(-\w+)?\.([a-z]{2,3}|info|mobi|aero|asia|name)(:\d{2,5})?(\/)?((\/).+)?$/;
return re.test(url);
}
//Validación del campo de formulario de URL
function validacion(f)  {
if (!ValidaURL (f.campo_a_validar.value) )
    {
   alert("La dirección URL es incorrecta");
   f.campo_a_validar.focus();
   return (false);
  }
window.open(f.campo_a_validar.value); 
}
// -->
</script>
<form method="post" action="" onsubmit="return validacion(this)">
 
  <input type="text" name="campo_a_validar" value="" />
  <input type="submit" value="INGRESAR" />
 
</form>
 

Listo otra vez lo solucione yo solo, estoy aprendiendo java solo, pero no tengo tiempo, ni me dan un poco de su ayuda.
window.open(f.campo_a_validar.value);

[kerverusxp]

Hey! Justo estoy buscando tambien el codigo de un Abecedario generado por javascript, revisando por todo google encontre esto, apartir de aqui intento entender este codigo

Código Abecedario posible solucion:

function CreateAlphaLink(sPage, sFrame)
  {
    var i;
    var sAlpha;
        
    if(String(sFrame).toLowerCase() == "null") 
        sFrame = "_self?";
        
    if (String(sPage).indexOf("?") != -1)
        sPage += "&";   
    else sPage += "?";
 
    for(i = 1; i <= 26; i++)
    {
        sAlpha = "<a target=" + sFrame + " href=" + sPage;
        sAlpha += "ALPHA=" + String.fromCharCode(64+i) + ">";
        sAlpha += String.fromCharCode(64+i) + " </a>";
        Response.Write(sAlpha);
    }
  }
 }
 

[futaman]

Código SOLUCION 10 - HTML + JS:

<html>
<head>
<title>Abecedario</title>
 
<script language="javascript">
abc = 'a,b,c,d,e,f,g,h,i,j,k,l,m,n,ñ,o,p,q,r,s,t,u,v,w,x,y,z'
aABC = abc.split(',')
function pintaABC(){
fin = parseInt(document.getElementById('txtFin').value)
tbl = '<table width="500px" border="1">'
+ '<tr><td align="center" td colspan="5">ABECEDARIO</td></tr>'
+ '<tr>'
for (i = 0; i <= fin - 1; i++){
if (i % 5 == 0)
tbl += '</tr><tr>'
color = (i % 2 == 0) ? '#CCCCCC' : '#999999'
tbl += '<td align="center" bgcolor="'+ color +'">' + aABC[i] + '</td>'
}
tbl += '</tr><table>'
document.getElementById('divABC').innerHTML = tbl
}
</script>
 
 
</head>
<body>
Si cada letra del abecedario se le asigna un numero consecutivo.<br />
¿Cuantas letras del abecedario quieres ver? 
<input type="text" id="txtFin" name="txtFin" value="" />
<button type="button" onclick="pintaABC()">Mostrar</button><p />
<div id="divABC"></div>
 
</body>
</html>