UNIDAD 5: JAvASCRIPT INTRODUCION A LAS BASES DE DATOS

TEMA 14: GRAFICOS JAVASCRIPT

Campos de graficos o de imagenes, se han convertido en elementos importantes de cualquier base de datos.

Para manejar este elemento con ado-asp exsten dos maneras:

1.- Agregar un campo BLOB a la tabla en access y usar componentes activex especializados en imagenes tanto para subirla como para desplegar la imagen.

Este metodo provoca que la base de datos crezca mucho recordar que una imagen aun de tipo jpg ocupa mucho espacio.

2.- El segundo metodo es mas sencillo, primero subir las imagenes ( de preferencia jpg) con un ftp normal a tusitio y despues agregar un campo de texto llamado fotourl, a la tabla en access y grabar la direccion http de la imagen en este campo, por ejemplo http://programacionfacil.com/tusitio/pato.jpg

Despues usar un tag <img src..> en la pagina que se construira que no es otra cosa que el programa de busqueda con el despliegue del campo extra, como lo muestra el programa ejemplo.

Prog25.html

<HTML>DESPLIEGUE CON FOTO
<FORM ACTION=HTTP://PROGRAMACIONFACIL.COM:4080/tusitio/PROG25.ASP METHOD=POST>
CLAVE<INPUT TYPE=TEXT NAME=clave><BR>
<INPUT TYPE=SUBMIT VALUE=buscar>
</FORM>
</HTML>
prog25.asp
<% @LANGUAGE = JavaScript %>
<%
// creando y abriendo enlace o coneccion a base de datos
var coneccion=Server.CreateObject("ADODB.Connection");
coneccion.Provider="Microsoft.Jet.OLEDB.4.0";
coneccion.Open("c:\\progfacil\\lauro\\mibase.mdb");
// creando y cargando el recordset
var tabla=Server.CreateObject("ADODB.RecordSet");
tabla.Open("mitabla", coneccion,2,2);
//cargando clave a buscar
var clave=Request.Form("clave");
//primero hay que moverse al primer renglon real de la tabla (el 1)
tabla.MoveFirst;
// buscando y posicionadose en el renglon deseado
tabla.Find("clave ="+clave);
// desplegando el renglon buscado
var col,cantcol;
cantcol=tabla.Fields.Count -1
for(col = 0; col <=cantcol; col++)
{Response.Write(tabla.Fields(col).Value+"<BR>");};
//desplegando imagen
Response.Write("<br>");
var foto=tabla("fotourl");
Response.Write("<IMG SRC=" + foto + ">" );
// recordar cerrar y liberar la coneccion y el recordset
tabla.Close;
tabla = null;
coneccion.Close;
coneccion = null;
%>

corrida prog25.html

image230.jpg

corrida: prog25.asp

image231.jpg

PROYECTO CONSTRUIR UN SISTEMA JAVASCRIPT COMPLETO INTEGRADO CON TODAS LAS OPERACIONES USANDO AL MENOS DOS TABLAS.

tan tan el curso se acabo y esten pendiente de los proximos de perl, perlscript, javascript, jscript, php, phyton, xml, apml, net, csharp, et al

Politica de Privacidad