Vamos a actualizar nuestra Política de privacidad próximamente. Te recomendamos consultar el avance.

Dreamweaver CC 2017 esencial

Controles de jQuery UI en los sitios web

¡Prueba gratis durante 10 días

nuestros 1290 cursos !

Prueba gratis Mostrar modalidades de suscripción
Además de los acordeones, hay muchos otros controles de jQuery UI, como los grupos de pestañas o los grupos de botones. En este vídeo haremos un breve repaso sobre algunos de estos elementos y veremos cómo configurarlos.

Transcripción

(hombre) En el anterior vídeo hemos visto como crear un acordeón, pero no es la única posibilidad para trabajar con elementos de Jquery, JA. Voy a crear un nuevo elemento HTML y en este documento vacío completamente, vamos a ir haciendo pequeñas pruebas. Voy a irme a Insertar, al apartado de Jquery JA, y vamos a ver un objeto que es interesante. Es el Tabs, en realidad es muy parecido al acordeón, solo que en vez de ponerme los elementos separados horizontalmente, lo que va a hacer es ponerme una serie de pestañas para distinguir los contenidos. Cuando me sale este mensaje, significa que tengo que guardar previamente este documento. Lo guardo como Jquery y él inmediatamente ya me ha generado los enlaces en este archivo, a todos los archivos relacionados con el estilo CSS, y también archivos JS. Y aquí lo vemos funcionando, es muy parecido al anterior, pero trabajando con pestañas. Voy a irme al Dom, si selecciono este objeto, veremos también que el panel de propiedades es muy parecido. Tengo una serie de páneles, cada una de las fichas puedo mover y además es exactamente igual que con el acordeón. Hacer cual se activa, controlar si es con un clic, etc. Como podemos ver, es verdaderamente parecido. Además de eso, tenemos también otros elementos que son más bien controles que van a servir para definir formas de interactuar para el usuario. Por ejemplo, voy a editar este contenido 1, y en este punto, selecciono la etiqueta P, voy a añadir un Date Picker. Sirve para eso, para añadir un calendario. Voy a añadir que lo haga después, y al hacer clic, podemos ver como queda este calendario. Aquí estamos viendo como permite hacer selecciones sobre una fecha en concreto. Igual que tengo este, tengo por ejemplo, para añadir Pop-Ups. Voy a añadirlo después. Pues esto me crearía una pequeña ventanita, esta ventana me permite elegir la posición sobre todo el HTML, el tamaño que tiene que tener, el tamaño mínimo, el tamaño máximo, si se tiene que cerrar cuando se pulsa la tecla de esc, si se puede cambiar el tamaño pinchando y arrastrando sobre él. Si es modal, esto es, si cuando está abierto no permite la selección de ningún otro elemento en la pantalla, y por supuesto, la animación para mostrarlo. A veces, no se ve perfectamente bien. Quiero decir, tendría que abrirlo dentro de la ventana del navegador para ver que efectivamente todo fuese correcto. También es verdad que como he hecho modificaciones sobre los estilos CSS, pues puede ser que esa modificación en concreto, el fondo transparente qu he cambiado, haya cambiado. En cualquier caso vemos, que básicamente este sistema funciona. Voy a eliminar este diálogo para que no estorbe. Más elementos que podemos añadir, pues, por ejemplo, el control autocompletar para que según voy escribiendo me vaya dando diferentes opciones relacionadas. Aquí tengo que hacer que pueda sacar esos datos de algún archivo en el que haya guardado esa información. O también, a través de un servidor. Los Slider, por ejemplo, van a servir para pinchar y arrastrar y así devolver un valor numérico. Son elementos de formulario. A veces me puede costar un poquito añadir el objeto. pero vamos, aquí vemos ese Slider y como puedo pinchar y arrastrar y recuperar el valor concreto de ese Slider. Cada uno de estos elementos que voy añadiendo tiene sus opciones. Por ejemplo, pues el máximo y el mínimo y si se va a mover de uno en uno, o me va cambiando los valores de más en más. También puedo hacer que sea de rango, lo cual va a servir para que en vez de tener un solo Slider, pueda arrastrar con dos Sliders y así, efectivamente, recuperar un rango de valores. También vamos a tener botones. Vamos a tener grupos de opción y de check boxes, y también vamos a tener la opción de añadir varios botones. Voy a ponerlo después, y en ese caso, son grupos en los que tengo varios botones, y voy a añadir todos los que quiera. Luego la programación de cada uno de esos botones, pues tendría que seleccionar uno por uno, y sobre ellos añadir el JavaScript para que realizacen la tarea que me interese.

Dreamweaver CC 2017 esencial

Crea sitios web gracias al software de Adobe, Dreamweaver CC 2017. Con este repaso esencial a sus fundamentos podrás crear páginas responsive y mostrar tus contenidos a la última.

6:11 horas (78 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.