Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
945 connectés 

  FORUM HardWare.fr
  Programmation
  Java

  infobulle ne s'affiche pas sous ie

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

infobulle ne s'affiche pas sous ie

n°1984802
blitz1190
Posté le 16-04-2010 à 13:05:27  profilanswer
 

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
  4. var affiche = false; // La variable i nous dit si le bloc est visible ou non
  5. var w3c=document.getElementById && !document.all;
  6. var ie=document.all;
  8. if (ie||w3c) {
  9. var laBulle
  10. }
  12. function ietruebody(){ // retourne le bon corps...
  13. return (document.compatMode && document.compatMode!="BackCompat" )? document.documentElement : document.body
  14. }
  16. function deplacer(e) {
  17. if(affiche){
  18. var curX = (w3c) ? e.pageX : event.x + ietruebody().scrollLeft;
  19. var curY = (w3c) ? e.pageY : event.y + ietruebody().scrollTop;
  21. var winwidth = ie && !window.opera ? ietruebody().clientWidth : window.innerWidth - 20;
  22. var winheight = ie && !window.opera ? ietruebody().clientHeight : window.innerHeight - 20;
  24. var rightedge = ie && !window.opera ? winwidth - event.clientX - xOffset : winwidth - e.clientX - xOffset;
  25. var bottomedge = ie && !window.opera ? winheight - event.clientY - yOffset : winheight - e.clientY - yOffset;
  27. var leftedge = (xOffset < 0) ? xOffset*(-1) : -1000
  29. // modifier la largeur de l'objet s'il est trop grand...
  30. if(laBulle.offsetWidth > winwidth / 3){
  31. laBulle.style.width = winwidth / 3
  32. }
  34. // si la largeur horizontale n'est pas assez grande pour l'info bulle
  35. if(rightedge < laBulle.offsetWidth){
  36. // bouge la position horizontale de sa largeur à gauche
  37. laBulle.style.left = curX - laBulle.offsetWidth + "px"
  38. } else {
  39. if(curX < leftedge){
  40. laBulle.style.left = "5px"
  41. } else{
  42. // la position horizontale de la souris
  43. laBulle.style.left = curX + xOffset + "px"
  44. }
  45. }
  47. // même chose avec la verticale
  48. if(bottomedge < laBulle.offsetHeight){
  49. laBulle.style.top = curY - laBulle.offsetHeight - yOffset + "px"
  50. } else {
  51. laBulle.style.top = curY + yOffset + "px"
  52. }
  53. }
  54. }
  55. function showTooltip(text) {
  56. if (w3c||ie){
  57. laBulle = document.all ? document.all["bulle"] : document.getElementById ? document.getElementById("bulle" ) : ""
  58. laBulle.innerHTML = text; // fixe le texte dans l'infobulle
  59. laBulle.style.visibility = "visible"; // Si il est cachée (la verif n'est qu'une securité) on le rend visible.
  60. affiche = true;
  61. }
  62. }
  63. function hideTooltip() {
  64. if (w3c||ie){
  65. affiche = false
  66. laBulle.style.visibility="hidden" // avoid the IE6 cache optimisation with hidden blocks
  67. laBulle.style.top = '-100000px'
  68. laBulle.style.backgroundColor = ''
  69. laBulle.style.width = ''
  70. }
  71. }
  73. 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>
  21. <body onLoad="ouvrir_popup();">
  24.        <!-- L'en-tête -->
  27.    <div id="en_tete">
  28.  
  29.    </div>
  30.  
  31.  
  32.      
  34.        <!-- Les menus -->
  37. <div id="menus">
  38.              
  39. <ul>
  40. <li><a href="index.html">Accueil</a></li>
  41. <li><a href="boutique.html">Boutique</a></li>
  42. <li><a href="perso.html">Personnalisation</a></li>
  43. <li><a href="contact.php">Contact</a></li>
  44. <li class="endcase"><a href="faq.html">FAQ</a></li>
  45. </ul>
  47.   </div>
  48.      
  50.        <!-- Le corps -->
  51.    
  52.    <div id="corps">
  53.    <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>
  54.  
  55.  
  56.    <div id="panier"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  57. <input type="hidden" name="cmd" value="_s-xclick">
  58. <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
  59. ">
  60. <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">
  61. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  62. </form>
  63. </div>
  66. <!-- debut du tableau des articles -->
  68.       <table id="maintable" align="left"  width="1000px" cellpadding="0" cellspacing="30px">
  69.    <tr>
  70.      <td>
  71.    <table id="case">
  72. <tr >
  73. <td id="top">
  75. <a href="#"
  76. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 19cm</strong><img id=\'big\' src=\'imagepot/PB100.jpg\' width=\'350\'></div>');"
  77. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB100.jpg" width="125" onmouseout="hideTooltip()" /></a>
  81. <div id="bulle"></div>
  82.      
  83.        
  84.          
  85. </td>
  86. </tr>
  87. <tr id="info">
  88. <td id="bottom">
  89. <div class="description">Vache-PB100</div>
  90. <div class="prix">14,99&#128
  92. </div>
  93. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  94. <input type="hidden" name="cmd" value="_s-xclick">
  95. <input type="hidden" name="hosted_button_id" value="JWTQZKTWGSKC2">
  96. <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">
  97. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  98. </form>
  101. </div>
  103. </td>
  104. </tr>
  105. </table>
  106.    </td>
  108.    <td>
  109.    <table id="case">
  110. <tr >
  111. <td id="top">
  113. <a href="#"
  114. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB101.jpg\' width=\'350\'></div>');"
  115. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB101.jpg" width="125" onmouseout="hideTooltip()" /></a>
  119. <div id="bulle"></div>
  120.      
  121.        
  122.          
  123. </td>
  124. </tr>
  125. <tr id="info">
  126. <td id="bottom">
  127. <div class="description">Girafe-PB101</div>
  128. <div class="prix">18,99&#128
  130. </div>
  131. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  132. <input type="hidden" name="cmd" value="_cart">
  133. <input type="hidden" name="business" value="potteint@gmail.com">
  134. <input type="hidden" name="lc" value="FR">
  135. <input type="hidden" name="item_name" value="pot girafe DIAM21">
  136. <input type="hidden" name="item_number" value="PB101">
  137. <input type="hidden" name="amount" value="18.99">
  138. <input type="hidden" name="currency_code" value="EUR">
  139. <input type="hidden" name="button_subtype" value="products">
  140. <input type="hidden" name="add" value="1">
  141. <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_SM.gif:NonHostedGuest">
  142. <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">
  143. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  144. </form>
  147. </div>
  149. </td>
  150. </tr>
  151. </table>
  152.    </td>
  153.  
  154.  
  155.    <td>
  156.    <table id="case">
  157. <tr >
  158. <td id="top">
  160. <a href="#"
  161. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB102.jpg\' width=\'350\'></div>');"
  162. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB102.jpg" width="125" onmouseout="hideTooltip()" /></a>
  166. <div id="bulle"></div>
  167.      
  168.        
  169.          
  170. </td>
  171. </tr>
  172. <tr id="info">
  173. <td id="bottom">
  175. <div class="description">Africain M-PB102</div>
  176. <div class="prix">23,99&#128
  178. </div>
  179. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  180. <input type="hidden" name="cmd" value="_cart">
  181. <input type="hidden" name="business" value="potteint@gmail.com">
  182. <input type="hidden" name="lc" value="FR">
  183. <input type="hidden" name="item_name" value="Afrique M DIAM23">
  184. <input type="hidden" name="item_number" value="PB102">
  185. <input type="hidden" name="amount" value="23.99">
  186. <input type="hidden" name="currency_code" value="EUR">
  187. <input type="hidden" name="button_subtype" value="products">
  188. <input type="hidden" name="add" value="1">
  189. <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_SM.gif:NonHostedGuest">
  190. <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">
  191. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  192. </form>
  195. </div>
  197. </td>
  198. </tr>
  199. </table>
  200.    </td>
  201.  
  202.  
  203.    <td>
  204.    <table id="case">
  205. <tr >
  206. <td id="top">
  208. <a href="#"
  209. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB103.jpg\' width=\'350\'></div>');"
  210. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB103.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">
  223. <div class="description">Libellule-PB103</div>
  224. <div class="prix">18,99&#128
  226. </div>
  227. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  228. <input type="hidden" name="cmd" value="_cart">
  229. <input type="hidden" name="business" value="potteint@gmail.com">
  230. <input type="hidden" name="lc" value="FR">
  231. <input type="hidden" name="item_name" value="libellule DIAM21">
  232. <input type="hidden" name="item_number" value="PB103">
  233. <input type="hidden" name="amount" value="18.99">
  234. <input type="hidden" name="currency_code" value="EUR">
  235. <input type="hidden" name="button_subtype" value="products">
  236. <input type="hidden" name="add" value="1">
  237. <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_SM.gif:NonHostedGuest">
  238. <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">
  239. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  240. </form>
  243. </div>
  245. </td>
  246. </tr>
  247. </table>
  248.    </td>
  249.  
  250.      
  253.      
  255.    </tr>
  256.  
  257.  
  258.      <td>
  259.    <table id="case">
  260. <tr >
  261. <td id="top">
  263. <a href="#"
  264. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB104.jpg\' width=\'350\'></div>');"
  265. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB104.jpg" width="125" onmouseout="hideTooltip()" /></a>
  269. <div id="bulle"></div>
  270.      
  271.        
  272.          
  273. </td>
  274. </tr>
  275. <tr id="info">
  276. <td id="bottom">
  278. <div class="description">Enfants Af-PB104</div>
  279. <div class="prix">23,99&#128
  281. </div>
  282. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  283. <input type="hidden" name="cmd" value="_s-xclick">
  284. <input type="hidden" name="hosted_button_id" value="HZK6FPXM5GBJE">
  285. <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">
  286. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  287. </form>
  290. </div>
  292. </td>
  293. </tr>
  294. </table>
  295.    </td>
  297.    <td>
  298.    <table id="case">
  299. <tr >
  300. <td id="top">
  302. <a href="#"
  303. 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>');"
  304. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB105.jpg" width="125" onmouseout="hideTooltip()" /></a>
  308. <div id="bulle"></div>
  309.      
  310.        
  311.          
  312. </td>
  313. </tr>
  314. <tr id="info">
  315. <td id="bottom">
  316. <div class="description">Pot Ardoise-PB105</div>
  317. <div class="prix">14,99&#128
  319. </div>
  320. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  321. <input type="hidden" name="cmd" value="_s-xclick">
  322. <input type="hidden" name="hosted_button_id" value="9N4AL65B4MAT4">
  323. <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">
  324. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  325. </form>
  328. </div>
  330. </td>
  331. </tr>
  332. </table>
  333.    </td>
  334.  
  335.  
  336.    <td>
  337.    <table id="case">
  338. <tr >
  339. <td id="top">
  341. <a href="#"
  342. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB106.jpg\' width=\'350\'></div>');"
  343. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB106.jpg" width="125" onmouseout="hideTooltip()" /></a>
  347. <div id="bulle"></div>
  348.      
  349.        
  350.          
  351. </td>
  352. </tr>
  353. <tr id="info">
  354. <td id="bottom">
  355. <div class="description">Africain V-PB106</div>
  356. <div class="prix">23,99&#128
  358. </div>
  359. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  360. <input type="hidden" name="cmd" value="_s-xclick">
  361. <input type="hidden" name="hosted_button_id" value="3KGMJTMB53AXY">
  362. <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">
  363. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  364. </form>
  367. </div>
  369. </td>
  370. </tr>
  371. </table>
  372.    </td>
  373.  
  374.  
  375.    <td>
  376.    <table id="case">
  377. <tr >
  378. <td id="top">
  380. <a href="#"
  381. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB107.jpg\' width=\'350\'></div>');"
  382. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB107.jpg" width="125" onmouseout="hideTooltip()" /></a>
  386. <div id="bulle"></div>
  387.      
  388.        
  389.          
  390. </td>
  391. </tr>
  392. <tr id="info">
  393. <td id="bottom">
  394. <div class="description">Coccinelle-PB107</div>
  395. <div class="prix">23,99&#128
  397. </div>
  398. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  399. <input type="hidden" name="cmd" value="_s-xclick">
  400. <input type="hidden" name="hosted_button_id" value="66PWD77B655DG">
  401. <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">
  402. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  403. </form>
  406. </div>
  408. </td>
  409. </tr>
  410. </table>
  411.    </td>
  412.  
  413.      
  416.      
  418.    </tr>
  419.  
  420.  
  421.      <td>
  422.    <table id="case">
  423. <tr >
  424. <td id="top">
  426. <a href="#"
  427. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 27cm</strong><img id=\'big\' src=\'imagepot/PB108.jpg\' width=\'350\'></div>');"
  428. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB108.jpg" width="125" onmouseout="hideTooltip()" /></a>
  432. <div id="bulle"></div>
  433.      
  434.        
  435.          
  436. </td>
  437. </tr>
  438. <tr id="info">
  439. <td id="bottom">
  440. <div class="description">Marguerite-PB108</div>
  441. <div class="prix">29,99&#128
  443. </div>
  444. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  445. <input type="hidden" name="cmd" value="_s-xclick">
  446. <input type="hidden" name="hosted_button_id" value="GZKXF5J9EMTUJ">
  447. <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">
  448. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  449. </form>
  452. </div>
  454. </td>
  455. </tr>
  456. </table>
  457.    </td>
  459.    <td>
  460.    <table id="case">
  461. <tr >
  462. <td id="top">
  464. <a href="#"
  465. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 27cm</strong><img id=\'big\' src=\'imagepot/PB109.jpg\' width=\'350\'></div>');"
  466. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB109.jpg" width="125" onmouseout="hideTooltip()" /></a>
  470. <div id="bulle"></div>
  471.      
  472.        
  473.          
  474. </td>
  475. </tr>
  476. <tr id="info">
  477. <td id="bottom">
  479. <div class="description">Marron eclat-PB109</div>
  480. <div class="prix">29,99&#128
  482. </div>
  483. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  484. <input type="hidden" name="cmd" value="_s-xclick">
  485. <input type="hidden" name="hosted_button_id" value="KV4RFZYUK5BZ4">
  486. <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">
  487. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  488. </form>
  491. </div>
  493. </td>
  494. </tr>
  495. </table>
  496.    </td>
  497.  
  498.  
  499.    <td>
  500.    <table id="case">
  501. <tr >
  502. <td id="top">
  504. <a href="#"
  505. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 27cm</strong><img id=\'big\' src=\'imagepot/PB110.jpg\' width=\'350\'></div>');"
  506. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB110.jpg" width="125" onmouseout="hideTooltip()" /></a>
  510. <div id="bulle"></div>
  511.      
  512.        
  513.          
  514. </td>
  515. </tr>
  516. <tr id="info">
  517. <td id="bottom">
  518. <div class="description">Cuisine-PB110</div>
  519. <div class="prix">29,99&#128
  521. </div>
  522. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  523. <input type="hidden" name="cmd" value="_s-xclick">
  524. <input type="hidden" name="hosted_button_id" value="7L4JSWDHZQHF2">
  525. <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">
  526. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  527. </form>
  530. </div>
  532. </td>
  533. </tr>
  534. </table>
  535.    </td>
  536.  
  537.  
  538.    <td>
  539.    <table id="case">
  540. <tr >
  541. <td id="top">
  543. <a href="#"
  544. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB111.jpg\' width=\'350\'></div>');"
  545. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB111.jpg" width="125" onmouseout="hideTooltip()" /></a>
  549. <div id="bulle"></div>
  550.      
  551.        
  552.          
  553. </td>
  554. </tr>
  555. <tr id="info">
  556. <td id="bottom">
  558. <div class="description">Pizza-PB111</div>
  559. <div class="prix">18,99&#128
  561. </div>
  562. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  563. <input type="hidden" name="cmd" value="_s-xclick">
  564. <input type="hidden" name="hosted_button_id" value="KDNJ9UKDR7D6J">
  565. <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">
  566. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  567. </form>
  570. </div>
  572. </td>
  573. </tr>
  574. </table>
  575.    </td>
  576.  
  577.      
  579.    </tr>
  580.  
  581.     <td>
  582.    <table id="case">
  583. <tr >
  584. <td id="top">
  586. <a href="#"
  587. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 25cm</strong><img id=\'big\' src=\'imagepot/PB112.jpg\' width=\'350\'></div>');"
  588. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB112.jpg" width="125" onmouseout="hideTooltip()" /></a>
  592. <div id="bulle"></div>
  593.      
  594.        
  595.          
  596. </td>
  597. </tr>
  598. <tr id="info">
  599. <td id="bottom">
  601. <div class="description">Femme af-PB112</div>
  602. <div class="prix">28,99&#128
  604. </div>
  605. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  606. <input type="hidden" name="cmd" value="_s-xclick">
  607. <input type="hidden" name="hosted_button_id" value="NTXZX3LBBT66Q">
  608. <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">
  609. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  610. </form>
  613. </div>
  615. </td>
  616. </tr>
  617. </table>
  618.    </td>
  620.    <td>
  621.    <table id="case">
  622. <tr >
  623. <td id="top">
  625. <a href="#"
  626. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB114.jpg\' width=\'350\'></div>');"
  627. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB114.jpg" width="125" onmouseout="hideTooltip()" /></a>
  631. <div id="bulle"></div>
  632.      
  633.        
  634.          
  635. </td>
  636. </tr>
  637. <tr id="info">
  638. <td id="bottom">
  640. <div class="description">Gomme-PB114</div>
  641. <div class="prix">18,99&#128
  643. </div>
  644. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  645. <input type="hidden" name="cmd" value="_s-xclick">
  646. <input type="hidden" name="hosted_button_id" value="LY2SWWVTQCKJ2">
  647. <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">
  648. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  649. </form>
  652. </div>
  654. </td>
  655. </tr>
  656. </table>
  657.    </td>
  658.  
  659.  
  660.    <td>
  661.    <table id="case">
  662. <tr >
  663. <td id="top">
  665. <a href="#"
  666. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB115.jpg\' width=\'350\'></div>');"
  667. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB115.jpg" width="125" onmouseout="hideTooltip()" /></a>
  671. <div id="bulle"></div>
  672.      
  673.        
  674.          
  675. </td>
  676. </tr>
  677. <tr id="info">
  678. <td id="bottom">
  679. <div class="description">Petite Fille-PB115</div>
  680. <div class="prix">18,99&#128
  682. </div>
  683. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  684. <input type="hidden" name="cmd" value="_s-xclick">
  685. <input type="hidden" name="hosted_button_id" value="EXT56PD6TE48Y">
  686. <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">
  687. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  688. </form>
  691. </div>
  693. </td>
  694. </tr>
  695. </table>
  696.    </td>
  697.  
  698.  
  699.    <td>
  700.    <table id="case">
  701. <tr >
  702. <td id="top">
  704. <a href="#"
  705. 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>');"
  706. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB116.jpg" width="125" onmouseout="hideTooltip()" /></a>
  710. <div id="bulle"></div>
  711.      
  712.        
  713.          
  714. </td>
  715. </tr>
  716. <tr id="info">
  717. <td id="bottom">
  719. <div class="description">Marque place-PB116</div>
  720. <div class="prix">5,99&#128
  722. </div>
  723. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  724. <input type="hidden" name="cmd" value="_s-xclick">
  725. <input type="hidden" name="hosted_button_id" value="6K5Q5LH7VNQQS">
  726. <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">
  727. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  728. </form>
  731. </div>
  733. </td>
  734. </tr>
  735. </table>
  736.    </td>
  737.  
  738.      
  740.    </tr>
  741.  
  742.      <td>
  743.    <table id="case">
  744. <tr >
  745. <td id="top">
  747. <a href="#"
  748. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm, pot contenant une bougie</strong><img id=\'big\' src=\'imagepot/PB117.jpg\' width=\'350\'></div>');"
  749. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB117.jpg" width="125" onmouseout="hideTooltip()" /></a>
  753. <div id="bulle"></div>
  754.      
  755.        
  756.          
  757. </td>
  758. </tr>
  759. <tr id="info">
  760. <td id="bottom">
  762. <div class="description">St Valentin-PB117</div>
  763. <div class="prix">5,99&#128
  765. </div>
  766. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  767. <input type="hidden" name="cmd" value="_s-xclick">
  768. <input type="hidden" name="hosted_button_id" value="C3244NPCF2G6U">
  769. <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">
  770. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  771. </form>
  774. </div>
  776. </td>
  777. </tr>
  778. </table>
  779.    </td>
  781.    <td>
  782.    <table id="case">
  783. <tr >
  784. <td id="top">
  786. <a href="#"
  787. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm</strong><img id=\'big\' src=\'imagepot/PB118.jpg\' width=\'350\'></div>');"
  788. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB118.jpg" width="125" onmouseout="hideTooltip()" /></a>
  792. <div id="bulle"></div>
  793.      
  794.        
  795.          
  796. </td>
  797. </tr>
  798. <tr id="info">
  799. <td id="bottom">
  801. <div class="description">Bap G-PB118</div>
  802. <div class="prix">5,99&#128
  804. </div>
  805. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  806. <input type="hidden" name="cmd" value="_s-xclick">
  807. <input type="hidden" name="hosted_button_id" value="XRUUTRYY88HLG">
  808. <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">
  809. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  810. </form>
  813. </div>
  815. </td>
  816. </tr>
  817. </table>
  818.    </td>
  819.  
  820.  
  821.    <td>
  822.    <table id="case">
  823. <tr >
  824. <td id="top">
  826. <a href="#"
  827. onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm</strong><img id=\'big\' src=\'imagepot/PB119.jpg\' width=\'350\'></div>');"
  828. onmouseout="hideTooltip()"><img id="big" src="imagepot/PB119.jpg" width="125" onmouseout="hideTooltip()" /></a>
  832. <div id="bulle"></div>
  833.      
  834.        
  835.          
  836. </td>
  837. </tr>
  838. <tr id="info">
  839. <td id="bottom">
  840. <div class="description">Bap F-PB119</div>
  841. <div class="prix">5,99&#128
  843. </div>
  844. <div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  845. <input type="hidden" name="cmd" value="_s-xclick">
  846. <input type="hidden" name="hosted_button_id" value="WSJ8M9DWRU3LE">
  847. <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">
  848. <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
  849. </form>
  852. </div>
  854. </td>
  855. </tr>
  856. </table>
  857.    </td>
  858.  
  859.  
  860.  
  861.  
  862.      
  864.    </tr>
  865.  
  866. </table>
  868.        </div>
  869.  
  872.    </body>
  873. </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

mood
Publicité
Posté le 16-04-2010 à 13:05:27  profilanswer
 

n°1987450
blitz1190
Posté le 25-04-2010 à 21:40:24  profilanswer
 

un petit up... svp help

n°1988203
exhortae
Membre du Cartel des Médecins
Posté le 27-04-2010 à 19:50:48  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Java

  infobulle ne s'affiche pas sous ie

 

Sujets relatifs
Affiche de pages php en localhostmon image ne s'affiche pas
Calendrier dynamique: Infobulle dans un "event"[résolu] Police qui s'affiche différemment selon les 2 navigateurs
[VBSCRIPT] Modifier nom affiché sur le bureau pour "Mes documents"image survolée qui s'affiche dans 2 div différentes
[resolu] Trier une listbox qui affiche le contenu d'un répertoire. ?Image qui s'affiche en gris
[RESOLU] <li> d'un sous menu qui s'affiche horizontalementxml problème affichage dans Firefox
Plus de sujets relatifs à : infobulle ne s'affiche pas sous ie

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.248 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR