infobulle ne s'affiche pas sous ie

infobulle ne s'affiche pas sous ie - Java - Programmation

Marsh Posté le 16-04-2010 à 13:05:27    

Bonjour, j'ai créé un petit site web, avec tres peu de connaissance et en chinan un code java sur le net, il me permet d'affiché une infobulle au passage de la souris, cela fonctione tres bien sous Firefox, mais sous IE... rien ne se passe, qu'eslqu'un peut-il m'aider?
 
code java:

Code :
  1. var xOffset=6
  2. var yOffset=5
  3. var affiche = false; // La variable i nous dit si le bloc est visible ou non
  4. var w3c=document.getElementById && !document.all;
  5. var ie=document.all;
  6. if (ie||w3c) {
  7. var laBulle
  8. }
  9. function ietruebody(){ // retourne le bon corps...
  10. return (document.compatMode && document.compatMode!="BackCompat" )? document.documentElement : document.body
  11. }
  12. function deplacer(e) {
  13. if(affiche){
  14. var curX = (w3c) ? e.pageX : event.x + ietruebody().scrollLeft;
  15. var curY = (w3c) ? e.pageY : event.y + ietruebody().scrollTop;
  16. var winwidth = ie && !window.opera ? ietruebody().clientWidth : window.innerWidth - 20;
  17. var winheight = ie && !window.opera ? ietruebody().clientHeight : window.innerHeight - 20;
  18. var rightedge = ie && !window.opera ? winwidth - event.clientX - xOffset : winwidth - e.clientX - xOffset;
  19. var bottomedge = ie && !window.opera ? winheight - event.clientY - yOffset : winheight - e.clientY - yOffset;
  20. var leftedge = (xOffset < 0) ? xOffset*(-1) : -1000
  21. // modifier la largeur de l'objet s'il est trop grand...
  22. if(laBulle.offsetWidth > winwidth / 3){
  23. laBulle.style.width = winwidth / 3
  24. }
  25. // si la largeur horizontale n'est pas assez grande pour l'info bulle
  26. if(rightedge < laBulle.offsetWidth){
  27. // bouge la position horizontale de sa largeur à gauche
  28. laBulle.style.left = curX - laBulle.offsetWidth + "px"
  29. } else {
  30. if(curX < leftedge){
  31. laBulle.style.left = "5px"
  32. } else{
  33. // la position horizontale de la souris
  34. laBulle.style.left = curX + xOffset + "px"
  35. }
  36. }
  37. // même chose avec la verticale
  38. if(bottomedge < laBulle.offsetHeight){
  39. laBulle.style.top = curY - laBulle.offsetHeight - yOffset + "px"
  40. } else {
  41. laBulle.style.top = curY + yOffset + "px"
  42. }
  43. }
  44. }
  45. function showTooltip(text) {
  46. if (w3c||ie){
  47. laBulle = document.all ? document.all["bulle"] : document.getElementById ? document.getElementById("bulle" ) : ""
  48. laBulle.innerHTML = text; // fixe le texte dans l'infobulle
  49. laBulle.style.visibility = "visible"; // Si il est cachée (la verif n'est qu'une securité) on le rend visible.
  50. affiche = true;
  51. }
  52. }
  53. function hideTooltip() {
  54. if (w3c||ie){
  55. affiche = false
  56. laBulle.style.visibility="hidden" // avoid the IE6 cache optimisation with hidden blocks
  57. laBulle.style.top = '-100000px'
  58. laBulle.style.backgroundColor = ''
  59. laBulle.style.width = ''
  60. }
  61. }
  62. document.onmousemove = deplacer; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.


 
et le html:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Pot'teint</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
  7. <style type="text/css" media="screen">
  8.  img{ border:none;}
  9.  #bulle { position: absolute; visibility: hidden;  font-size:12px;}
  10.  .info{ border:1px solid #666666; padding: 7px; color:#666666; background-color:#FFFFFF; font-family:"trebuchet MS";}
  11.     </style>
  12. <script type="text/javascript" language="javascript" src="js/infobulle.js"></script>
  13. <SCRIPT LANGUAGE="JavaScript">
  14. function ouvrir_popup()
  15. {
  16. window.open('comandeexplain.html','Comment commander?','height=350,width=700,top=50,left=50,resizable=no,menubar=no,status=no,scrollbars=no,menubar=no');
  17. }
  18. </SCRIPT>
  19. </head>
  20. <body onLoad="ouvrir_popup();">
  21.        <!-- L'en-tête -->
  22.    <div id="en_tete">
  23.  
  24.    </div>
  25.  
  26.  
  27.      
  28.        <!-- Les menus -->
  29. <div id="menus">
  30.              
  31. <ul>
  32. <li><a href="index.html">Accueil</a></li>
  33. <li><a href="boutique.html">Boutique</a></li>
  34. <li><a href="perso.html">Personnalisation</a></li>
  35. <li><a href="contact.php">Contact</a></li>
  36. <li class="endcase"><a href="faq.html">FAQ</a></li>
  37. </ul>
  38.   </div>
  39.      
  40.        <!-- Le corps -->
  41.    
  42.    <div id="corps">
  43.    <a id="imagecomande" href="javascript:void(0);" onclick="javascript:window.open('comandeexplain.html','popup','resizable=no,scrollbars=yes,location=no,height=350,width=700,top=50,left=50');"><img src="images/commande.jpg" alt="commande" title="cliquez pour plus d'info!" /></a>
  44.  
  45.  
  46.    <div id="panier"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  47. <input type="hidden" name="cmd" value="_s-xclick">
  48. <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
  49. ">
  50. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_viewcart_LG.gif" border="0" name="submit" alt="Afficher le panier">
  51. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  52. </form>
  53. </div>
  54. <!-- debut du tableau des articles -->
  55.       <table id="maintable" align="left"  width="1000px" cellpadding="0" cellspacing="30px">
  56.    <tr>
  57.      <td>
  58.    <table id="case">
  59. <tr >
  60. <td id="top">
  61. <a href="#"
  62. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 19cm</strong><img id=\'big\' src=\'imagepot/PB100.jpg\' width=\'350\'></div>');"
  63. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB100.jpg" width="125" onmouseout="hideTooltip()" /></a>
  64. <div id="bulle"></div>
  65.      
  66.        
  67.          
  68. </td>
  69. </tr>
  70. <tr id="info">
  71. <td id="bottom">
  72. <div class="description">Vache-PB100</div>
  73. <div class="prix">14,99&#128
  74. </div>
  75. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  76. <input type="hidden" name="cmd" value="_s-xclick">
  77. <input type="hidden" name="hosted_button_id" value="JWTQZKTWGSKC2">
  78. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  79. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  80. </form>
  81. </div>
  82. </td>
  83. </tr>
  84. </table>
  85.    </td>
  86.    <td>
  87.    <table id="case">
  88. <tr >
  89. <td id="top">
  90. <a href="#"
  91. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB101.jpg\' width=\'350\'></div>');"
  92. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB101.jpg" width="125" onmouseout="hideTooltip()" /></a>
  93. <div id="bulle"></div>
  94.      
  95.        
  96.          
  97. </td>
  98. </tr>
  99. <tr id="info">
  100. <td id="bottom">
  101. <div class="description">Girafe-PB101</div>
  102. <div class="prix">18,99&#128
  103. </div>
  104. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  105. <input type="hidden" name="cmd" value="_cart">
  106. <input type="hidden" name="business" value="potteint@gmail.com">
  107. <input type="hidden" name="lc" value="FR">
  108. <input type="hidden" name="item_name" value="pot girafe DIAM21">
  109. <input type="hidden" name="item_number" value="PB101">
  110. <input type="hidden" name="amount" value="18.99">
  111. <input type="hidden" name="currency_code" value="EUR">
  112. <input type="hidden" name="button_subtype" value="products">
  113. <input type="hidden" name="add" value="1">
  114. <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_SM.gif:NonHostedGuest">
  115. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  116. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  117. </form>
  118. </div>
  119. </td>
  120. </tr>
  121. </table>
  122.    </td>
  123.  
  124.  
  125.    <td>
  126.    <table id="case">
  127. <tr >
  128. <td id="top">
  129. <a href="#"
  130. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB102.jpg\' width=\'350\'></div>');"
  131. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB102.jpg" width="125" onmouseout="hideTooltip()" /></a>
  132. <div id="bulle"></div>
  133.      
  134.        
  135.          
  136. </td>
  137. </tr>
  138. <tr id="info">
  139. <td id="bottom">
  140. <div class="description">Africain M-PB102</div>
  141. <div class="prix">23,99&#128
  142. </div>
  143. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  144. <input type="hidden" name="cmd" value="_cart">
  145. <input type="hidden" name="business" value="potteint@gmail.com">
  146. <input type="hidden" name="lc" value="FR">
  147. <input type="hidden" name="item_name" value="Afrique M DIAM23">
  148. <input type="hidden" name="item_number" value="PB102">
  149. <input type="hidden" name="amount" value="23.99">
  150. <input type="hidden" name="currency_code" value="EUR">
  151. <input type="hidden" name="button_subtype" value="products">
  152. <input type="hidden" name="add" value="1">
  153. <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_SM.gif:NonHostedGuest">
  154. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  155. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  156. </form>
  157. </div>
  158. </td>
  159. </tr>
  160. </table>
  161.    </td>
  162.  
  163.  
  164.    <td>
  165.    <table id="case">
  166. <tr >
  167. <td id="top">
  168. <a href="#"
  169. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB103.jpg\' width=\'350\'></div>');"
  170. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB103.jpg" width="125" onmouseout="hideTooltip()" /></a>
  171. <div id="bulle"></div>
  172.      
  173.        
  174.          
  175. </td>
  176. </tr>
  177. <tr id="info">
  178. <td id="bottom">
  179. <div class="description">Libellule-PB103</div>
  180. <div class="prix">18,99&#128
  181. </div>
  182. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  183. <input type="hidden" name="cmd" value="_cart">
  184. <input type="hidden" name="business" value="potteint@gmail.com">
  185. <input type="hidden" name="lc" value="FR">
  186. <input type="hidden" name="item_name" value="libellule DIAM21">
  187. <input type="hidden" name="item_number" value="PB103">
  188. <input type="hidden" name="amount" value="18.99">
  189. <input type="hidden" name="currency_code" value="EUR">
  190. <input type="hidden" name="button_subtype" value="products">
  191. <input type="hidden" name="add" value="1">
  192. <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_SM.gif:NonHostedGuest">
  193. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  194. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  195. </form>
  196. </div>
  197. </td>
  198. </tr>
  199. </table>
  200.    </td>
  201.  
  202.      
  203.      
  204.    </tr>
  205.  
  206.  
  207.      <td>
  208.    <table id="case">
  209. <tr >
  210. <td id="top">
  211. <a href="#"
  212. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB104.jpg\' width=\'350\'></div>');"
  213. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB104.jpg" width="125" onmouseout="hideTooltip()" /></a>
  214. <div id="bulle"></div>
  215.      
  216.        
  217.          
  218. </td>
  219. </tr>
  220. <tr id="info">
  221. <td id="bottom">
  222. <div class="description">Enfants Af-PB104</div>
  223. <div class="prix">23,99&#128
  224. </div>
  225. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  226. <input type="hidden" name="cmd" value="_s-xclick">
  227. <input type="hidden" name="hosted_button_id" value="HZK6FPXM5GBJE">
  228. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  229. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  230. </form>
  231. </div>
  232. </td>
  233. </tr>
  234. </table>
  235.    </td>
  236.    <td>
  237.    <table id="case">
  238. <tr >
  239. <td id="top">
  240. <a href="#"
  241. onmouseover="showTooltip('<div class=\'info\'><strong>Pot ardoise Diamètre 19cm, inscription libre, ecriture à la craie</strong><img id=\'big\' src=\'imagepot/PB105.jpg\' width=\'350\'></div>');"
  242. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB105.jpg" width="125" onmouseout="hideTooltip()" /></a>
  243. <div id="bulle"></div>
  244.      
  245.        
  246.          
  247. </td>
  248. </tr>
  249. <tr id="info">
  250. <td id="bottom">
  251. <div class="description">Pot Ardoise-PB105</div>
  252. <div class="prix">14,99&#128
  253. </div>
  254. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  255. <input type="hidden" name="cmd" value="_s-xclick">
  256. <input type="hidden" name="hosted_button_id" value="9N4AL65B4MAT4">
  257. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  258. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  259. </form>
  260. </div>
  261. </td>
  262. </tr>
  263. </table>
  264.    </td>
  265.  
  266.  
  267.    <td>
  268.    <table id="case">
  269. <tr >
  270. <td id="top">
  271. <a href="#"
  272. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB106.jpg\' width=\'350\'></div>');"
  273. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB106.jpg" width="125" onmouseout="hideTooltip()" /></a>
  274. <div id="bulle"></div>
  275.      
  276.        
  277.          
  278. </td>
  279. </tr>
  280. <tr id="info">
  281. <td id="bottom">
  282. <div class="description">Africain V-PB106</div>
  283. <div class="prix">23,99&#128
  284. </div>
  285. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  286. <input type="hidden" name="cmd" value="_s-xclick">
  287. <input type="hidden" name="hosted_button_id" value="3KGMJTMB53AXY">
  288. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  289. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  290. </form>
  291. </div>
  292. </td>
  293. </tr>
  294. </table>
  295.    </td>
  296.  
  297.  
  298.    <td>
  299.    <table id="case">
  300. <tr >
  301. <td id="top">
  302. <a href="#"
  303. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB107.jpg\' width=\'350\'></div>');"
  304. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB107.jpg" width="125" onmouseout="hideTooltip()" /></a>
  305. <div id="bulle"></div>
  306.      
  307.        
  308.          
  309. </td>
  310. </tr>
  311. <tr id="info">
  312. <td id="bottom">
  313. <div class="description">Coccinelle-PB107</div>
  314. <div class="prix">23,99&#128
  315. </div>
  316. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  317. <input type="hidden" name="cmd" value="_s-xclick">
  318. <input type="hidden" name="hosted_button_id" value="66PWD77B655DG">
  319. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  320. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  321. </form>
  322. </div>
  323. </td>
  324. </tr>
  325. </table>
  326.    </td>
  327.  
  328.      
  329.      
  330.    </tr>
  331.  
  332.  
  333.      <td>
  334.    <table id="case">
  335. <tr >
  336. <td id="top">
  337. <a href="#"
  338. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 27cm</strong><img id=\'big\' src=\'imagepot/PB108.jpg\' width=\'350\'></div>');"
  339. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB108.jpg" width="125" onmouseout="hideTooltip()" /></a>
  340. <div id="bulle"></div>
  341.      
  342.        
  343.          
  344. </td>
  345. </tr>
  346. <tr id="info">
  347. <td id="bottom">
  348. <div class="description">Marguerite-PB108</div>
  349. <div class="prix">29,99&#128
  350. </div>
  351. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  352. <input type="hidden" name="cmd" value="_s-xclick">
  353. <input type="hidden" name="hosted_button_id" value="GZKXF5J9EMTUJ">
  354. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  355. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  356. </form>
  357. </div>
  358. </td>
  359. </tr>
  360. </table>
  361.    </td>
  362.    <td>
  363.    <table id="case">
  364. <tr >
  365. <td id="top">
  366. <a href="#"
  367. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 27cm</strong><img id=\'big\' src=\'imagepot/PB109.jpg\' width=\'350\'></div>');"
  368. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB109.jpg" width="125" onmouseout="hideTooltip()" /></a>
  369. <div id="bulle"></div>
  370.      
  371.        
  372.          
  373. </td>
  374. </tr>
  375. <tr id="info">
  376. <td id="bottom">
  377. <div class="description">Marron eclat-PB109</div>
  378. <div class="prix">29,99&#128
  379. </div>
  380. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  381. <input type="hidden" name="cmd" value="_s-xclick">
  382. <input type="hidden" name="hosted_button_id" value="KV4RFZYUK5BZ4">
  383. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  384. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  385. </form>
  386. </div>
  387. </td>
  388. </tr>
  389. </table>
  390.    </td>
  391.  
  392.  
  393.    <td>
  394.    <table id="case">
  395. <tr >
  396. <td id="top">
  397. <a href="#"
  398. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 27cm</strong><img id=\'big\' src=\'imagepot/PB110.jpg\' width=\'350\'></div>');"
  399. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB110.jpg" width="125" onmouseout="hideTooltip()" /></a>
  400. <div id="bulle"></div>
  401.      
  402.        
  403.          
  404. </td>
  405. </tr>
  406. <tr id="info">
  407. <td id="bottom">
  408. <div class="description">Cuisine-PB110</div>
  409. <div class="prix">29,99&#128
  410. </div>
  411. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  412. <input type="hidden" name="cmd" value="_s-xclick">
  413. <input type="hidden" name="hosted_button_id" value="7L4JSWDHZQHF2">
  414. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  415. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  416. </form>
  417. </div>
  418. </td>
  419. </tr>
  420. </table>
  421.    </td>
  422.  
  423.  
  424.    <td>
  425.    <table id="case">
  426. <tr >
  427. <td id="top">
  428. <a href="#"
  429. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB111.jpg\' width=\'350\'></div>');"
  430. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB111.jpg" width="125" onmouseout="hideTooltip()" /></a>
  431. <div id="bulle"></div>
  432.      
  433.        
  434.          
  435. </td>
  436. </tr>
  437. <tr id="info">
  438. <td id="bottom">
  439. <div class="description">Pizza-PB111</div>
  440. <div class="prix">18,99&#128
  441. </div>
  442. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  443. <input type="hidden" name="cmd" value="_s-xclick">
  444. <input type="hidden" name="hosted_button_id" value="KDNJ9UKDR7D6J">
  445. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  446. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  447. </form>
  448. </div>
  449. </td>
  450. </tr>
  451. </table>
  452.    </td>
  453.  
  454.      
  455.    </tr>
  456.  
  457.     <td>
  458.    <table id="case">
  459. <tr >
  460. <td id="top">
  461. <a href="#"
  462. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 25cm</strong><img id=\'big\' src=\'imagepot/PB112.jpg\' width=\'350\'></div>');"
  463. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB112.jpg" width="125" onmouseout="hideTooltip()" /></a>
  464. <div id="bulle"></div>
  465.      
  466.        
  467.          
  468. </td>
  469. </tr>
  470. <tr id="info">
  471. <td id="bottom">
  472. <div class="description">Femme af-PB112</div>
  473. <div class="prix">28,99&#128
  474. </div>
  475. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  476. <input type="hidden" name="cmd" value="_s-xclick">
  477. <input type="hidden" name="hosted_button_id" value="NTXZX3LBBT66Q">
  478. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  479. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  480. </form>
  481. </div>
  482. </td>
  483. </tr>
  484. </table>
  485.    </td>
  486.    <td>
  487.    <table id="case">
  488. <tr >
  489. <td id="top">
  490. <a href="#"
  491. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB114.jpg\' width=\'350\'></div>');"
  492. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB114.jpg" width="125" onmouseout="hideTooltip()" /></a>
  493. <div id="bulle"></div>
  494.      
  495.        
  496.          
  497. </td>
  498. </tr>
  499. <tr id="info">
  500. <td id="bottom">
  501. <div class="description">Gomme-PB114</div>
  502. <div class="prix">18,99&#128
  503. </div>
  504. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  505. <input type="hidden" name="cmd" value="_s-xclick">
  506. <input type="hidden" name="hosted_button_id" value="LY2SWWVTQCKJ2">
  507. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  508. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  509. </form>
  510. </div>
  511. </td>
  512. </tr>
  513. </table>
  514.    </td>
  515.  
  516.  
  517.    <td>
  518.    <table id="case">
  519. <tr >
  520. <td id="top">
  521. <a href="#"
  522. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB115.jpg\' width=\'350\'></div>');"
  523. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB115.jpg" width="125" onmouseout="hideTooltip()" /></a>
  524. <div id="bulle"></div>
  525.      
  526.        
  527.          
  528. </td>
  529. </tr>
  530. <tr id="info">
  531. <td id="bottom">
  532. <div class="description">Petite Fille-PB115</div>
  533. <div class="prix">18,99&#128
  534. </div>
  535. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  536. <input type="hidden" name="cmd" value="_s-xclick">
  537. <input type="hidden" name="hosted_button_id" value="EXT56PD6TE48Y">
  538. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  539. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  540. </form>
  541. </div>
  542. </td>
  543. </tr>
  544. </table>
  545.    </td>
  546.  
  547.  
  548.    <td>
  549.    <table id="case">
  550. <tr >
  551. <td id="top">
  552. <a href="#"
  553. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm ardoise marque place écriture libre à la craie des deux côtés</strong><img id=\'big\' src=\'imagepot/PB116.jpg\' width=\'350\'></div>');"
  554. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB116.jpg" width="125" onmouseout="hideTooltip()" /></a>
  555. <div id="bulle"></div>
  556.      
  557.        
  558.          
  559. </td>
  560. </tr>
  561. <tr id="info">
  562. <td id="bottom">
  563. <div class="description">Marque place-PB116</div>
  564. <div class="prix">5,99&#128
  565. </div>
  566. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  567. <input type="hidden" name="cmd" value="_s-xclick">
  568. <input type="hidden" name="hosted_button_id" value="6K5Q5LH7VNQQS">
  569. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  570. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  571. </form>
  572. </div>
  573. </td>
  574. </tr>
  575. </table>
  576.    </td>
  577.  
  578.      
  579.    </tr>
  580.  
  581.      <td>
  582.    <table id="case">
  583. <tr >
  584. <td id="top">
  585. <a href="#"
  586. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm, pot contenant une bougie</strong><img id=\'big\' src=\'imagepot/PB117.jpg\' width=\'350\'></div>');"
  587. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB117.jpg" width="125" onmouseout="hideTooltip()" /></a>
  588. <div id="bulle"></div>
  589.      
  590.        
  591.          
  592. </td>
  593. </tr>
  594. <tr id="info">
  595. <td id="bottom">
  596. <div class="description">St Valentin-PB117</div>
  597. <div class="prix">5,99&#128
  598. </div>
  599. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  600. <input type="hidden" name="cmd" value="_s-xclick">
  601. <input type="hidden" name="hosted_button_id" value="C3244NPCF2G6U">
  602. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  603. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  604. </form>
  605. </div>
  606. </td>
  607. </tr>
  608. </table>
  609.    </td>
  610.    <td>
  611.    <table id="case">
  612. <tr >
  613. <td id="top">
  614. <a href="#"
  615. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm</strong><img id=\'big\' src=\'imagepot/PB118.jpg\' width=\'350\'></div>');"
  616. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB118.jpg" width="125" onmouseout="hideTooltip()" /></a>
  617. <div id="bulle"></div>
  618.      
  619.        
  620.          
  621. </td>
  622. </tr>
  623. <tr id="info">
  624. <td id="bottom">
  625. <div class="description">Bap G-PB118</div>
  626. <div class="prix">5,99&#128
  627. </div>
  628. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  629. <input type="hidden" name="cmd" value="_s-xclick">
  630. <input type="hidden" name="hosted_button_id" value="XRUUTRYY88HLG">
  631. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  632. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  633. </form>
  634. </div>
  635. </td>
  636. </tr>
  637. </table>
  638.    </td>
  639.  
  640.  
  641.    <td>
  642.    <table id="case">
  643. <tr >
  644. <td id="top">
  645. <a href="#"
  646. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm</strong><img id=\'big\' src=\'imagepot/PB119.jpg\' width=\'350\'></div>');"
  647. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB119.jpg" width="125" onmouseout="hideTooltip()" /></a>
  648. <div id="bulle"></div>
  649.      
  650.        
  651.          
  652. </td>
  653. </tr>
  654. <tr id="info">
  655. <td id="bottom">
  656. <div class="description">Bap F-PB119</div>
  657. <div class="prix">5,99&#128
  658. </div>
  659. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  660. <input type="hidden" name="cmd" value="_s-xclick">
  661. <input type="hidden" name="hosted_button_id" value="WSJ8M9DWRU3LE">
  662. <input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
  663. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  664. </form>
  665. </div>
  666. </td>
  667. </tr>
  668. </table>
  669.    </td>
  670.  
  671.  
  672.  
  673.  
  674.      
  675.    </tr>
  676.  
  677. </table>
  678.        </div>
  679.  
  680.    </body>
  681. </html>


 
je sait que rien n'est parfait ou orthodoxe dans mon html...
pour le css j'en sait rien je ne connais pas, j'ai recherché des avis pour réparer cette "panne" mais rien...
 
merci d'avance.
Cordialement
Julien

Reply

Marsh Posté le 16-04-2010 à 13:05:27   

Reply

Marsh Posté le 25-04-2010 à 21:40:24    

un petit up... svp help

Reply

Marsh Posté le 27-04-2010 à 19:50:48    

java et javascript c'est 2 langages différents !!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed