Retour à Forum de programmation

Comment faire pour exécuter Javascript dans Internet Explorer ?

  • hellen_ngoc
  • Born
  • Born
  • No Avatar
  • Inscription: Oct 30, 2012
  • Messages: 3
  • Status: Offline

Message Octobre 30th, 2012, 6:41 am

Salut tout le monde !
J'ai un code qui utilise un Javascript, il peut fonctionner bien dans FireFox & Google Chrome, mais il ne fonctionne pas dans Internet Explorer.
Voici le code que j'utilise, quelqu'un peut m'aider ! Merci d'avance !
Code: [ Select ]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--

#body {
    background-image: url(Gallery/bg.gif);
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}
.livechat {
    width: 248px;
    border: thin dashed #900;
    background: #DCBA94;
    font-weight: bold;
    height: 26px;
    padding-left: 8px;
    padding-top: 5px;
}
#body #feedback br {
    border-bottom-width: thin;
    border-bottom-style: dashed;
    border-bottom-color: #900;
}
.livechat1 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}
.livechat1 {
    padding: 8px;
    width: 240px;
}
.content {
    padding: 8px;
    width: 240px;
    border-right-width: thin;
    border-left-width: thin;
    border-right-style: dashed;
    border-left-style: dashed;
    border-right-color: #900;
    border-left-color: #900;
    font-weight: bold;
}
#feedback {
    padding: 8px;
    width: 240px;
    border-top-width: 0px;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: dashed;
    border-bottom-style: dashed;
    border-left-style: dashed;
    border-right-color: #900;
    border-bottom-color: #900;
    border-left-color: #900;
}
.readmore {
    text-align: right;
}
#body #feedback a:hover {
    color: #900;
    text-decoration: none;
    text-align: right;
    font-size: 11px;
}
#body #feedback a {
    text-align: right;
    color: #000;
    text-decoration: none;
    font: 11;
}
#marqueecontainer{
    position: relative;
    width: 230px; /*marquee width */
    height: 150px;
    overflow: hidden;
    margin: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-left: 5px;
}

.tablefeedback {
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: dashed;
    border-bottom-style: dashed;
    border-left-style: dashed;
    border-top-color: #900;
    border-right-color: #900;
    border-bottom-color: #900;
    border-left-color: #900;
    width: 258px;
}
</style>

<script type="text/javascript">


var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) //if scroller hasn't reached the end of its height
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" //move scroller upwards
else //else, reset to original position
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight //height of marquee content (much of which is hidden from view)
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee


</script>

</style>
</head>

<body id="body">

<div class="livechat">Customers Feedback</div>
<table width="258" border="0" cellpadding="0" cellspacing="0" class="tablefeedback">
<tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
 <tr>
 <td>&nbsp;</td>
  <td><div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">

<!--YOUR SCROLL CONTENT HERE-->



&quot;Amazing day in HCM Cooking Class where I had great experience with picking up vegetables, mushroom, fruits and lovely hands on cooking class with great combination of healthy ingredients inside the food, I love it so much. Thanks&quot;<br>
                          <strong><em>Natalia – Melbourne Australia
</em></strong>

<strong></strong>
<br><br>
&quot;A fantastic cooking tour - absolutely incredible! All equipments for Vietnamese cooking were very interesting to me, a beautiful Garden, nice and friendly people&quot;
<br>
<strong><em>Isabella - Italy

</em></strong><br><br>
&quot;Hello, I had a great time with HCM Cooking Class, I learnt to cook Vietnamese food and visited a huge and beautiful garden I have ever seen before. Thank you for your program, it’s very interesting&quot;<br>
<strong><em>Dimitri - Russia
</em></strong><br><br>
&quot;Hi, my family was very surprised when I cooked for them some Vietnamese food according to your recipe. Thanks for your service so much!&quot;
<br>
<strong><em>Julia - Italy </em></strong><br><br>

&quot;Thanks so much Mr Chef Tan, you gave us wonderful time with great experience about Vietnamese Medicine Garden, Mushroom House and excellent healthy food. We was happy to talk with you, we learnt a lot, my children start cooking now, she always say, Mr.Tan said that and said this. All miss you, hopefully we will see you soonest day.&quot;   
                             <br>  <strong><em> Dana Duxfield & family – England</em></strong>
                             
<br> <br> &quot;We would like to thank the team at Ho Chi Minh Cooking Class for making our holiday in Vietnam extremely memorable. We have great time to cook and eat many healthy food in cooking class & cooking show.&quot; <br>
<strong><em>Rita & her family – USA</em></strong><br><br>
&quot;Hi, I can grow Vietnamese herbs & spices in my garden follow your instruction. It’s not difficult. Anyhow, Thank you for the great time I enjoyed your service in Ho Chi Minh Cooking Class.&quot; <br>
<strong><em>Alexi – France</em></strong>



