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
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
je pense avoir trouvé la solution
le probleme
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>
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 ?
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 ?
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.
re,
pourquoi as-tu mis un lien pour definir les onmousemachin ?
je te propose :
dis moi si ca marche ..
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()/>
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 ^^
et cette fonction AffBulle ?
javascript ?? on peut voir le code ?
on pourrait avoir le lien vers la page de test ?
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>
et dans le body avant le bouton de survol :
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> "; 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>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 >InitBulle("#000000","#FFFFFF","#7D9729",2); </script>
yep,
difficile de trouver ..
le flash noir est sur toute la page ?
t'es sous IE ou FireFox ?
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)
ya pas d'mal ;)préférence pour FF
je pense que tu devrai voir sur un forum spécialisé JS alors,
Flash n'a rien à voir avec ce pb, non ?
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 ?
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
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.
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager