Clase06
-
Upload
leonel-morales-diaz -
Category
Technology
-
view
508 -
download
0
Transcript of Clase06
Páginas dinámicas
Leonel Morales DíazIngeniería [email protected]
Disponible en: http://www.ingenieriasimple.com/introprograCopyright 2008 by Leonel Morales Díaz – Ingeniería Simple.
Derechos reservados
Scripts en Páginas
<HTML><Head>
<Script Language=“VBScript”><Script Language=“VBScript”>
......
</Script></Script></Head><Body>
<Script Language=“VBScript”><Script Language=“VBScript”>
......
</Script></Script></Body></HTML>
<HTML><Head>
<Script Language=“javascript”><Script Language=“javascript”>
......
</Script></Script></Head><Body>
<Script Language=“javascript”><Script Language=“javascript”>
......
</Script></Script></Body></HTML>
Uso de Scripts
Construcción sobre la marcha– En base a parámetros– Document.Write
Modificación de la página– DHTML: Dynamic HTML– DOM: Document Object Model
Responder a acciones de usuario
Ejemplo<HTML><Head><Title>Esta página se construye dinámicamente</Title></Head><Body><H1>Esta tabla de 20x40 se construye dinámicamente</H1><Div Align=Center><Table Border=1 Width=80%><Script Language=“VBScript”><Script Language=“VBScript”>Option Explicit
Dim i,jFor i=1 To 20
Document.Write “<TR>”For j=1 To 40
Document.Write “<TD> </TD>”Next
Next</Script></Script></Table></Div></Body></HTML>
ej036.html
Una Página Sencilla
<HTML><Head><Title>Esta página se construye dinámicamente</Title></Head><Body>
<Script Language=“VBScript”><Script Language=“VBScript”>
Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”
</Script></Script></Body></HTML>
ej037.html
Elementos de la Instrucción
Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”
Cadena de Caracteres:•AKA: String•Sucesión de caracteres•Entre comillas•Común en los lenguajes
Instrucción:•Método Write•Del objeto Document•Parte del DOM•Escribe en el documento
Elementos de la Instrucción
Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”
Parámetros:•Con qué hacerlo
Instrucción:•Lo que hay que hacer
Flujo de la Ejecución
<HTML><Head><Title>Esta página se construye dinámicamente</Title></Head><Body>
<Script Language=“VBScript”><Script Language=“VBScript”>
Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”
</Script></Script></Body></HTML>
1. Se procesa lo “estático”
2. Se procesa el script
3. Se procesa lo “estático” de
después del script
Ejemplo<HTML><Head><Title>Esta página se construye dinámicamente</Title></Head><Body><H1>Esta tabla de 20x40 se construye dinámicamente</H1><Div Align=Center><Table Border=1 Width=80%><Script Language=“VBScript”><Script Language=“VBScript”>Option Explicit
Dim i,jFor i=1 To 20
Document.Write “<TR>”For j=1 To 40
Document.Write “<TD> </TD>”Next
Next</Script></Script></Table></Div></Body></HTML>
Poder de los Scripts<Body><Script Language=“VBScript”>Option ExplicitDim Pars,Fils,Cols,PosPars = Document.Location.SearchIf Pars = “” Then
Fils = 5Cols = 5
Else
Poder de los ScriptsElse
Pars = Replace(Pars,"?","")Pars = Replace(Pars,"Fils=","")Pars = Replace(Pars,"Cols=","")Pars = Replace(Pars,"%26","&")Pos = InStr(Pars,"&")Fils = CLng(Left(Pars,Pos-1))Cols = CLng(Right(Pars,Len(Pars)-Pos))
End IfDocument.Write “<H1>Esta tabla de “ & Fils & “x” & Cols & “ se construye
dinámicamente</H1>”</Script>
Poder de los Scripts<Div Align=Center><Table Border=1 Width=80%><Script Language=“VBScript”>Option Explicit
Dim i,jFor i=1 To Fils
Document.Write “<TR>”For j=1 To Cols
Document.Write “<TD> </TD>”Next
Next</Script></Table></Div></Body></HTML>
ej038.html