OUvrir un petit tableau au survol d'images

**Krispy** · 25/08/2005, 11h06

HEllo !
Voilà, j'ai un ptit site en PHP, et dessus,il y a mon CV

Ce que j'aimerais faire, c'est affichier les logos des differentes entreprises où j'ai pu travailler, et au survol des images, afficher un petit tableau pres de la souris, qui comporterait les durées, ce que j'ai fait etc.

Bref, un CV un peu plus dynamique qu'un énorme paragraphe

Mais le pb, c'est que ca doit etre en javascript ( forcément ), mais je ne trouve pas comment faire.

QQun connaitrait-il une telle fonction ?
Merci

**Thzith** · 25/08/2005, 11h18

utilise les méthode de popup. Mias c'est carrément des fenêtes qui s'ouvrent dont tu peux spécifier la taille.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
window.open();
et
windows.close()

sinon pour un scipt pareil tu peux peut être trouver sur le net

**denisC** · 25/08/2005, 11h43

Torvalds, je vais finir par demander des royalties, avec toute la pub que je fais pour ce script

Infobulles par Torvalds

**Krispy** · 25/08/2005, 11h50

Envoyé par denisC

Torvalds, je vais finir par demander des royalties, avec toute la pub que je fais pour ce script

Infobulles par Torvalds

génial ! Exactement ce que je cherchais ! Thx bcp

**Krispy** · 25/08/2005, 15h37

J'ai un petit probleme lors de l'intégration de ce script à mes images

j'ai bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<link rel="stylesheet" type="text/css" href="Javascript/InfoBulle.css">
<script type="text/javascript" src="/contenu/scripts/InfoBulle/InfoBulle.js"></script>

en dehors du body

et dans ce body justement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 
<script type="text/javascript">		var infobulle1 = new InfoBulle("infobulle1", "#EAF8B8", "InfoBulle de test", "Première ligne de texte", "black", "Arial");</script>
 
<img src="images/france01.jpg" width="57" height="32" onmouseover="infobulle1.montreToi();" onmouseout="infobulle1.cacheToi();">

Mais ca ne marche pas

QQun saurait pkoi ?

Invité · 25/08/2005, 16h00

merci denisC, j'te jure que si je touchais le moindre centime sur ce script, tu en aurais une partie ;-)

Krispy >
-> quel est ton navigateur ? que te renvoie sa console de debuggage javascript ?
-> as-tu placé l'image avant le script ?

edit : et je crois que tu as oublié de modifier le chemin d'accès au fichier .js

;-)

**Krispy** · 25/08/2005, 16h11

Hello !
Ca ne marche ni avec Firefox ni IE (

)

il me marque qu'infobulle1 est indéfini

par contre, oué, g mal fait le copier coller, le lien est bien celui vers mon propre fichier

Invité · 25/08/2005, 16h25

il me marque qu'infobulle1 est indéfini

waou

. c'est la console Firefox ou la console IE qui te dit ça ? la plus fiable est bien sur celle de Firefox, que dit-elle exactement ?

**Krispy** · 25/08/2005, 16h27

Hello !
Firefox me fait bcp bpc d'erreur pr l'instant...
c'est ici si tu veux voir. catégorie CV

Merci !

**Oluha** · 25/08/2005, 16h39

Avertissement : La feuille de style http://christophe.journel.free.fr/Site/index.php a été chargée comme CSS même si son type MIME, « text/html », n'est pas « text/css »

**Krispy** · 25/08/2005, 16h42

Justement... ca c'est encore une autre erreur à la con... mais je n'ai jamais selectionné dans le code cette feuiille CSS... d'autant plus que c une page pph et non ce qu'il faut

Invité · 25/08/2005, 16h42

je ne sais pas si c'est dû à une de ces 2 remarques, mais :
-> l'inclusion de la CSS et du JS sont faites avant le debut du <head>, ça me semble bizarre...

:
-> le script de creation de l'objet se fait avant la declaration de l'utilisation de l'objet dans l'image... sur ma page d'exemple je l'ai mise apres, car il me semble avoir eu des problemes avec ça...

**Krispy** · 25/08/2005, 16h47

Pr la premiere remarque, c vrai

c une tite erreur de ma part.. c'est quand g voulu inclure les scripts php de redirection.
g un peu travaillé à la barbare

Pr la n°2, je viens d'inverser ( c'est en ligne ) et ca ne marche tojours pas

Je ne comprends pas. tu as quasi la meme chose que moi là

EDIT : g enlevé les redirections automatiques .
tout est visible ( iframe ) là

Invité · 25/08/2005, 17h13

à la ligne où tu crées l'objet Infobulle, la balise script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="javascript">

ce type n'est pas le bon, c'est "text/javascript". le script ne doit pas etre interpreté...

**Krispy** · 25/08/2005, 17h20

Merci !

**Krispy** · 25/08/2005, 17h38

Bonen fait, c'est bizarre... ca marche sous Firefox ( j'ai 3 jolis ptits trucs qui s'affichent ), mais pas sous IE

Invité · 25/08/2005, 17h43

aaah tu as l'erreur super chiante que j'ai eu aussi pendant des mois sous IE, sans comprendre ce que c'etait... à la balise <script> où tu crées l'objet, rajoute l'attribut defer="defer" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" defer="defer">

ça oblige le navigateur d'attendre que toute la page soit chargée avant de commencer à executer le script... mas attention, sous IE ça ne fonctionnera pas à chaque fois, je le crains...

sinon je vois que tu as vite compris comment personnaliser InfoBulle à ta sauce, c'est cool

**Krispy** · 25/08/2005, 17h47

AHH

yes, ca marche ... mais 1 fois sur 10

et oui, j'aime bcp ce petit programme... j'avais commencé avec overlib, mais pkoi pas utilser un ptit programme d'un francais ( soyons chauvin pr une fois, j'utilise bien que des logiciels anglais )

la personnalisation est pas mal

Invité · 25/08/2005, 17h52

ben en fait j'ai decidé l'an dernier de le faire, car j'avais essayé OverLib et detesté, car quand on veut aller modifier un truc dans le code, v'là la galere... comme je voulais pousser mes connaissances dans l'exploration du DOM, j'ai fait ça

par contre pas sur que ça fonctionne toujours sous IE, par exemple je viens de tester ta page et ça refait la meme erreur... IE supporte mal le javascript, et n'interprete pas bien le defer="defer"...

là franchement si quelqu'un voit à quoi peut etre dû ce bug, je suis preneur...

**Krispy** · 25/08/2005, 17h59

Envoyé par torvalds17

là franchement si quelqu'un voit à quoi peut etre dû ce bug, je suis preneur...

là, mes connaissances st beaucoup trop limitées... ( moi et le javascript, ca fait 2 )

Dommage que ca soit pas du php

Par contre, c'est vrai que c'est embetant... 80% des gens st sur IE.. et si le script fait bugger la page...

Vais ptet revenir à overlib en attendant qu'une ame généreuse trouve la solution à ce bug étrange....
( Surtout que oui, la personnalisation etc, est très rapide avec ton code

)

OUvrir un petit tableau au survol d'images

JavaScript

Discussions similaires

Partager

Partager