You are on page 1of 12

Páginas dinámicas

Leonel Morales Díaz


Ingeniería Simple
leonel@ingenieriasimple.com

Copyright 2008 by Leonel Morales Díaz – Ingeniería Simple.


Derechos reservados Disponible en: http://www.ingenieriasimple.com/introprogra
Scripts en Páginas
<HTML> <HTML>
<Head> <Head>
<Script Language=“VBScript”> <Script Language=“javascript”>
... ...
</Script> </Script>
</Head> </Head>
<Body> <Body>
<Script Language=“VBScript”> <Script Language=“javascript”>
... ...
</Script> </Script>
</Body> </Body>
</HTML> </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”>
Option Explicit

Dim i,j
For i=1 To 20
Document.Write “<TR>”
For j=1 To 40
Document.Write “<TD>&nbsp;</TD>”
Next
Next
</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”>

Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”

</Script>
</Body></HTML>
ej037.html
Elementos de la Instrucción
Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”

Instrucción:
•Método Write
•Del objeto Document Cadena de Caracteres:
•Parte del DOM •AKA: String
•Escribe en el documento •Sucesión de caracteres
•Entre comillas
•Común en los lenguajes
Elementos de la Instrucción
Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”

Instrucción:
•Lo que hay que hacer Parámetros:
•Con qué hacerlo
Flujo de la Ejecución
1. Se procesa lo
<HTML> “estático”
<Head>
<Title>Esta página se construye dinámicamente</Title>
</Head>
<Body>
2. Se procesa el
<Script Language=“VBScript”> script
Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”

</Script>
</Body></HTML>
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”>
Option Explicit

Dim i,j
For i=1 To 20
Document.Write “<TR>”
For j=1 To 40
Document.Write “<TD>&nbsp;</TD>”
Next
Next
</Script>
</Table></Div></Body></HTML>
Poder de los Scripts
<Body>
<Script Language=“VBScript”>
Option Explicit
Dim Pars,Fils,Cols,Pos
Pars = Document.Location.Search
If Pars = “” Then
Fils = 5
Cols = 5
Else
Poder de los Scripts
Else
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 If
Document.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,j
For i=1 To Fils
Document.Write “<TR>”
For j=1 To Cols
Document.Write “<TD>&nbsp;</TD>”
Next
Next
</Script>
</Table></Div></Body></HTML>

ej038.html

You might also like