Archivo de la categoría: Desarrollo Entorno Cliente

Encriptar PHP

1

 

2

 

3

 

4

 

5

Anuncios

Repaso JavaScript

4.1. JavaScript en el mismo documento HTML

// El código de JavaScript vendrá aquí.

alert(‘Prueba de JavaScript’);

4.2. JavaScript en un archivo externo

http://tucodigo.js

4.3. JavaScript en elementos HTML

<p onclick=”alert(‘Prueba de JavaScript’);”>

Ejemplo de JavaScript en atributo HTML

</p>

OBJETOS

La creación de un objeto se lleva a cabo con la palabra reservada new. La sintaxis es la siguiente:

var objetoNuevo = new Object();

objetoNuevo.propiedad;

objetoNuevo.metodo([parámetros])

2.1. Objeto String.

var miCadena = new String(“texto de la cadena”);

O también se podría hacer:

var miCadena = “texto de la cadena”;

isNaN ()

Determina cuando un valor de un objeto no es un número. Devuelve true o false.

parseInt ()

Convierte una cadena a un número entero (sin decimales).

length

Contiene la longitud de la cadena.

random ()

Devuelve un número aleatorio entre O y 1.

sqrt ()

Devuelve la raíz cuadrada.

2.3. Objeto Number.

MAX_VALUE

Devuelve el número más grande en JavaScript.

MIN_VALUE

Devuelve el número más pequeño en JavaScript.

NaN

Representa un valor especial Not a Number.

toExponential ()

Convierte un número a su notación exponencial.

toString ()

Convierte un número en una cadena

2.4. Objeto Date.

El objeto Date se utiliza para trabajar con fechas y horas. Los objetos Date se crean con new Date().

2.5. Objeto window.

// referenciando inplicitamente el objeto window

window.nombrePropiedad;

window.nombreMetodo([parámetros]); // parámetros está entre corchetes al ser opcional

// referenciándose a si mismi

self.nombrePropiedad;

self.nombreMetodo([parámetros]);

var subVentana=window.open(“http://google.es&#8221;,”nueva”,”height=800,width=600″);

function abrirNueva() {

nueva=window.open(‘nueva’, ‘Nueva Ventana’, ‘width=300,height=200’);

nueva.document.write(“Cierra esta ventana“);

}

<input type=”Button” value =”Abre una Ventana” onclick=”abrirNueva();”>

<input type=”button” value=”Cerrar” onClick=”nueva.close();”>

2.6. Objeto location.

assign ()

Carga un nuevo documento.

reload ()

Carga de nuevo el documento actual.

replace ()

Sustituye la URL del documento actual por otra URL.

2.7. Objeto navigator.

appCodeName

Devuelve el código del nombre del navegador.

appName

Devuelve el nombre del navegador.

appVersión

Devuelve la versión del navegador.

cookieEnable

Determina si las cookies están habilitadas o no.

Platform

Devuelve la plataforma sobre la cual se está ejecutando el navegador.

userAgent

Devuelve una información completa sobre el agente de usuario, el cual es normalmente el navegador.

2.8. Objeto document.

El objeto Document se refiere a los documentos que se cargan en la ventana del navegador. Con este objeto se pueden manipular las propiedades y el contenido de los elementos de las páginas web (estructura HTML) esto hace que sea el objeto más utilizado en los programas escritos en JavaScript. Este objeto cuenta con una serie de subobjetos como son los vínculos, puntos de anclaje, imágenes o formularios. Esta colección de subobjetos representa el verdadero potencial del objeto Document.

2.10. Objeto history.

El objeto history es el historial de las páginas visitadas, pero para respetar la privacidad del usuario no se puede acceder a las UR, pero sí que se puede hacer que nos desplacemos hacia adelante y hacia atrás.

2.11. Objeto frame.

Otras propiedades y métodos como innerHeight, innerWidth, outerHeight, outerWidth, pageXOffset, pageYOffset, personalbar, scrollbars, back(), find([“cadena”], [caso, bkwd]), forward(), home(), print(), stop… cuya explicación remito a la documentación oficial como ejercicio al lector interesado en saber más sobre el objeto window.

<!doctype html>

<html>

<head>

<title>Ejemplo de JavaScript</title>

function moverVentana(){

mi_ventana.moveBy(5,5);

i++;

if (i

setTimeout(‘moverVentana()’,100);

else

mi_ventana.close();

}

</head>

<body>

var opciones=”left=100,top=100,width=250,height=150″, i=0;

mi_ventana = window.open(“”,””,opciones);

mi_ventana.document.write(“Una prueba de abrir ventanas”);

mi_ventana.moveTo(400,100);

moverVentana();

</body>

</html>

<!doctype html>

<html>

<head>

<title>Ejemplo de JavaScript</title>

</head>

<body>

document.write(“Location href: “+ location.href +”
“);

document.write(“Location host: “+ location.host +”
“);

document.write(“Location hostname: “+ location.hostname +”
“);

document.write(“Location pathname: “+ location.pathname +”
“);

document.write(“Location port: “+ location.port +”
“);

document.write(“Location protocol: “+ location.protocol +”
“);

</body>

</html>

2.1. Objeto Array.

var coche1=”Seat”;

var coche2=”BMW”;

var coche3=”Audi”;

var coche4=”Toyota”;

var misCoches=new Array();

misCoches[0]=”Seat”;

misCoches[1]=”BMW”;

misCoches[2]=”Audi”;

misCoches[3]=”Toyota”;

2.1.1. Declaración de Arrays.

var miArray = new Array();

2.1.2. Inicialización de Arrays.

var sistemaSolar = new array (“Mercurio”, “Venus”, “Tierra”, “Marte”, “Jupiter”, “Saturno”, “Urano”, “Neptuno”);

2.1.3. Recorrido de Array.

for (i=0;i<sistemaSolar.length;i++)

document.write(sistemaSolar[i] + “<br>”);

var i=0;

while (i<sistemaSolar.length)

{

document.write(sistemaSolar[i] + “<br>”);

i++;

}

for (var i in sistemaSolar)

document.write(sistemaSolar[i]+”<br>”);

2.1.4. Borrado de elementos de un Array.

var miArray = new Array (“Juan”, “Luisa”, “Ana”, “Toni”, “Alfredo”);

alert(miArray.length); //mostrará por pantalla: 5

delete miarray[2];

alert(miArray.length); //mostrará por pantalla: 5

alert(miArray[2]); //mostrará por pantalla: undefined

2.2. Arrays multidimensionales.

var empleados = new Array();

empleados[0] = new Array(“Cristina”,”Ventas”,24);

empleados[1] = new Array(“Catalina”,”Recepción”,17);

empleados[2] = new Array(“Alfredo”,”Seguridad”,28);

empleados[3] = new Array(“Benjamin”,”Redes Sociales”,26);

//Se puede usar la notación de array denso para declarar e inicializar

// un array multidimensional

var empleados = [

[“Cristina”,”Ventas”,24],

[“Catalina”,”Recepción”,17],

[“Alfredo”,”Seguridad”,28],

[“Benjamin”,”Redes Sociales”,26],

];

alert(“Empleado: “+ empleados[1][0] +” – Código acceso: “+ empleados[1][2]);

//mostrará por pantalla: “Empleado: Catalina – Código acceso: 17”

3. Funciones.

//función que no devuelve ningún valor

function nombreFuncion([parámetro1][, parámetro2]…[,parámetroN]) {

// instrucciones

}

//función que devuelve un valor

function nombreFuncion([parámetro1][, parámetro2]…[,parámetroN]) {

// instrucciones

return valor;

}

4. Objetos definidos por el usuario.

function Coche() {

//propiedades y métodos

}

//para declarar/instanciar un objeto se hará de la manera habitual de JavaScript

var miCoche = new Coche();

function Coche(marca, modelo, km) {

this.marca = marca;

this.modelo = modelo;

this.km = km;

//métodos

}

//declaración/instanciación

var miCoche = new Coche(“VolksWagen”, “Golf”, “0”);

alert(miCoche.marca +” – “+ miCoche.modelo);

miCoche.color = “rojo”;

alert(miCoche.color);

Se pueden definir métodos en los objetos personalizados de dos maneras diferentes:

function addKM(km){

//se modifica el valor de la propiedad kilometros

this.km = this.km+km;

}

function Coche(marca, modelo, km) {

this.marca = marca;

this.modelo = modelo;

if(km==undefined)

this.km = 0;

else

this.km=km;

//se añade como si fuera una propiedad, no hay que poner los paréntesis( )

this.addKM = addKM;

}

//instanciación y uso del objeto Coche

var miCoche = new Coche(“VolksWagen “, “Golf”);

miCoche.addKM(25);

alert(“nuevos km: “+ miCoche.km);

Hay que desarrollar una página web con un Calendario.

8

 

 

<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>Documento sin título</title>
</head>

<body>
<header>
<a href=”index.html”><h1>Mi Web en Pruebas</h1></a>
</header>
<a href=”contactoNuevo.html”><p>Contacto nuevo</p></a>
<script type=”text/javascript”>

var meses=Array(“enero”,”febrero”,”marzo”,”abril”,”mayo”,”junio”,”julio”,”agosto”,”septiembre”,”octubre”,”noviembre”,”diciembre”);
for(var i=0;i<meses.length;i++)
{
document.write(“<a href=’mes.html?mes=”+ meses[i] +”‘ id='”+ meses[i] +”‘>”+ meses[i] +”</a> “);

}
document.write(“<br>”);

 

var semana=Array(“lunes”,”martes”,”miercoles”,”jueves”,”viernes”,”sabado”,”domingo”);

document.write(“<ul>”);

for(var i=0;i<semana.length;i++)
document.write(“<li name=’dias’ id='”+ semana[i] +”‘>”+ semana[i] +”</li>”);

document.write(“</ul>”);

</script>
<script type=”text/javascript” src=”index.js”></script>

</header>
</body>
</html>

alert (” Ejemplos JavaScript “+ (Unidad 1 – 2));

javascript

<!doctype html>

<html>

<head>

<meta charset=”utf-8″>

<title>Documento sin título</title>

</head>

<body>

<script type=”text/javascript”>

document.bgColor=”Orange”;

var i, numero=8;

document.write(“<br>tabla de multiplicar del “+ numero);

 // uso de un for para realizar la tabla de multiplicar del número 8

 for (i=0;i<=10;i++) {

 document.write(“<br>”+ numero +”*”+ i +”=”+ numero*i);

 }

 var i=0, numero=8;

document.write(“<br>tabla de multiplicar del “+ numero);

   // uso de un while para realizar la tabla de multiplicar del número 8

while(i<=10) {

document.write(“<br>”+ numero +”*”+ i +”=”+ numero*i);

    i++;

    }

var maxValue = Number.MAX_VALUE ;

  var minValue = Number.MIN_VALUE ;

 var especial = maxValue*2;

  document.write(‘<maxValue: ‘+Number.MAX_VALUE+'<br>minValue:’+Number.MIN_VALUE+’especial: ‘+maxValue+'<br>’);

//Añade un código JavaScript que realice mediante la sentencia for, una cuenta atrás desde 10 hasta 0. Ha de mostrar el número de la cuenta mediante alert( );

 var num=0;

 for(i=10;i>num;i–){

 document.write (“”+i);

 }

//Añade un código JavaScript que mediante un bucle while pida un valor al usuario mediante prompt( ) y que dicho bucle no pare hasta que el usuario introduzca un número múltiplo de 5.

  var num=prompt(“Dame numeros”);

    while(num%=5){

      num=prompt(“Dame palabras”);

    }

/*var num=8;

for(var i=0;i<10;i++){

 document.write(num+”*”+i+”=”+num*i+”<br>”);

   }

Mediante un bucle while muestra por pantalla los primeros 20 números pares.  Mediante un bucle for muestra por pantalla los múltiplos de 3 desde el 100 hasta el 1.  */

 var num=0;

while(num<20){

num=num/2;

document.write(num+”<br>”);

  num–;

 }

 </script>

</body>

</html>

PROYECTO_3 php Y JavaScript

logo-javascript

En esta practica las cosas interesantes :

He podido utilizar la función Math en JavaScript Math.random() y Math.sqr().

Me dan números aleatorios y sacar la raíz cuadrada de un numero ,aquí un claro ejemplo:

<script type=”text/javascript”>
//Añade un script JavaScript que genere un número entre 0 y 1000 y que devuelva por pantalla la raíz cuadrada de dicho número mediante un alert, el mensaje que se muestre tiene que ser algo así: “La raíz cuadrada de 25 es 5”.
var num=Math.random()*1000;
num=Math.round(num);
var num1=Math.sqrt(num);
alert (“La raiz cuadrada de “+num+”es :” +num1);

//Mediante prompt pide un valor al usuario y muestra por pantalla la raíz cuadrada del valor introducido por el usuario.
var valor=prompt(“Dame un numero “);
valor=Math.sqrt(num);
document.write(“La raiz cuadrada es:”+valor);

</script>

También e podido utilizar el include haciéndome un php externo asi

$a1=8;
$b2=5;

function suma($a1,$b2){
$i=$a1+$b2;
echo “EL resultado de sumar es :”.$i.”<br>”;
}
suma($a1,$b2);

Y como se ve con la función function decirle que es una función la cual desde un archivo HTML la llamare por el nombre del archivo archivo.php

También e podido utilizar las instrucción foreach que me recorre una variable.

ejemplo:

foreach ($array as $valor) {

//aquí dentro podemos acceder a cada elemento del array mediante $valor

}

Y con esto a sido todo el proyecto de esta semana.

 

 

Proyecto Desarrollo Entorno Cliente

javascript                                                 php

 

”  Aquí explico varias cosas de JavaScript de Trabajos realizados ” .

Aquí en un archivo HTML he insertado un JavaScript , creando variables y almacenando en ellas información.

También e utilizado el document.write que me ha servido para mostrar datos al usuario.

Gracias a las sentencias if -else – alert -for-prompt e podido resolver los ejercicios :

<script type=”text /javascript”>//Asi es como se comienza el JavaScript//

y Aquí ponemos las sentencias necesarias para que nuestro programa realice lo que nosotros queremos con las sentencias :

if =Si hace esto…………….

else =Sino haz esto otro…………

alert=(“Hola bienvenido a mi Portfolio”);

for=Un bucle siempre necesario para recorrer variables.

while=Mientras………..Otro bucle.

var=Para declaras variables.

document.write(“Numero es :”variable);

Para concatenar String lo hacemos con el ( + );

</script>//Lo cerramos.

Para este ejercicio e tenido que descarga el Xampp un servidor a nivel local con Apache y MySql integrados para poder ejecutar el código .

Aquí con Dreanweaber me creo un archivo .JSP el cual me lo guardo en una carpeta que esta en C:/Programas en Files/Xampp /Htdocs

htdocs es una carpeta la cual le e creado un acceso directo en mi escritorio porque hay es donde vamos a guardar todos los archivos php.

Y poniendo en la barra del navegador http://localhost

Nos aparecerá nuestra carpeta y hay ejecutaremos nuestro programa.

PHP

En estos ejercicios cambia la sintaxis de JavaScript e utilizado :

<?php

$variable=10;//Asi inicializamos las variables.

echo “Hola a todos “;

Para concatenar String es mediante un punto(  . );

Aquí en este ejercicio e sumado,multiplicado,dividido,restado variables y guardado el resultado:

$suma=$oper1+$oper2;

Sentencia “rand”:Nos da números aleatorios ;

Switch: Es como un menú ,opciones que puedes elegir.

Gracias a la sentencia while e podido hacer un programa que me sacaba por pantalla los 20 números primeros.

En este ejercicio en la sentencia while ya le e puesto condiciones como estas:

while(num<100 || num>0 || num!==”” || isNaN(num));

Como veréis todo son condiciones las nuevas num!==”” Una variable que esta vacia o isNaN  en el caso que el usuario me ponga un String (Una letra);

Aquí ya hemos tocado uno de los pilares de la programación JavaScript “Fibonacci”.

Una sentencia de números que comienzan en 0 o 1 y los siguientes números de la serie son la sima de los dos anteriores de manera que los seis primeros números de la serie serian:0,1,2,3,5.

Asi tuve que hacer un bucle dentro de un JavaScript asi;

for(var i=3;i<cantidad;i++){

n3=n1+n2;

n1=n2;

n2=n3;

document.write(n3+””);

Y asi con esa formula pude imprimir por pantalla los números.

}

<?

Y esto es todo lo que e podido hacer en JavaScript.