Successfully reported this slideshow.

Clase22

0

Share

Upcoming SlideShare
Introduccion Xhtml
Introduccion Xhtml
Loading in …3
×
1 of 6
1 of 6

Clase22

0

Share

Download to read offline

Estructuras With. Uso con objetos. Ejemplos. Ejercicios.

Estructuras With. Uso con objetos. Ejemplos. Ejercicios.

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

Clase22

  1. 1. Estructuras With Leonel Morales Díaz Ingeniería Simple [email_address] Disponible en: http://www.ingenieriasimple.com/introprogra Copyright 2008 by Leonel Morales Díaz – Ingeniería Simple. Derechos reservados
  2. 2. With – End With <ul><li>Varias instrucciones con el mismo objeto </li></ul><ul><li>Ahorra escribir lo mismo </li></ul><ul><li>Hace el código más legible </li></ul><ul><li>Puede ir anidado </li></ul>
  3. 3. Ejemplo <ul><li><HTML> </li></ul><ul><li><Head><Title>Ejemplo de uso de With en VBScript</Title></Head> </li></ul><ul><li><Body> </li></ul><ul><li><Script Language=&quot;VBScript&quot;> </li></ul><ul><li>Option Explicit </li></ul><ul><li>With Document </li></ul><ul><li>.Write &quot;<H1>Colección de fotos de ojos</H1>&quot; </li></ul><ul><li>.Write &quot;<P>Esta página contiene una colección de fotos de ojos.</P>&quot; </li></ul><ul><li>.Write &quot;<P>La lista se muestra a continuación:</P>&quot; </li></ul><ul><li>End With </li></ul><ul><li></Script> </li></ul><ul><li></Body> </li></ul><ul><li></HTML> </li></ul>ej086.html
  4. 4. Ejemplo Anidado <ul><li><P><Img Src=&quot;eye.jpg&quot;></P> </li></ul><ul><li><P><Img Src=&quot;eye_01.jpg&quot;></P> </li></ul><ul><li><P><Img Src=&quot;iridology.jpg&quot;></P> </li></ul><ul><li><P><Img Src=&quot;main_im_acp_1.jpg&quot;></P> </li></ul><ul><li><P><Img Src=&quot;onevisioneye.jpg&quot;></P> </li></ul><ul><li><Script Language=&quot;VBScript&quot;> </li></ul><ul><li>Option Explicit </li></ul><ul><li>With Document </li></ul><ul><li>.Write &quot;<H1>Colección de fotos de ojos</H1>&quot; </li></ul><ul><li>.Write &quot;<P>Esta página contiene una colección de fotos de ojos.</P>&quot; </li></ul><ul><li>.Write &quot;<P>La lista se muestra a continuación:</P>&quot; </li></ul><ul><li>Dim TmpImg </li></ul><ul><li>For Each TmpImg In .Images </li></ul><ul><li>With TmpImg </li></ul><ul><li>.Width = 100 </li></ul><ul><li>.Alt = .Src </li></ul><ul><li>End With </li></ul><ul><li>Next </li></ul><ul><li>End With </li></ul>ej087.html
  5. 5. Con Javascript <ul><li>with (document) { </li></ul><ul><li>write(&quot;<H1>Colección de fotos de ojos</H1>&quot;); </li></ul><ul><li>write(&quot;<P>Esta página contiene una colección de fotos de ojos.</P>&quot;); </li></ul><ul><li>write(&quot;<P>La lista se muestra a continuación:</P>&quot;); </li></ul><ul><li>window.alert(document.images(0).src); </li></ul><ul><li>for (var i=0;i<images.length;i++) { </li></ul><ul><li>images(i).width = 100; </li></ul><ul><li>images(i).alt = images(i).src; </li></ul><ul><li>} </li></ul><ul><li>} </li></ul>ej088.html
  6. 6. Ejercicio <ul><li>Transformar el ejemplo 87 para que la reducción del tamaño de las imágenes ocurra al presionar un botón. </li></ul><ul><li>Transformar el ejemplo para que cada imagen se reduzca al dar un click sobre ella. </li></ul>

×