Personnaliser les Balises title et balises alt

Bonsoir

Est t'il possible d'influencer les balises alt et title, afin de les colorer ou autre fantaisie ?

Si c'est pas possible ya t'il un moyen d'afficher une popup sans oter ces deux balises et faire en sorte que celles-ci au survol ne n'interfère pas sur le popup?

Merci

Bonsoir,
Je ne suis pas certain d'avoir bien compris.
Si tu parles de l'affiche de la balise alt au survol, c'est une mauvaise habitude d'Ie, ce n'est pas le but initiale de la balise alt.

Pour ta deuxième question, dans le doute, tu peux regarder "overlib" une librairie javascript assez intéressante.

je trouve.

En Fr par ici

Michel a écrit :
Bonsoir

Bonjour,

a écrit :

Est t'il possible d'influencer les balises alt et title, afin de les colorer ou autre fantaisie ?

Les attributs alt et title sont incorruptibles à mon avis. Ils peuvent être détournées, mal utilisées, pas utilisées, mais influencées je ne connaissais pas.

Trève de plaisanteries, pourrais-tu nous en dire plus de l'objectif poursuivi, si c'est du contenu que tu souhaites restituer à tes utilisateurs cela ne devrait pas passer par l'un où l'autre de ces attributs qui ne sont peut-être pas conçus pour cela. Ces attributs remplissent un rôle bien précis suivant à quels éléments ils s'appliquent.

Précises-nous qu'elle est l'objet de ta question.

RE

J'ai bien pensé à l'utilisation du javascript, mais...

Je cherche a garder les balises title et alt afin de renseigner les images
dans mon code.

j'aimerais aussi renseigner ces mêmes images par une popup plus attractive
que le gris qui s'affiche habituellement par survol pour alt et title.

J'ai bien essayé un truc de meyer, mais malheureusement les survols de alt et de tittle viennent se mélanger à ma popup, ça fait un peu cafouillage.

ps:voici ce que préconise E.Meyer

<li><a class=info href="#">
<img src="img/test.jpg" width="50" height="50" /><span>pays</span></a></li>

Merci
Modifié par Michel (07 Jan 2006 - 02:11)

Michel a écrit :
RE

J'ai bien pensé à l'utilisation du javascript, mais...

Je cherche a garder les balises title et alt afin de renseigner les images
dans mon code.

En quoi l'utilisation de Javascript (overlib ou pas) bloque l'utilisation des balises alt et title?

Re

l'utilisation de Javascript ne bloque pas l'utilisation des balises alt et title.

Mais cela n'empêche pas le chevauchement des infobulles.

Voir ici http://www.logins.fr


Modifié par Michel (04 Mar 2006 - 02:16)

Salut,
Chez moi ce n'est pas gris, c'est... #FFFFE7

Pour modifier l'apparence des "titles" et ajouter des effets, tu peux voir http://www.kryogenix.org/code/browser/nicetitle/

Pour le alt... il n'y a je crois que IE qui l'affiche en info-bulle, donc ça serait plus simple qu'il ne l'affiche plus...

Le site http://www.pouipouidesign.net/ utilise le "nicetitle" sur des images avec alt (passer sa souris sur le menu de droite par exemple), et donc avec IE les deux appraissent en même temps
Modifié par Alan (07 Jan 2006 - 06:35)

Alan a écrit :

Pour modifier l'apparence des "titles" et ajouter des effets, tu peux voir http://www.kryogenix.org/code/browser/nicetitle/

Ce script neutralise totalement les title dans certains navigateurs (Opera notament).

Alan a écrit :
Le site http://www.pouipouidesign.net/ utilise le "nicetitle"...

Dans ce cas, on s'interroge franchement sur l'intérêt d'un title ajoutant brillament l'information vers mon portfolio... pour un lien dont l'intitulé est mon portfolio ! Les autres liens de cette page sont du même acabit. C'est un simple cas d'effet "pour le plaisir de faire un effet", "parce que si c'est fun, c'est forcément attractif", sans réflexion sur l'utilisabilité et l'ergonomie, ou tout simplement l'utilité.

le title d'un lien est destiné à être exploité par le navigateur, selon les fonctionnalités de celui-ci, qui répondent a priori au choix de l'utilisateur. Opera, par exemple, affiche dans le même tooltip le title et l'url au survol du lien. Ne pas retrouver ce comportement quand l'auteur s'amuse à scripter comme cela est très gênant.
Modifié par Laurent Denis (07 Jan 2006 - 08:40)

Michel a écrit :
ps:voici ce que préconise E.Meyer

<li><a class=info href="#">
<img src="img/test.jpg" width="50" height="50" /><span>pays</span></a></li>

Penser à mettre un alt=""

Laurent Denis a écrit :

Ce script neutralise totalement les title dans certains navigateurs (Opera notament).

C'est bizarre, sur kryogenix.org, les title sont effectiment neutralisés avec Opera, mais sur le site "pouipoui", ça fonctionne très bien avec ce navigateur

Alan a écrit :


C'est bizarre, sur kryogenix.org, les title sont effectiment neutralisés avec Opera, mais sur le site "pouipoui", ça fonctionne très bien avec ce navigateur

Peut être mais je viens de tester avec firefox avec le choix "aucun style" et là je n'ai plus ni nice title ni title tout court.

Bonjour

C'est bien dans un soucis d'importance des balises alt et title que j'essaye de trouver une alternative.

Imaginons un panneau composé uniquement d'images et que l'on veuille offrir au visiteurs voyants(sans léser les non voyants) une infobulle décrivant les images se trouvant sur ce panneau.

Ce n'est pas uniquement pour faire joli que je buche sur cette alternative, c'est pour informer le visiteur et lui offrir un visuel qui l'informe sur l'image
(cette même image étant un lien)

Je désire par ce biais éviter à mon visiteur de cliquer sur les 240 image affichées pour savoir de quoi il en retourne.

Les alternatives JS sont sympa, mais que se passe t'il quand un internaute désactive les JS dans son navigateur (rien)

Si ceux-ci désactive le JS il faut absolument trouver une alternative.
Ce que j'essaye de faire.

Comment respecter les standards en affichant une infobulle à mes visiteurs et faire en sorte que les infobulles de alt et de title ne viennent pas chevaucher l'infobulle css.

J'ai testé les JS proposés ci-dessus aucuns n'offre cette solution.

l'idéale serait de corompre alt et title

Merci
Modifié par Michel (07 Jan 2006 - 14:09)

Michel a écrit :
Ce n'est pas uniquement pour faire joli que je buche sur cette alternative, c'est pour informer le visiteur et lui offrir un visuel qui l'informe sur l'image
(cette même image étant un lien)

<a href="..." [b]title="..."[/b]><img src="..." alt="..." /></a>

Bonjour Laurent

Laurent Denis a écrit :

<a href="..." [b]title="..."[/b]><img src="..." alt="..." /></a>

Bien entendu 100% Ok pour cette formule, rien à dire.

Mais comment rendre l'infobulle du alt et du title moin disgracieuse que ce gris verdatre illisible et appliquer un fond blanc avec un texte noir(plus gracieux).

Là est la question !

Michel a écrit :

Mais comment rendre l'infobulle du alt et du title moin disgracieuse que ce gris verdatre illisible et appliquer un fond blanc avec un texte noir(plus gracieux).

Ces infobulles font partie de l'interface du client, non de la page Web. Leur couleur peut êre modifiée à sa guise par n'importe quel utilisateur à partir de la configuration de son OS (Sous Windows XP, Propriétés d'Affichage > Apparence > Avancées > Info-bulle). Tout ce que tu devrais faire, c'est simplement modifier ta config sur ta machine personnelle et laisser tes visiteurs faire de même s'ils le souhaitent, avec les couleurs de leur choix)

(Personnellement, j'agrandis toujours un peu leur taille de police, et je modifie l'arrière-plan pour qu'elles ressortent un peu plus sur les pages)
Modifié par Laurent Denis (07 Jan 2006 - 14:43)

Si le script est bien fait, la désactivation de javascript doit ramener au comportement habituel du navigateur : tooltip au survol avec le contenu de l'attribut title. C'est d'ailleurs le cas dans le script précédemment cité.

Le problème (en dehors de l'aspect gadget) c'est si l'on suit Laurent Denis l'annihilation du title quand javascript est actif. Il est vrai que dans le script présenté la méthode removeAttribute est plutôt violente.

Reste à savoir si la suite d'opérations suivante :

element.onmouseover=element.onfocus entraine :
var contenu_title=this.title;/* ayant récupéré le contenu du title dans une variable*/
this.title=""; /*on impose au title une chaine de caractère vide*/

Mais !

element.onmouseout=element.onblur entraine :
this.title=contenu_title;/*on redonne au title son contenu récupéré dans la variable contenu_title*/
contenu_title="";/* ceci fait on réinitialise contenu_title en chaine de caractère vide*/

est plus satisfaisante?
A tout le moins s'il y bien toujours annihilation du title c'est seulement lors du survol de l'élément concerné.
Modifié par clb56 (07 Jan 2006 - 14:52)

Bonjour

Merci beaucoup pour vos conseils.
Finalement j'ai opté pour du javascript "nicetitle.js"

Maintenant je cherche une solution pour que l'infobulle de 'alt' ne s'affiche pas au survol en même temps que l'infobulle javascript.

@+