info bulle avec flash intégré [Résolu]

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

Citation:

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.

20/06/2007, 13h48	#1
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	info bulle avec flash intégré 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 __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

21/06/2007, 14h55	#4
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	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. __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

21/06/2007, 15h23	#6
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	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 ^^ __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

21/06/2007, 16h24	#10
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	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) __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

21/06/2007, 16h34	#12
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	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 ? __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

21/06/2007, 14h00	#3
beekeep Rédacteur/Modérateur Développeur informatique Inscription : octobre 2006 Messages : 1 606 Détails du profil Informations personnelles : Sexe : Âge : 26 Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Développeur informatique Informations forums : Inscription : octobre 2006 Messages : 1 606 Points : 2 234 Points : 2 234	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 ?
	00

21/06/2007, 15h36	#7
beekeep Rédacteur/Modérateur Développeur informatique Inscription : octobre 2006 Messages : 1 606 Détails du profil Informations personnelles : Sexe : Âge : 26 Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Développeur informatique Informations forums : Inscription : octobre 2006 Messages : 1 606 Points : 2 234 Points : 2 234	et cette fonction AffBulle ? javascript ?? on peut voir le code ? on pourrait avoir le lien vers la page de test ?
	00

21/06/2007, 16h21	#9
beekeep Rédacteur/Modérateur Développeur informatique Inscription : octobre 2006 Messages : 1 606 Détails du profil Informations personnelles : Sexe : Âge : 26 Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Développeur informatique Informations forums : Inscription : octobre 2006 Messages : 1 606 Points : 2 234 Points : 2 234	yep, difficile de trouver .. le flash noir est sur toute la page ? t'es sous IE ou FireFox ?
	00

21/06/2007, 16h38	#13
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	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 __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

21/06/2007, 16h40	#14
beekeep Rédacteur/Modérateur Développeur informatique Inscription : octobre 2006 Messages : 1 606 Détails du profil Informations personnelles : Sexe : Âge : 26 Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Développeur informatique Informations forums : Inscription : octobre 2006 Messages : 1 606 Points : 2 234 Points : 2 234	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email