info bulle avec flash intégré

**FraK** · 20/06/2007, 13h48

hello
en voulant agrémenter un peu mon site, je me suis demandé si une info bulle (js/html) pouvait contenir un objet flash animé
si oui, comment faire ?
merci d'avance

**FraK** · 20/06/2007, 15h23

je pense avoir trouvé la solution

Code :

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

1
2
<A href="#" onmouseover="AffBulle('<embed src=images/animations/rollup_kal.swf></embed>')" 
onmouseout=HideBulle()><img src="images/vue3d.png" border="0" /></A>

le probleme
c'est qu'au survol de l'image, il y a comme 1 flash noir tres rapide à l'ecran (comme une page blanche de rafraichissement, mais beaucoup plus rapide)

quelqu'un a une idée ?

**beekeep** · 21/06/2007, 14h00

lut,

ça doit etre le temps de chargement de l'anim,

le flash noir est sur toute la page ?
le fond de ton anim defini dans flash est noir ?

**FraK** · 21/06/2007, 14h55

l'anim fonctionne tres bien, c'est juste au survol du bouton pour ouvrir l'info bulle que le flash noir apparait, et super brievement ^^
sinon si ca peut aider, a chaque survol pareil, j'ai un "#" qui apparait dans la barre de titre de la fenetre (<a href="#" etc ... >) et qui s'ajoute les uns aux autres selon le nombre de fois ou je fais le survol.

**beekeep** · 21/06/2007, 15h06

re,

pourquoi as-tu mis un lien pour definir les onmousemachin ?

je te propose :

Code :

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

1
2
<img src="images/vue3d.png" border="0" onmouseover="AffBulle('<embed src=images/animations/rollup_kal.swf></embed>')" 
onmouseout=HideBulle()/>

dis moi si ca marche ..

**FraK** · 21/06/2007, 15h23

ok c'est cool, le "#" a disparus, merci bien
=)
par contre, le problème de flash noir persiste.
En fait, ca ressemble plus à l'affichage de l'ecran qui saute brievement qu'à un flash ^^

**beekeep** · 21/06/2007, 15h36

et cette fonction AffBulle ?

javascript ?? on peut voir le code ?

on pourrait avoir le lien vers la page de test ?

**FraK** · 21/06/2007, 15h40

le code oui
la page ... pas possible
site classé secret jusqu'à sa parution ^^ et surtout j'ai pas de logiciel ftp sur ce poste la ;p
<head> ... </head>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<SCRIPT language=JavaScript type=text/javascript>
var IB=new Object;
var posX=0;posY=0;
var xOffset=-20;yOffset=-70;
function AffBulle(texte) {
  contenu="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='-1' face='arial' color='"+IB.ColTexte+"'>"+texte+"</FONT></TD></TR></TABLE></TD></TR></TABLE>&nbsp;";
  var finalPosX=posX-xOffset;
  if (finalPosX<0) finalPosX=0;
  if (document.layers) {
    document.layers["bulle"].document.write(contenu);
    document.layers["bulle"].document.close();
    document.layers["bulle"].top=posY+yOffset;
    document.layers["bulle"].left=finalPosX;
    document.layers["bulle"].visibility="show";}
  if (document.all) {
    //var f=window.event;
    //doc=document.body.scrollTop;
    bulle.innerHTML=contenu;
    document.all["bulle"].style.top=posY+yOffset;
    document.all["bulle"].style.left=finalPosX;//f.x-xOffset;
    document.all["bulle"].style.visibility="visible";
  }
  //modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
  else if (document.getElementById) {
    document.getElementById("bulle").innerHTML=contenu;
    document.getElementById("bulle").style.top=posY+yOffset;
    document.getElementById("bulle").style.left=finalPosX;
    document.getElementById("bulle").style.visibility="visible";
  }
}
function getMousePos(e) {
  if (document.all) {
  posX=event.x+document.body.scrollLeft; //modifs CL 09/2001 - IE : regrouper l'évènement
  posY=event.y+document.body.scrollTop;
  }
  else {
  posX=e.pageX; //modifs CL 09/2001 - NS6 : celui-ci ne supporte pas e.x et e.y
  posY=e.pageY; 
  }
}
function HideBulle() {
	if (document.layers) {document.layers["bulle"].visibility="hide";}
	if (document.all) {document.all["bulle"].style.visibility="hidden";}
	else if (document.getElementById){document.getElementById("bulle").style.visibility="hidden";}
}
 
function InitBulle(ColTexte,ColFond,ColContour,NbPixel) {
	IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
	if (document.layers) {
		window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
		document.write("<LAYER name='bulle' top=0 left=0 visibility='hide'></LAYER>");
	}
	if (document.all) {
		document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'></DIV>");
		document.onmousemove=getMousePos;
	}
	//modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
	else if (document.getElementById) {
	        document.onmousemove=getMousePos;
	        document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'></DIV>");
	}
 
}
 
</SCRIPT>

et dans le body avant le bouton de survol :

Code :

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

1
2
>InitBulle("#000000","#FFFFFF","#7D9729",2);
 </script>

**beekeep** · 21/06/2007, 16h21

yep,

difficile de trouver ..

le flash noir est sur toute la page ?

t'es sous IE ou FireFox ?

**FraK** · 21/06/2007, 16h24

alors dans l'ordre :
oui, l'affichage saute sur l'intégralité de la page
les 2 (IE + FF, avec préférence pour FF)

**beekeep** · 21/06/2007, 16h29

préférence pour FF

ya pas d'mal ;)

je pense que tu devrai voir sur un forum spécialisé JS alors,

Flash n'a rien à voir avec ce pb, non ?

**FraK** · 21/06/2007, 16h34

je pense que si, puisque sans le flash (info bulle normale, imagée ou textuée) il n'y a pas de saut d'affichage.
la balise contenant le flash pour l'info bulle reste la meme que dans un code normale (méthode que j'ai mis comme ca à tout hasard)
donc peut etre y a t-il une autre facon de procéder pour inclure une anim' flash dans une info bulle ?

**FraK** · 21/06/2007, 16h38

bon en fait on vient de me dire que c'était normal.
a prioris c'est du au loading de l'anim sur le onmouseover.
je vais tester avec onmouseclick voir ce que cela donne, mais normalement le resultat sera semblable, sauf que l'anim' sera fixe grace au onclick, et donc l'affichage restera stable.
merci pour ton aide mec

**beekeep** · 21/06/2007, 16h40

si tu veux modifier le code qui intègre l'anim en html,

tu peux prendre le code généré par flash en publiant puis rajouter la transparence et remplacer le <embed> simple.

info bulle avec flash intégré

Intégration

Discussions similaires

Partager

Partager