Blogia
Angel

Informatica: Programación web

Mostrar tablas de multiplicar con javascript

angelm - - Informatica: Programación web

Prefiero introducir siempre los scripts dentro del head, y luego cargarlos en body, pero éste si quereis lo podeis poner directamente en body:


<script language="Javascript" type="text/javascript">

<!--

var n;

var contador;

var resultado;

do{

n=parseInt(prompt("Introduce un numero",""));

resultado=0;

}while(n=="" || n==null || n<=0 || n>=10 || isNaN(n));

for(contador=1;contador<=10;contador++){

resultado=resultado+n;

document.write(n+"*"+contador+"="+resultado+"<br/>");

}

-->

</script>

Si quisierais ponerlo en head y luego cargarlo basicamente tendriais que añadirle una linea tras &lt-- creando una función, como por ejemplo: function tabla(){, y cerrar dicha funcion al final del script.

0 comentarios

Banner de texto corrido con JavaScript

angelm - - Informatica: Programación web

Apareceria un cuadro de texto, con un mensaje que se va transladando para dejarse leer entero.

Necesitariamos un script en head:


<script language="JavaScript">

<!--

var id,pause=0,position=0;

function mensaje() {

var i,k,msg="Sustituye esto por el mensaje que quieres que aparezca en el banner";

k=(100/msg.length)+1;

for(i=0;i<=k;i++) msg+=" "+msg;

document.form2.mensaje.value=msg.substring(position,position+100);

if(position++==100) position=0;

id=setTimeout("mensaje()",100); }

//-->

</script>

Cargaremos el script en body:


<body onload="scorrevole()">

Y pondremos el banner donde queramos con este codigo:


<form name="form2"><input name="scorrevole" size="40" type="text"></form>

2 comentarios

JavaScript Cambia monedas

angelm - - Informatica: Programación web

Una aplicación web en java que cambie de varias monedas a euros.

Necesitamos un script en el head:

<Script language="JavaScript" type="text/javascript">

<!--

function actualizar(){

document.calcula.euro.value=

document.calcula.total.value*document.calcula.moneda[document.calcula.moneda.selectedIndex].value;          

document.calcula.cambio.value=document.calcula.moneda[document.calcula.moneda.selectedIndex].value;

}

-->

</script>

Y la aplicación del body:

<body onload="actualizar()"> //Tenemos que cargar el script en body
<form name="calcula">
<!-- onFocus se refiere al elemento que tenga el control(con el que estes trabajando), por ejemplo onFocus="actualizar()" actualizaria cuando su trabajes con su elemento-->
<!-- onMouseOver se refiere a cuando se quita el raton de encima-->
<input type="text" name="total" value="1" />
<select name="moneda" onChange="actualizar()" onFocus="actualizar"> //Aqui usamos el onChange y onFocus del que hablamos antes
<option value="0.6818">Dolar Americano</option>
<option value="1.4343">Libra Inglesa</option>
<option value="0.1289">Corona Noruega</option>
<option value="0.3609">Real Brasileño</option> //Poner tantos como tipos de monedas se quieran poner (poner en value el valor de la moneda)
</select>
<span>corresponde a</span>

<input name="euro" size=10 readonly="true" /><
<span>Euro € Cambio:</span>
<input name="cambio" size="10" readonly="true" readonly="true" />
<br />
<input type=button value="Actualizar" onclick="actualizar()" /> //El botón no es necesario, ya que lo he hecho de forma que actualiza automaticamente mediante onFocus y onChange

</form>
</body>

0 comentarios

Mostrar codigo web(html, xml, php...) en articulos de blogs

angelm - - Informatica: Programación web

Es una forma un tanto basta y pesada, pero funciona, y es, mientras escribes el articulo, sustituir los simbolos de codigo (como por ejemplo: <>/...)web por el codigo que muestra la tabla:

Carácter Código Carácter Código
< &lt; ± &plusmn;
> &gt; · &middot;
¡ &iexcl; × &times;
¿ &iquest; ÷ &divide;
© &copy; ¼ &frac14;
® &reg; ½ &frac12;
™ &trade; ¾ &frac34;
¢ &cent; ¹ &sup1;
£ &pound; ² &sup2;
¥ &yen; ³ &sup3;
€ &euro; ‰ &permil;
ª &ordf; ∑ &sum;
º &ordm; ∏ &prod;
Á &Aacute; √ &radic
á &aacute; ∞ &infin;
É &Eacute; ≈ &asymp;
é &eacute; ≠ &ne;
Í &Iacute; ≡ &equiv;
í &iacute; ≤ &le;
Ó &Oacute; ≥ &ge;
ó &oacute; Ñ &Ntilde;
Ú &Uacute; ñ &ntilde;
ú &uacute; Ç &Ccedil;
Ü &Uuml; ç &ccedil;
ü &uuml; ˜ &tilde
& &amp; π &pi;

He puesto los simbolos que dan problemas en blogia, y algunos raros, si quereis que ponga más decidmelo, y si encontrais un metodo mejor de poner codigo web en posts decidmelo tambien ^^

3 comentarios

Arbol de navidad en php

angelm - - Informatica: Programación web

Este codigo en html genera una piramide y un rectangulo, simulano un arbol, segun como cambiemos los numeros dara arboles de diferentes formas:

<body>

<center>
<?php
   //Primero pinto la copa del árbol
   for ($i = 1; $i < 30; $i++)
      echo str_repeat("*", $i), "<br />n";
   // Pinto el tronco del árbol
   for ($i = 1; $i < 9; $i++)
      echo str_repeat("*", 2), "<br />n";
?>
   <h1>¡Feliz Navidad!</h1>
   <h3>Angel Manuel Montoya Colmenero</h3>
</center>

</body>

 

El codigo fuente resultante será:

<body>

<center>
*<br />
**<br />
***<br />
****<br />
*****<br />
******<br />
*******<br />
********<br />
*********<br />
**********<br />
***********<br />
************<br />
*************<br />
**************<br />
***************<br />
****************<br />
*****************<br />
******************<br />
*******************<br />
********************<br />
*********************<br />
**********************<br />
***********************<br />
************************<br />
*************************<br />
**************************<br />
***************************<br />
****************************<br />
*****************************<br />
**<br />
**<br />
**<br />
**<br />
**<br />
**<br />
**<br />
**<br />
   <h1>¡Feliz Navidad!</h1>
   <h3>Angel Manuel Montoya Colmenero</h3>
</center>

</body>

Al necesitar <center></center>, esta pagina es html, para que fuera xhtml tendriamos que sustituirlo por un, y hacer un CSS en el que ese tipo de div fuera de alineado central.


1 comentario

Enlazar CSS

angelm - - Informatica: Programación web

Con html se puede usar codigo de presentacion en la pagina, pero en xhtml no, por lo que es imprescindible un archivo .css, para asignar a una pagina un CSS se deve añadir una linea como esta en la cabecera () de la pagina:

<link href='ARCHIVO CSS(Ejemplo:impr.css)' rel='stylesheet' type='text/css' title='ESTILO O DESCRIPCION DEL CSS' />

0 comentarios

Citas o frases aleatorias con JavaScript

angelm - - Informatica: Programación web

La mejor manera seria teniendo una base de datos con las frases, y poniendo:

SELECT * FROM citas ORDER BY RAND() LIMIT 1

O algo que signifique lo mismo (Seleccionar todo de "citas" ordenado aleatoriamente, pero cogiendo solo un valor(una cita)).

 

Pero como no todos tienen ni entienden las bases de datos, haríamos algo parecido al anterior de imágenes, pero frases en vez de imágenes. Ejemplo:

Script:

<script type="text/javascript">

var Cita=new Array()

Cita[0] = "Esta sería la frase o cita numero 1";

Cita[1] = "Esta sería la frase o cita numero 2";

Cita[2] = "Esta sería la frase o cita numero 3";

Cita[3] = "Esta sería la frase o cita numero 4";

Cita[4] = "Esta sería la frase o cita numero 5";

<!--Crear array, y darle valor, tantos elementos como citas queramos tener para elegir-->

var lon = Citas.length;

var mostrar=Math.round(Math.random()*(lon-1));

<!--Crear variable con la longitud del array,  y otra a la que se le asigna un valor aleatorio del array (sera la cita que se mostrara)-->

function Escribir() {

document.write(Cita[mostrar]);}

<!--Función que escribe la cita--> 

</script>

 

Codigo a escribir donde se quiera que se escriba la cita:

<script type="text/javascript">  Escribir() </script>

0 comentarios

Mostrar imagenes aleatorias con PHP

angelm - - Informatica: Programación web

Es simplemente crear un array, en el que cada elemento sea la dirección de la imagen, hacer un código que genere un numero aleatorio, e imprimir '<img src="$array[Numero Aleatorio].">'. Ejemplo:

<?php

$imagen[0]='/fotos/Yo.gif';

$imagen[1]='/fotos/Dragón.gif';

$imagen[2]='cosas/fotos/Ola.gif';

$imagen[3]='/océano.gif';

$imagen[4]='/imagenes/Luz.gif';

//Crear el array, con las direcciones de las imágenes

 

$num=rand(0,4);

//Elegir numero aleatorio del 0 al 4, si ponéis más o menos imágenes cambiad el 4 por (Numero de imágenes -1).
 
print '<img src="'.$imagen[$num].'">';
?> 

0 comentarios

Mostrar valores de un array con php

angelm - - Informatica: Programación web

Si estáis interesados en leer esto daré por hecho que sabéis que es un array y que es programación en php...

Hay muchas maneras, pero os comentare dos, la fácil de entender (pero más larga):

$ciudades = array("Murcia", "Albacete", "Alicante","Madrid");

$contador=0;

while($contador < count ($ciudades)){

echo "

".$ciudades[&contador]."

";

$contador++;

}

La primera linea es crear y dar valor al array, si ya lo tenemos creado no tendríamos porque ponerla, la siguiente crea una variable contador, y while hará un bucle que termina cuando el contador sea igual al numero de elementos del array, y la linea de "echo" imprime un elemento del array (al repetirse en bucle dentro de while los escribira todos).

 

Tambien podemos imprimir cada uno de sus elementos mediante la función "implode":

$ciudades = array("Murcia", "Albacete", "Alicante","Madrid");

print implode ("

".$ciudades."

);

Lo que nos devolvería el listado contenido dentro de la array con sus distintos valores separados por saltos de linea.

 

1 comentario

Curso Amaya de mclibre (ayuda a aprender html, xhtml, y php)

angelm - - Informatica: Programación web
Con esto y una mínima explicación aprenderás XHTML seguro, (lo explican para el programa de programación Amaya 9.53(descargable gratis), pero puedes usar cualquier otro):

Creacion de paginas web con Amaya 3,40 MB - 5 de noviembre de 2007
Iniciacion a php 754 KB - 11 de junio de 2007
0 comentarios

Proteger contenidos de nuestras webs en html

angelm - - Informatica: Programación web
Aunque todo lo que publicamos en Internet puede ser copiado y pegado en otras webs, con gran facilidad, son muchos los que se apuntan a poner algunas dificultades…
Añadidendo el siguiente código en la etiqueta <body> los visitantes a nuestra página no podrán selecciónar el texto ni las imágenes publicadas.
oncontextmenu = “return false” onselectstart = “return false” ondragstart = “return false”
Una medida que no soluciona el problema de la copia indiscriminada de contenidos en la Red, pero que disuadirá a algunos amigos de publicar contenidos ajenos.
2 comentarios