Menú de contexto es el menú que aparece al hacer clic derecho en la pantalla. Por lo general, estos menús se utilizan para facilitar la realización de acciones favoritas, como ordenar carpetas y archivos, abrir una nueva ventana de aplicación o acceder a la configuración del sistema.
Durante muchos años, el término "menú contextual" se refiere principalmente a las aplicaciones nativas. Sin embargo, ahora tenemos la oportunidad de aprovecharlo también en aplicaciones web. Un ejemplo es el administrador de archivos en Gmil. Este menú se implementa usando código javascript:
En el futuro, podremos crear menús contextuales para sitios web basados en HTML5. Le invitamos a familiarizarse con este enfoque.
Desarrollo del menú contextual
HTML5 nos presentó 2 nuevos elementos: menu y menuitem, y te permiten crear menús contextuales. Para que el navegador trate el elemento del menú como un "menú contextual", debemos establecer el tipo de menú en contexto y también darle una identificación única.
A continuación se muestra un ejemplo en el que creamos un menú contextual con estas propiedades.
Podemos establecer un atributo en la etiqueta del cuerpo si queremos usar el menú contextual en toda la página. También podemos agregarlo al elemento HTML para que este menú utilizado exclusivamente dentro de este elemento.
Ahora aparecerá un nuevo menú contextual dentro del menú del sistema operativo, como se ve en el ejemplo a continuación.
Seguro que muchos de vosotros habéis visto menús contextuales que utilizan iconos. En algunos casos, un ícono puede ser una gran ayuda visual para ayudar a los usuarios a encontrar el menú. Además, también permite a los usuarios entender para qué sirve el menú.
En este punto, nuestro nuevo menú contextual no funcionará al hacer clic. Sin embargo, podemos muy fácilmente traerlo a sus sentidos por medio de pequeño código javascript. En nuestro ejemplo, el menú se llama Selección de correo electrónico. Este menú permite a los usuarios enviar el texto seleccionado por correo electrónico.
Para que funcione, agreguemos una característica que permitirá a los usuarios usar el código resaltado.
Función obtenerTextoSeleccionado() (
var texto = "";
if(ventana.obtenerSelección) (
texto = ventana.getSelection().toString();
) else if (documento.selección && documento.selección.tipo != "Control") (
texto = documento.selección.createRange().texto;
}
devolver texto;
};
Luego creamos otra función, digamos sendEmail() , que abre el cliente de correo electrónico. El asunto de la carta será el texto ingresado desde el encabezado del documento, y el cuerpo de la carta se completará con el texto seleccionado.
función enviarEmail() (
var bodyText = getSelectedText();
ventana.ubicación.href = "mailto:?subject="+ document.title +"&body="+ bodyText +"";
};
Finalmente, agregamos esta funcionalidad a nuestro menú a través del atributo onclick.
Anteriormente le contamos cómo usar HTML5 EditableContent, que nos permite editar contenido web directamente en la página. Nosotros podemos usar esta función, agregándolo a nuestro menú llamado “Editar contenido”.
En conclusión
Personalmente, estamos muy contentos con este nueva caracteristica. Vemos muchas posibilidades en ello. Desafortunadamente, en el momento de escribir este artículo, solo Firefox admite esta función. Esperamos que otros navegadores pronto se conecten a él.
Puede ver una demostración a continuación (solo funciona en Firefox).
En este tutorial, veremos una característica de HTML5 que rara vez se menciona, el menú contextual. Tal vez nunca antes haya oído hablar de un menú de este tipo, pero en algunas situaciones puede ser extremadamente útil.
¿Para qué se puede usar el atributo contextmenu? Le permite agregar varias opciones al menú contextual del navegador con el botón derecho del ratón con solo unas pocas líneas de HTML, incluso cuando Javascript está deshabilitado. Aunque en la actualidad este herramienta útil solo disponible en Firefox.
Así es como funciona:
Usar el menú contextual es mucho más fácil de lo que parece a primera vista. Debe agregar el atributo del menú contextual:
Luego creamos el menú:
El atributo id debe coincidir con el atributo del menú contextual. Por lo tanto, es posible utilizar diferentes menús contextuales para diferentes partes de la página.
Luego agregamos elementos de menú. Primero insertamos un elemento de menú con texto y un ícono, luego agregamos un enlace para transmitir la página actual a Facebook y finalmente insertamos un enlace para actualizar la página. Resulta un menú contextual con tres elementos:
También puede crear submenús:
Una propiedad muy interesante y útil de HTML5. Pero, su aplicación está limitada solo al navegador Firefox.
El rendimiento de todos los dispositivos. En caso de fallas, averías, no siempre es necesario llamar a especialistas, a veces pagando por sus servicios a precios bastante altos. Muchas deficiencias, los errores se pueden corregir de forma independiente. Este tipo de fallas, los errores incluyen cuando el botón derecho del mouse no abre el menú contextual. ¿Cómo actuar en tales casos?
Primero, debe averiguar por qué falla la operación, por qué el menú contextual no funciona. menú de ventanas 10. Hay varias razones posibles para esto:
Consideremos qué hacer en estos casos, cómo cambiar la situación cuando el menú contextual del botón derecho no se abre.
Si el menú contextual del botón derecho no aparece debido a que el registro está repleto de archivos obsoletos, recomendamos utilizar una utilidad para la limpieza, por ejemplo, Glary Utilities. Glary Utilities es un conjunto de modificadores del sistema, utilidades que ayudan a proteger, sintonia FINA, mejorar el rendimiento de la PC. Con el conjunto, puede eliminar archivos innecesarios que obstruyen el sistema, entradas de registro que están desactualizadas hace mucho tiempo, optimizar la RAM, administrar el inicio, optimizar la memoria y otras funciones útiles para el buen funcionamiento de la computadora. Glary Utilities se puede descargar de forma gratuita.
Después de configurar los ajustes, limpie su dispositivo de archivos basura a través de la misma utilidad, limpie el registro, aumentando así la velocidad de la computadora.
Si cuando hace clic en RMB en un archivo o carpeta, el menú contextual en el escritorio no funciona, la computadora se congela, la tecla no responde a los comandos, puede solucionar este bloqueo de dos maneras, le recomendamos que haga ambas en secuencia . Antes de continuar con cualquiera de ellos, debe tener derechos de administrador. Deberá trabajar con el registro, aquí debe tener cuidado, si lo hace incorrectamente, el sistema puede fallar. Por lo tanto, al iniciar el proceso de reparación de fallas, asegúrese de crear un punto de restauración del sistema antes de eliminar cualquier cosa.
Una congelación "silenciosa" generalmente es causada por un programa inestable, un programa congelado o cuando un enlace en el menú contextual apunta a un recurso inexistente.
Siga los pasos en secuencia:
El algoritmo para el segundo método, cuando no se abre el menú contextual de Windows 10, será el siguiente.
Después de completar los dos métodos, el menú contextual debería abrirse, la PC dejará de congelarse cuando RMB haga clic en el archivo.
No es difícil hacer que el menú contextual funcione, solo recuerde que cualquier intento de cambiar el registro puede conducir a una operación inestable de la PC, así que no olvide crear puntos de restauración, archivar copias de los programas que se eliminarán. Cuando el botón derecho del mouse no abre el menú contextual, siga las instrucciones anteriores en secuencia, aplique todos los métodos, el error se solucionará.
¿Ha notado que hacer clic derecho en las imágenes en algunos sitios no hace nada? Parece que el botón hace clic en inactivo y al navegador no le importa, se "congela y piensa". En realidad, el navegador simplemente bloquea los clics al recibir dicho comando del script JavaScript de la página cargada.
Cómo desbloquear botón derecho hacer clic en una imagen para guardarla y verla sin conexión? En la mayoría de los navegadores de Internet, esto es suficiente para "cavar" en la configuración avanzada JavaScript.. Entonces…
Si usted tiene " Ópera»:
1. Siga la ruta "Herramientas" -> "Configuración general";
2. En la ventana que aparece, deténgase en el elemento "Contenido" y busque el botón "Configurar JavaScript" (ver Fig. 1).
3. Al hacer clic en él, abra la ventana para obtener una configuración detallada de JavaScript y desmarque la casilla junto a la línea "Bloquear botón derecho".
Después de la confirmación (haciendo clic en "Aceptar"), este botón se volverá "libre" para las llamadas al menú contextual. Por cierto, en Firefox» Para desbloquear el botón derecho, debe desmarcar la casilla junto a dicho elemento (ver Fig. 2).
En otros navegadores avanzados, el bloqueo del botón derecho se elimina de la misma manera, a través de la misma configuración avanzada de JavaScript.
Las aplicaciones web de hoy se están convirtiendo en un nuevo paso en el desarrollo de la web. Estos están lejos de los sitios de información ordinarios. Gmail y Dropbox son ejemplos de aplicaciones web avanzadas. A medida que crece la funcionalidad, accesibilidad y utilidad de las aplicaciones web, también crece la necesidad de aumentar la eficiencia de su uso. Esta guía analizará la creación de algo tan útil como su propio menú contextual y, en particular:
En su computadora, al hacer clic derecho en el escritorio, aparecerá un menú contextual Sistema operativo. Desde aquí, probablemente pueda crear una nueva carpeta, obtener información y hacer otra cosa. El menú contextual del navegador permite, por ejemplo, obtener información sobre la página, ver su código fuente, guardar una imagen, abrir un enlace en una nueva pestaña, trabajar con el portapapeles, etc. Además, el conjunto de acciones disponibles depende de dónde hizo clic exactamente, es decir, del contexto. Este es el comportamiento estándar establecido por los desarrolladores de navegadores [ Y extensiones a la misma].
Las aplicaciones web están comenzando a reemplazar lentamente los menús contextuales estándar por los suyos propios. Gmail y Dropbox son buenos ejemplos. La única pregunta es cómo hacer tu propio menú contextual. En el navegador, al hacer clic con el botón derecho se activa el evento del menú contextual. Tendremos que anular el comportamiento predeterminado y hacer que se muestre nuestro propio menú en lugar del menú estándar. Esto no es tan difícil, pero lo entenderemos paso a paso, por lo que resultará bastante voluminoso. Para empezar, vamos a crear estructura basica aplicaciones para que el ejemplo que se está desarrollando no esté completamente desvinculado de la realidad.
del traductor
La traducción en lugares es bastante libre, pero no en detrimento del significado o el contenido. Todo lo que no está directamente relacionado con el original está incluido en las notas.
Con sugerencias, deseos y comentarios, como siempre, en el PM.