Se connecter / S'enregistrer
Votre question

[Résolu] Problème avec mon Jukebox.

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
15 Octobre 2007 11:34:51

Bonjour à tous.

J'ai un petit problème avec mon jukebox enfin le problème ne concerne pas directement mon jukebox mais plutôt son emplacement.
En faite j'ai placer mon jukebox dans un petit cadre qui s'affiche lorsque l'on passe son curseur sur le mot "jukebox" voyez plutôt :
image

Jusque là tout va bien.
Lorsque je met une musique elle se lance belle et bien mais quand j'enleve mon curseur du cadre celui-ci disparet (c'est fait expret) et la musique s'arette.
Donc je voudrais en faite une solution pour que quand on enleve sa souris du cadre la musique continu.

Voila mon script si ça peut aider :

Celui qui se trouve dans "head":
  1. <script type="text/javascript">
  2. <!--
  3. window.onload=montre;
  4. function montre(id) {
  5. var d = document.getElementById(id);
  6. for (var i = 1; i<=10; i++) {
  7. if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
  8. }
  9. if (d) {d.style.display='block';}
  10. }
  11. </script>
  12.  
  13. <style type="text/css">
  14. <!--
  15. body {
  16. padding:0;
  17. margin:0;
  18. font-family: verdana, arial, sans-serif;
  19. font-size: 90%;
  20. color: black;
  21. }
  22. dl, dt, dd, ul, li {
  23. margin: 0;
  24. padding: 0;
  25. list-style-type: none;
  26. }
  27. #menu {
  28. position: absolute;
  29. width: 10em;
  30. margin-left: 460px;
  31. margin-top: -15px;
  32. }
  33.  
  34. #menu dt {
  35. cursor: pointer;
  36. background-image: url("css/images/fond3.bmp");
  37. height: 20px;
  38. line-height: 20px;
  39. margin: 2px 0;
  40. border: 1px solid gray;
  41. text-align: center;
  42. font-weight: bold;
  43. color: white;
  44. }
  45.  
  46. #menu dd {
  47. position: absolute;
  48. z-index: 100;
  49. left: 8em;
  50. margin-top: -1.4em;
  51. background-image: url("css/images/fond3.bmp");
  52. border: 1px solid gray;
  53. }
  54.  
  55. #menu ul {
  56. padding: 2px;
  57. }
  58. #menu li {
  59. text-align: center;
  60. font-size: 85%;
  61. line-height: 18px;
  62. }
  63. #menu li a, #menu dt a {
  64. color: #000;
  65. text-decoration: none;
  66. display: block;
  67. }
  68.  
  69. #menu li a:hover {
  70. text-decoration: underline;
  71. }
  72.  
  73.  
  74. #mentions {
  75. font-family: verdana, arial, sans-serif;
  76. position: absolute;
  77. bottom : 200px;
  78. left : 10px;
  79. color: #000;
  80. background-color: #ddd;
  81. }
  82. #mentions a {text-decoration: none;
  83. color: #222;
  84. }
  85. #mentions a:hover{text-decoration: underline;
  86. }
  87.  
  88. -->
  89. </style>



Et l'autre:

  1. <dl id="menu">
  2.  
  3. <dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">Jukebox</dt>
  4. <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
  5. <ul>
  6. <li>
  7. <script type="text/javascript">
  8. AC_FL_RunContent( 'type','application/x-shockwave-flash','data','<a href="http://ynaidja.free.fr/jukebox/player-anime.swf" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/player-anime.swf</a>','width','250','height','150','movie','<a href="http://ynaidja.free.fr/jukebox/player-anime" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/player-anime</a>','wmode','transparent','flashvars','configxml=<a href="http://ynaidja.free.fr/jukebox/playlist-anime.xml" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/playlist-anime.xml</a>' );
  9. </script><object type="application/x-shockwave-flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="250"><param name="data" value="<a href="http://ynaidja.free.fr/jukebox/player-anime.swf" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/player-anime.swf</a>"> <param name="movie" value="<a href="http://ynaidja.free.fr/jukebox/player-anime.swf" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/player-anime.swf</a>"> <param name="wmode" value="transparent"> <param name="flashvars" value="configxml=<a href="http://ynaidja.free.fr/jukebox/playlist-anime.xml" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/playlist-anime.xml</a>"> <embed data="<a href="http://ynaidja.free.fr/jukebox/player-anime.swf" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/player-anime.swf</a>" src="<a href="http://ynaidja.free.fr/jukebox/player-anime.swf" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/player-anime.swf</a>" wmode="transparent" flashvars="configxml=<a href="http://ynaidja.free.fr/jukebox/playlist-anime.xml" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/playlist-anime.xml</a>" type="application/x-shockwave-flash" height="150" width="250"></object><noscript><object type="application/x-shockwave-flash" data="<a href="http://ynaidja.free.fr/jukebox/player-anime.swf" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/player-anime.swf</a>" width="250" height="150">
  10. <param name="movie" value="<a href="http://ynaidja.free.fr/jukebox/player-anime.swf" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/player-anime.swf</a>" />
  11. <param name="wmode" value="transparent" />
  12. <param name="FlashVars" value="configxml=<a href="http://ynaidja.free.fr/jukebox/playlist-anime.xml" rel="nofollow" target="_blank">http://ynaidja.free.fr/jukebox/playlist-anime.xml</a>" />
  13. </object></noscript>
  14. </li>
  15.  
  16. </ul>
  17.  
  18. </dd>
  19.  
  20. </dl>



Voila, merci à qui pourra m'aider.

Autres pages sur : resolu probleme jukebox

a c 232 L Programmation
15 Octobre 2007 13:47:29

Au lieu du style.display = "none" et "block", essaie avec la visibility.
style.visibility = "hidden" et style.visibility = "visible"
15 Octobre 2007 17:46:28

Ok j'essaye ça et je te dit si ça marche.
Et merci d'avoir repondu ^^
15 Octobre 2007 18:03:58

Ca marche merci beaucoup !!!
Tu déchire!
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS