Mostrar los tags: HTML

Este simple código muestra como buscar en los <option> de un <select> y seleccionar el valor encontrado desde JavaScript con selectedIndex.

Web basada en una página adaptable y compatible con cualquier navegador web, tableta, smartphone, móvil, etc... Construida en HTML y CSS desde cero, sólo ocupa al completo 2,13 KB (2.187 bytes); por tanto, NO precisa Javascript, Librerías, Feamewoks, ni nada parecido. Es una estructura amplable sin límite. Se pueden añadir más páginas clonando parte del código y adaptándolo. Tiene un límite: ¡La Imaginación. Qué se le va a hacer!...

Experimento en DHTML que muestra el movimiento de un objeto en relación opuesta a la posición del mouse. El objeto simula "huir" del puntero. Se encuentran en el centro exacto de la zona visible del navegador.

Sencillo experimento basado en el evento OnScroll para cambiar el aspecto, posición, visibilidad, etc. de un elemento u objeto.
Hemos visto como aparecen progresivamente contenidos según avanzamos el scroll de pantalla... Este básico script, puede adaptarse para éso y más efectos; no consume recursos innecesarios, no precisa librería alguna, sólo una función JS y pocas líneas de código se encargan de casi todo.

Código resumido al máximo para un efecto bounce de un objeto por la zona visible del navegador.
Puede ser la base para crear un Pong; Banner; Salvapantallas...

Para experimentar, en definitiva...

Pequeñísimo script para uso experimental que hace posible un mensaje de texto acompañando al cursor. También se puede poner una imagen, figura, etc...

Le afecta el DOCTYPE, a tener en cuenta para incluir en proyectos.

Links que al pasar el mouse se desprende texto con animaciones tipo: cambiar el color de forma aleatoria, hacer zoom de texto que se arrastra al mover el mouse...
Forma parte de una serie de experimentos creados en JavaScript y DHTML.

Espero sea útil.

En ocasiones se precisa desactivar eventos por diversas razones: El menú contextual para crear uno personalizado; la selección de texto, imagen, etc... La mayoría de los eventos se pueden manejar con javascript. Utilizaremos unos pocos y conocidos para este ejemplo. Podemos incluir otros muchos hasta dejar casi inoperativa u operativa cualquier acción. En fin...

Class-CSS aplicable a diversos elementos para evitar que sean seleccionados.
Puede resultar práctico para texto que al clicar y mover en su zona, acabe seleccionado parcial o totalmente sin pretenderlo; algo poco estético.

Lo vemos en el código del ejemplo.

Funcion que permite hacer una busqueda en el DOM, exceptuando los elementos BUTTON e INPUT, hace un highlight de las coincidencias mientras se las escribe en el input con el atributo ID asignado, haciendo uso de expresiones regulares.



Su uso es sencillo, colocar el codigo de la funcion al inicio del documento y al final llamar a la funcion enviando como parametro el atributo ID del input en donde se ingresara la busqueda.




Saludos.