High-Tech Santé Médecine Droit-Finances

Bien choisir

sa console de jeux

Rechercher : dans
Par :

Html, php, bulle avec la souris

Dernière réponse le 28 jun 2009 à 20:51:30 Wolfylink, le 28 jun 2009 à 13:54:36 
 Signaler ce message aux modérateurs

Bonjour,
Je voudrais savoir, en html, php et peut-être MySQL et CSS, comment afficher un bulle avec du texte au passage de la souris sur l'élément concerné...
Par exemple, avec une image (je sais pas si c'est important alors je le dis quand même : cette image est un lien).

Merci d'avance...

@ +

Configuration: Windows Vista
Firefox 3.0.11

Meilleures réponses pour « Html, php, bulle avec la souris » dans :
[PHP] Upload de fichiers VoirLe langage PHP permet de gérer des fichiers envoyés (uploadés) grâce à un formulaire HTML. Formulaire d'envoi de fichiers Configuration de PHP pour permettre l'upload Récupération du fichier avec PHP Formulaire d'envoi de fichiers La...
[Webmaster] Afficher facilement le code php/xhtml de vos pages VoirSi vous voulez proposer a vos visiteurs de voir la source de vos fichiers (PHP ou HTML), il y a plusieurs solutions. En php Afficher le code php Afficher le code html En html Informations Voir aussi En php Afficher le code php La...
Javascript - Interdire le clic droit de la souris VoirIl est possible d'empêcher que votre visiteur effectue un clic droit sur votre page. Ceci permet une protection relative de vote code source et de vos photos. Placez ce script entre les balises et de votre code HTML :
PHP - Récupération de données VoirPHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Création d'un formulaire Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des...
PHP - Parser du XML VoirIntroduction à XML PHP permet l'analyse syntaxique (parsage ou parsing en anglais) d'un document XML. Le langage XML (eXtensible Markup Language, traduisez Langage à balises extensibles) est un métalangage, c'est-à-dire un langage permettant de...
Posez votre question Répondre

1

IgnisFatuus, le 28 jun 2009 à 14:16:42

Bonjour,

En html si tu veux dire "cette image est un lien", le code va ressembler à ça :
<img src="le nom du document où se trouve l'image/le nom de l'image.format" alt="cette image est un lien"/>

Voilà, j'espère avoir pu t'éclairer ^^ Armageddon was yesterday - Today, we have a serious problem ...

   
Répondre à IgnisFatuus

2

Wolfylink, le 28 jun 2009 à 14:32:58

Merci, InginsFatuus...
Cependant, je ne parlais pas de l'option alt (que je connaissais déjà par ailleurs) mais d'un info-bulle...
Un peu comme celle-ci :

http://damienalexandre.fr/share/info-bulle-javascript.html

Si quelqu'un veut bien me répondre, merci !

   
Répondre à Wolfylink

3

IgnisFatuus, le 28 jun 2009 à 15:33:31

J'ai trouvé ceci :

}
.infobulle{
position: absolute;
visibility : hidden;
border: 1px solid Black;
padding: 10px;
font-family: Verdana, Arial;
font-size: 10px;
background-color: #FFFFCC;
}

Armageddon was yesterday - Today, we have a serious problem ­...

   
Répondre à IgnisFatuus

4

moderno31, le 28 jun 2009 à 16:57:45

Hello,
Il ne s'agit pas d'un infobulle meme si ça y ressemble.
C'est une sort de boite flottante qui est désactivée (cachée par défaut) et sur l'évènement "passe ta souris sur une image nommé x" elle s'affiche. Cette même boite flottante peut etre utilisée comme zone de texte pour positionner des infos à des endroits innaccessible sur une page.

Donc je suis l'idée du code CSS... A tester pour voir ce que ça fait
Bien vu IgnisFatuus

A+

   
Répondre à moderno31

5

IgnisFatuus, le 28 jun 2009 à 17:19:54

Merci moderno31 ^^ Armageddon was yesterday - Today, we have a serious problem ­...

   
Répondre à IgnisFatuus

6

moderno31, le 28 jun 2009 à 17:21:18

Avec plaisir très chère ou Très cher lol

   
Répondre à moderno31

7

IgnisFatuus, le 28 jun 2009 à 17:24:13

Très chère :)
En espérant que ça puisse aider Wolfylink.
Pour ma part, j'ai testé et ça marche donc il ne devrait pas y avoir de soucis. Armageddon was yesterday - Today, we have a serious problem ­...

   
Répondre à IgnisFatuus

8

moderno31, le 28 jun 2009 à 17:26:20

Ok, :)
Bonne chance dans tes travaux alors. Moi j'en ai encore "montagne" à faire avec les miens

   
Répondre à moderno31

9

Wolfylink, le 28 jun 2009 à 17:31:41

Merci... Mais mettre cette portion de code sur mon fichier css suffit ?
Ou faut-il mettre un code en HTML disant "quand la souris passe sur x, mettre y chose avec les propriétés css entrées précédement ?
Désolé pour toutes ces questions... En revanche, si quelqu'un a besoin d'aide, je suis à vous ! Je m'y connais très bien en HTML, PHP, MySQL et assez bien en css...
Donc, voilà !
@ + !

   
Répondre à Wolfylink

10

IgnisFatuus, le 28 jun 2009 à 17:51:17

Voici un lien qui devrait t'aider http://peutetreunereponse.over-blog.com/article-6614978.html­
Armageddon was yesterday - Today, we have a serious problem ­...

   
Répondre à IgnisFatuus

11

 Wolfylink, le 28 jun 2009 à 20:51:30

Bon...
Merci pour tous vos conseils, mais c'est bon, j'ai compris comment ça marche... J'ai fait une sorte d'info-bulle personnalisée...

J'ai utilisé du javascript... Alors, pour ceux qui lisent ce sujet et qui ne savent pas comment faire :

http://damienalexandre.fr/Info-Bulle-en-Javascript.html

Voilà !
Merci à tous !!!

   
Répondre à Wolfylink
Posez votre question Répondre
Ils ont besoin de votre aide