</div>
</div></td>
  <td>&nbsp;</td>
 </tr>
 <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
</table>

</body>
</html>
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Untitled Document</title>
  5. <style type="text/css">
  6. <!--
  8. #body {
  9.     background-image: url(Gallery/bg.gif);
  10.     font-family: Tahoma, Geneva, sans-serif;
  11.     font-size: 12px;
  12. }
  13. .livechat {
  14.     width: 248px;
  15.     border: thin dashed #900;
  16.     background: #DCBA94;
  17.     font-weight: bold;
  18.     height: 26px;
  19.     padding-left: 8px;
  20.     padding-top: 5px;
  21. }
  22. #body #feedback br {
  23.     border-bottom-width: thin;
  24.     border-bottom-style: dashed;
  25.     border-bottom-color: #900;
  26. }
  27. .livechat1 {
  28.     font-family: Tahoma, Geneva, sans-serif;
  29.     font-size: 12px;
  30. }
  31. .livechat1 {
  32.     padding: 8px;
  33.     width: 240px;
  34. }
  35. .content {
  36.     padding: 8px;
  37.     width: 240px;
  38.     border-right-width: thin;
  39.     border-left-width: thin;
  40.     border-right-style: dashed;
  41.     border-left-style: dashed;
  42.     border-right-color: #900;
  43.     border-left-color: #900;
  44.     font-weight: bold;
  45. }
  46. #feedback {
  47.     padding: 8px;
  48.     width: 240px;
  49.     border-top-width: 0px;
  50.     border-right-width: thin;
  51.     border-bottom-width: thin;
  52.     border-left-width: thin;
  53.     border-top-style: none;
  54.     border-right-style: dashed;
  55.     border-bottom-style: dashed;
  56.     border-left-style: dashed;
  57.     border-right-color: #900;
  58.     border-bottom-color: #900;
  59.     border-left-color: #900;
  60. }
  61. .readmore {
  62.     text-align: right;
  63. }
  64. #body #feedback a:hover {
  65.     color: #900;
  66.     text-decoration: none;
  67.     text-align: right;
  68.     font-size: 11px;
  69. }
  70. #body #feedback a {
  71.     text-align: right;
  72.     color: #000;
  73.     text-decoration: none;
  74.     font: 11;
  75. }
  76. #marqueecontainer{
  77.     position: relative;
  78.     width: 230px; /*marquee width */
  79.     height: 150px;
  80.     overflow: hidden;
  81.     margin: 0px;
  82.     border-top-width: 0px;
  83.     border-right-width: 0px;
  84.     border-bottom-width: 0px;
  85.     border-left-width: 0px;
  86.     border-top-style: none;
  87.     border-right-style: none;
  88.     border-bottom-style: none;
  89.     border-left-style: none;
  90.     padding-left: 5px;
  91. }
  93. .tablefeedback {
  94.     border-top-width: thin;
  95.     border-right-width: thin;
  96.     border-bottom-width: thin;
  97.     border-left-width: thin;
  98.     border-top-style: none;
  99.     border-right-style: dashed;
  100.     border-bottom-style: dashed;
  101.     border-left-style: dashed;
  102.     border-top-color: #900;
  103.     border-right-color: #900;
  104.     border-bottom-color: #900;
  105.     border-left-color: #900;
  106.     width: 258px;
  107. }
  108. </style>
  110. <script type="text/javascript">
  113. var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
  114. var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
  115. var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
  117. ////NO NEED TO EDIT BELOW THIS LINE////////////
  119. var copyspeed=marqueespeed
  120. var pausespeed=(pauseit==0)? copyspeed: 0
  121. var actualheight=''
  123. function scrollmarquee(){
  124. if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) //if scroller hasn't reached the end of its height
  125. cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" //move scroller upwards
  126. else //else, reset to original position
  127. cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
  128. }
  130. function initializemarquee(){
  131. cross_marquee=document.getElementById("vmarquee")
  132. cross_marquee.style.top=0
  133. marqueeheight=document.getElementById("marqueecontainer").offsetHeight
  134. actualheight=cross_marquee.offsetHeight //height of marquee content (much of which is hidden from view)
  135. if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
  136. cross_marquee.style.height=marqueeheight+"px"
  137. cross_marquee.style.overflow="scroll"
  138. return
  139. }
  140. setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
  141. }
  143. if (window.addEventListener)
  144. window.addEventListener("load", initializemarquee, false)
  145. else if (window.attachEvent)
  146. window.attachEvent("onload", initializemarquee)
  147. else if (document.getElementById)
  148. window.onload=initializemarquee
  151. </script>
  153. </style>
  154. </head>
  156. <body id="body">
  158. <div class="livechat">Customers Feedback</div>
  159. <table width="258" border="0" cellpadding="0" cellspacing="0" class="tablefeedback">
  160. <tr>
  161.   <td>&nbsp;</td>
  162.   <td>&nbsp;</td>
  163.  </tr>
  164.  <tr>
  165.  <td>&nbsp;</td>
  166.   <td><div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
  167. <div id="vmarquee" style="position: absolute; width: 98%;">
  169. <!--YOUR SCROLL CONTENT HERE-->
  173. &quot;Amazing day in HCM Cooking Class where I had great experience with picking up vegetables, mushroom, fruits and lovely hands on cooking class with great combination of healthy ingredients inside the food, I love it so much. Thanks&quot;<br>
  174.                           <strong><em>Natalia – Melbourne Australia
  175. </em></strong>
  177. <strong></strong>
  178. <br><br>
  179. &quot;A fantastic cooking tour - absolutely incredible! All equipments for Vietnamese cooking were very interesting to me, a beautiful Garden, nice and friendly people&quot;
  180. <br>
  181. <strong><em>Isabella - Italy
  183. </em></strong><br><br>
  184. &quot;Hello, I had a great time with HCM Cooking Class, I learnt to cook Vietnamese food and visited a huge and beautiful garden I have ever seen before. Thank you for your program, it’s very interesting&quot;<br>
  185. <strong><em>Dimitri - Russia
  186. </em></strong><br><br>
  187. &quot;Hi, my family was very surprised when I cooked for them some Vietnamese food according to your recipe. Thanks for your service so much!&quot;
  188. <br>
  189. <strong><em>Julia - Italy </em></strong><br><br>
  191. &quot;Thanks so much Mr Chef Tan, you gave us wonderful time with great experience about Vietnamese Medicine Garden, Mushroom House and excellent healthy food. We was happy to talk with you, we learnt a lot, my children start cooking now, she always say, Mr.Tan said that and said this. All miss you, hopefully we will see you soonest day.&quot;   
  192.                              <br>  <strong><em> Dana Duxfield & family – England</em></strong>
  193.                              
  194. <br> <br> &quot;We would like to thank the team at Ho Chi Minh Cooking Class for making our holiday in Vietnam extremely memorable. We have great time to cook and eat many healthy food in cooking class & cooking show.&quot; <br>
  195. <strong><em>Rita & her family – USA</em></strong><br><br>
  196. &quot;Hi, I can grow Vietnamese herbs & spices in my garden follow your instruction. It’s not difficult. Anyhow, Thank you for the great time I enjoyed your service in Ho Chi Minh Cooking Class.&quot; <br>
  197. <strong><em>Alexi – France</em></strong>
  201. </div>
  202. </div></td>
  203.   <td>&nbsp;</td>
  204.  </tr>
  205.  <tr>
  206.   <td>&nbsp;</td>
  207.   <td>&nbsp;</td>
  208.  </tr>
  209. </table>
  211. </body>
  212. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Octobre 30th, 2012, 6:41 am

  • Satwant
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Déc 27, 2010
  • Messages: 126
  • Loc: Bangalore
  • Status: Offline

