18041 sujets

Questions générales et questions de débutants

[Résolu] Temps d'affichage info bulle

Bonjour,

est-il possible (et comment) d'augmenter le temps d'affichage de l'info bulle sans passer par du javascript???...

Merci.
Modifié par DARDI (27 Aug 2009 - 08:46)
Bonjour,

Ajoutes un peu de poudre magique et ça devrait marcher...



Sinon tu peux aussi nous dire de quelle "info bulle" tu parles et non montrer ton code.
Salut,

Je pense qu'il parle du tooltip par défaut des navigateurs. Et ce n'est pas modifiable.
excuse-moi.

je parle de l'info bulle qui apparaît lorsque je passe avec la souris sur une zone réactive.

le code :

<HTML>
<BODY>
<CENTER><A><IMG SRC="image.jpg" USEMAP="#ImageMap"></A></CENTER>
<MAP NAME = "ImageMap">
<AREA SHAPE="rect" COORDS="175,815,190,800" HREF = "" ALT = "info1
info2
info3">
<AREA SHAPE="rect" COORDS="190,805,205,790" HREF = "" ALT = "info1
info2
info3">
<AREA SHAPE="rect" COORDS="180,800,195,785" HREF = "" ALT = "info1
info2
info3">
</MAP>
</BODY>
</HTML>
Alors, première remarque : merci d'utiliser [ code] et [ /code] (sans espace) pour baliser les postions de code.

Seconde remarque : 
HREF = "" ALT = "info1
info2
info3"
est incorrect. Les espaces ne sont pas recommandés autours du signe "=" et les saut de lignes seront ignorés.
Le code devrait être écrit : [code=]href="" alt="info1 info2 info3"[/code]

Troisième remarque : il ne faut pas confondre alt qui sert à donner un contenu alternatif aux images (basiquement, le même contenu que celui del'image) et title qui permet de donner des informations à propos du lien.

Et comme l'a signalé Agylus, le tooltip n'est pas modifiable, et (accessoirement) dépends du navigateur (FF n'affichera pas le contenu des alt, par exemple).
merci et désolé pour les balises de code.

pour ce qui est des espaces autours du signe =, cela marche quand même!!!...

par contre si je ne fais pas un retour chariot sur mes infos, elles sont à la suite et cela ne m'intéresse pas...

j'ai essayé indifféremment alt et title et je ne vois pas de différence.

si je comprends bien ta conclusion, il n'est pas possible d'augmenter le temps d'affichage!!!...
Remarques pour finir:
- les Doctypes c'est bon, mangez-en;
- les balises et attributs en capitales, c'est has been;
- les éléments de mise en forme tels que CENTER, aussi (solution: apprendre CSS, ça permet de faire beaucoup plus de choses...);
- la première image n'a pas de texte alternatif.

Donc, pour résumer, c'est tout faux. Smiley smile
bien Florent, aurais-tu la gentilesse de m'écrire ces quelques lignes de code pour que ce soit tout juste?
DARDI a écrit :
par contre si je ne fais pas un retour chariot sur mes infos, elles sont à la suite et cela ne m'intéresse pas...

Parce que tu visionnes ton site sur IE. Tu sais qu'il existe d'autres navigateurs ? Eh bien sur ces autres navigateurs ça ne fonctionne pas tes retours à la ligne.

DARDI a écrit :
j'ai essayé indifféremment alt et title et je ne vois pas de différence.

Encore une fois, c'est parce que tu visionnes ton site sur IE. Le alt ne créé une infobulle que sur IE. Ce qui d'ailleurs est une erreur, puisque cet attribut est censé afficher un texte alternatif à une image qui ne peut être chargée.
DARDI a écrit :
bien Florent, aurais-tu la gentilesse de m'écrire ces quelques lignes de code pour que ce soit tout juste?

Eh bien en temps normal je recommanderais plutôt quelques saines lectures (un cours sur XHTML 1.0 par exemple), mais pourquoi pas.

Alors soyons fous, en utilisant la syntaxe HTML 5 (et les conventions de codage courantes comme les noms de balises et d'attributs en minuscules):
<!DOCTYPE html>
<html lang="fr">
<head>
  <!-- En supposant que la page est encodée en UTF-8: -->
  <meta charset="utf-8">
  <title>Titre de la page</title>
</head>
<body>
  <p style="text-align: center;">
    <img src="image.jpg" usemap="#ImageMap">
  </p>
  <map name="ImageMap">
    <area shape="rect" coords="175,815,190,800" href="..." alt="...">
    <area shape="rect" coords="190,805,205,790" href="..." alt="...">
    <area shape="rect" coords="180,800,195,785" href="..." alt="...">
  </map>
</body>
</html>

Ce code n'est bien sûr pas à utiliser tel quel. Les attributs href et alt des éléments AREA sont à renseigner. Le href est la destination du lien (où est-ce que ça m'emmène si je clique sur cette zone de mon image map), et le alt décrit la destination du lien. On peut éventuellement réutiliser cette description (courte) dans un attribut title, pour obtenir une tooltip au survol (l'attribut alt n'est PAS un attribut servant à créer une tooltip).
merci pour vos réponses.

mais mon problème n'est pas résolu (augmenter le temps d'affichage de l'info bulle), tant pis...

bonne journée.
DARDI a écrit :
mais mon problème n'est pas résolu (augmenter le temps d'affichage de l'info bulle)

C'est juste pas possible.
Sujet clos
Aller à