html - significa - ¿Es posible ocultar el título href?
los atributos alt (16)
¿Anularlo / superponerlo con una información sobre herramientas jQuery vacía?
<a href="link.html" title="Titletext">
... es el código.
Necesito usar el atributo de title debido a slimbox , pero quiero ocultar el texto del título que aparece al pasar el mouse sobre el enlace.
¿Algunas ideas?
¿No podría simplemente recorrer los enlaces en el DOM y establecer el atributo del título en una cadena vacía?
var DOMlinks = document.links;
for(i=0;i<DOMlinks.length;i++){
DOMlinks[i].title = ""
}
¿Qué tal un buen simple:
<a href="link.html" title="Titletext"><span title=" ">text</span></a>
(Mejor, pon algo realmente útil en el título anidado).
Como leí en otra pregunta, sugiero cambiar el atributo "título" a un "título de datos" para mantenerlo disponible para lectores de pantalla para usuarios con discapacidades. Como dijo Lokin, mantener la facilidad de uso del sitio para usuarios con discapacidades y discapacitados también debería ser una preocupación en el desarrollo.
En lo que respecta a la sugerencia de "qué tal un simple bonito" que he visto en varios sitios, personalmente no lo sugeriría por dos razones.
Los lectores de pantalla y los usuarios con discapacidades visuales dependen de los atributos de los títulos que se leen en voz alta. Creo que este fue el propósito inicial y la razón para ellos en las etiquetas de anclaje y es un aspecto importante de la Sección 508 de accesibilidad web del gobierno de EE. UU. Creo que un lector de pantalla en este caso leerá todos los títulos; el primero y luego el segundo, que podría ser muy confuso para el usuario con discapacidad visual. No entenderían por qué escuchan dos esp, si contiene un texto diferente. ¿Son dos anclas diferentes que están escuchando? Si es así, ¿por qué no pueden hacer clic o seleccionar la otra que escuchan y seguir recibiendo solo una página web (como escenario)?
Si coloca texto adicional tanto en Google del título como en muchos otros motores de búsqueda, puede ver esta acción como black hat seo y podría hacer que su sitio sea eliminado de esa lista de motores de búsqueda (también conocido como relleno), esto ya le sucedió a BMW en Alemania por Google.
Personalmente, creo que el mejor método es mantener el atributo de título tal como estaba destinado a funcionar y luego usar Javascript o css para ocultarlo de alguna manera. Estos métodos no tendrían ningún impacto en los lectores de pantalla, rastreadores web y usuarios con discapacidades visuales.
Esta es mi solución jQuery, hace todo lo que necesita y mantiene el uso correcto del atributo de título. Simplemente cambia el selector de acuerdo a tus necesidades.
/*
* jQuery remove title browser tooltip
*/
var removeTitleSelector = ''a.removeTitle'';
jQuery(''body'').on(''mouseover'', removeTitleSelector, function () {
jQuery(this).data(''title'', jQuery(this).attr(''title''));
jQuery(this).removeAttr(''title'');
}).on(''mouseout'', removeTitleSelector, function () {
jQuery(this).attr(''title'', jQuery(this).data(''title''));
});
Esto es realmente fácil con jQuery.
$("li.menu-item > a").attr(''title'', '''');
Eso eliminará el título de cualquiera de los elementos del elemento de menú de la clase li; por supuesto, puede ser elegante, así que simplemente se esconden con el mouse sobre :)
La forma más fácil sería:
después de usar tu slimbox, agrega el siguiente código debajo:
$(''*[title]'').removeAttr(''title'');
Espero que pueda ayudar ..
Me gustó el jquery ...;) Necesitaba esto para un portafolio: etiquetas de título para una caja de luz pero ninguna en el mouse-over. Esto funcionó para mí, gracias por la pista!
$(function(){
$("li.menu-item > a").hover(function(){
$(this).stop().attr(''title'', '''');},
function(){$(this).stop().attr();
});
});
No hay garantías, pero dependiendo de cómo funciona Slimbox, puede incluir el título y luego usar algo como jQuery para eliminarlo unos segundos después de cargar la página. Suponiendo que Slimbox indexa el atributo Título y lo almacena en algún lugar después de leerlo, es posible que pueda eliminarlo de forma segura después de que esto suceda.
No tienes que usar el atributo de title con Slimbox. Vea el ejemplo de Imágenes múltiples cerca de la parte superior de esta página: http://code.google.com/p/slimbox/wiki/MooToolsAPI .
Simplemente puede eliminar el atributo de title de su ancla y pasar el texto del title (la descripción de su imagen) a la función de open Slimbox, a la que llamaría usando el evento onclick de su ancla.
Si estás usando jquery, podrías hacer lo siguiente.
$("a").mouseover(function(e){ preventdefault();} );
(no lo he probado sin embargo)
Solución jQuery - esto debería ser sencillo:
var hiddenTitle; //holds the title of the hovered object
$("li.menu-item > a").hover(function() {
hiddenTitle = $(this).attr(''title''); //stores title
$(this).attr(''title'',''''); //removes title
}, function() {
$(this).attr(''title'',hiddenTitle); //restores title
});
Suponiendo que está utilizando una etiqueta de imagen en la etiqueta a, puede usar un título alternativo para la imagen (incluso un espacio) y que sobrescribirá el título del enlace cuando se desplace sobre ella.
Usando la idea de David Thomas, puedes crear una solución más elegante usando jQuery:
$(''[title]'').each(function(){
$(this).data(''original-title'', $(this).attr(''title''));
}).hover(
function () {
$(this).attr(''title'','''')
}, function () {
$(this).attr(''title'',$(this).data(''original-title''))
});
// Suppress tooltip display for links that have the classname ''suppress''
var links = document.getElementsByTagName(''a'');
for (var i = 0; i < links.length; i++) {
if (links[i].className == ''suppress'') {
links[i]._title = links[i].title;
links[i].onmouseover = function() {
this.title = '''';
}
links[i].onmouseout = function() {
this.title = this._title;
}
}}
Para citar la respuesta de Aron Rotteveel de la primera trampa vinculada en mi comentario a la pregunta ( )