Message Octobre 31st, 2012, 2:33 am

Salut hellen_ngoc

vous oubliez de fermer
HTML Code: [ Select ]
&lt; style type = « text/css » &gt;
&lt;!--
 
  1. &lt; style type = « text/css » &gt;
  2. &lt;!--
  3.  


avec "--&gt;". Place "--&gt;" à la ligne numéro 108 et il va fonctionner avec ie.
Thank You
Satwant Singh Hundal
http://www.mrhundal.com
  • hellen_ngoc
  • Born
  • Born
  • No Avatar
  • Inscription: Oct 30, 2012
  • Messages: 3
  • Status: Offline

Message Octobre 31st, 2012, 9:07 am

Salut mamie ! Merci beaucoup!
Il travaille dans IE, mais dans Google Chrome ou FireFox il apprear "--&gt;" dans mon site Web.
Comment puis-je le résoudre ?
  • Satwant
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Déc 27, 2010
  • Messages: 126
  • Loc: Bangalore
  • Status: Offline

Message Novembre 1st, 2012, 9:26 am

Vérifiez où vous placez "--&gt;" il doit être avant
HTML Code: [ Select ]
&lt;/style&gt;
 
  1. &lt;/style&gt;
  2.  

tag.
Thank You
Satwant Singh Hundal
http://www.mrhundal.com
  • hellen_ngoc
  • Born
  • Born
  • No Avatar
  • Inscription: Oct 30, 2012
  • Messages: 3
  • Status: Offline

Message Novembre 1st, 2012, 9:34 am

Je remercie Cécile beaucoup ! Cela a fonctionné ^ ^

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 5 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 161 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC