How to make Javascript run in IE?

  • hellen_ngoc
  • Born
  • Born
  • hellen_ngoc
  • Posts: 3

Post 3+ Months Ago

Hi Everyone!
I have a code using a Javascript, It can run well in FireFox & Google Chrome, but it not work in IE.
Here is the code I use, Someone can help me! Thanks in advance!
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. <!--
  7. #body {
  8.     background-image: url(Gallery/bg.gif);
  9.     font-family: Tahoma, Geneva, sans-serif;
  10.     font-size: 12px;
  11. }
  12. .livechat {
  13.     width: 248px;
  14.     border: thin dashed #900;
  15.     background: #DCBA94;
  16.     font-weight: bold;
  17.     height: 26px;
  18.     padding-left: 8px;
  19.     padding-top: 5px;
  20. }
  21. #body #feedback br {
  22.     border-bottom-width: thin;
  23.     border-bottom-style: dashed;
  24.     border-bottom-color: #900;
  25. }
  26. .livechat1 {
  27.     font-family: Tahoma, Geneva, sans-serif;
  28.     font-size: 12px;
  29. }
  30. .livechat1 {
  31.     padding: 8px;
  32.     width: 240px;
  33. }
  34. .content {
  35.     padding: 8px;
  36.     width: 240px;
  37.     border-right-width: thin;
  38.     border-left-width: thin;
  39.     border-right-style: dashed;
  40.     border-left-style: dashed;
  41.     border-right-color: #900;
  42.     border-left-color: #900;
  43.     font-weight: bold;
  44. }
  45. #feedback {
  46.     padding: 8px;
  47.     width: 240px;
  48.     border-top-width: 0px;
  49.     border-right-width: thin;
  50.     border-bottom-width: thin;
  51.     border-left-width: thin;
  52.     border-top-style: none;
  53.     border-right-style: dashed;
  54.     border-bottom-style: dashed;
  55.     border-left-style: dashed;
  56.     border-right-color: #900;
  57.     border-bottom-color: #900;
  58.     border-left-color: #900;
  59. }
  60. .readmore {
  61.     text-align: right;
  62. }
  63. #body #feedback a:hover {
  64.     color: #900;
  65.     text-decoration: none;
  66.     text-align: right;
  67.     font-size: 11px;
  68. }
  69. #body #feedback a {
  70.     text-align: right;
  71.     color: #000;
  72.     text-decoration: none;
  73.     font: 11;
  74. }
  75. #marqueecontainer{
  76.     position: relative;
  77.     width: 230px; /*marquee width */
  78.     height: 150px;
  79.     overflow: hidden;
  80.     margin: 0px;
  81.     border-top-width: 0px;
  82.     border-right-width: 0px;
  83.     border-bottom-width: 0px;
  84.     border-left-width: 0px;
  85.     border-top-style: none;
  86.     border-right-style: none;
  87.     border-bottom-style: none;
  88.     border-left-style: none;
  89.     padding-left: 5px;
  90. }
  91. .tablefeedback {
  92.     border-top-width: thin;
  93.     border-right-width: thin;
  94.     border-bottom-width: thin;
  95.     border-left-width: thin;
  96.     border-top-style: none;
  97.     border-right-style: dashed;
  98.     border-bottom-style: dashed;
  99.     border-left-style: dashed;
  100.     border-top-color: #900;
  101.     border-right-color: #900;
  102.     border-bottom-color: #900;
  103.     border-left-color: #900;
  104.     width: 258px;
  105. }
  106. </style>
  107. <script type="text/javascript">
  108. var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
  109. var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
  110. var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
  111. ////NO NEED TO EDIT BELOW THIS LINE////////////
  112. var copyspeed=marqueespeed
  113. var pausespeed=(pauseit==0)? copyspeed: 0
  114. var actualheight=''
  115. function scrollmarquee(){
  116. if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) //if scroller hasn't reached the end of its height
  117. cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" //move scroller upwards
  118. else //else, reset to original position
  119. cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
  120. }
  121. function initializemarquee(){
  122. cross_marquee=document.getElementById("vmarquee")
  123. cross_marquee.style.top=0
  124. marqueeheight=document.getElementById("marqueecontainer").offsetHeight
  125. actualheight=cross_marquee.offsetHeight //height of marquee content (much of which is hidden from view)
  126. if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
  127. cross_marquee.style.height=marqueeheight+"px"
  128. cross_marquee.style.overflow="scroll"
  129. return
  130. }
  131. setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
  132. }
  133. if (window.addEventListener)
  134. window.addEventListener("load", initializemarquee, false)
  135. else if (window.attachEvent)
  136. window.attachEvent("onload", initializemarquee)
  137. else if (document.getElementById)
  138. window.onload=initializemarquee
  139. </script>
  140. </style>
  141. </head>
  142. <body id="body">
  143. <div class="livechat">Customers Feedback</div>
  144. <table width="258" border="0" cellpadding="0" cellspacing="0" class="tablefeedback">
  145. <tr>
  146.   <td>&nbsp;</td>
  147.   <td>&nbsp;</td>
  148.  </tr>
  149.  <tr>
  150.  <td>&nbsp;</td>
  151.   <td><div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
  152. <div id="vmarquee" style="position: absolute; width: 98%;">
  153. <!--YOUR SCROLL CONTENT HERE-->
  154. &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>
  155.                           <strong><em>Natalia – Melbourne Australia
  156. </em></strong>
  157. <strong></strong>
  158. <br><br>
  159. &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;
  160. <br>
  161. <strong><em>Isabella - Italy
  162. </em></strong><br><br>
  163. &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>
  164. <strong><em>Dimitri - Russia
  165. </em></strong><br><br>
  166. &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;
  167. <br>
  168. <strong><em>Julia - Italy </em></strong><br><br>
  169. &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;   
  170.                              <br>  <strong><em> Dana Duxfield & family – England</em></strong>
  171.                              
  172. <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>
  173. <strong><em>Rita & her family – USA</em></strong><br><br>
  174. &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>
  175. <strong><em>Alexi – France</em></strong>
  176. </div>
  177. </div></td>
  178.   <td>&nbsp;</td>
  179.  </tr>
  180.  <tr>
  181.   <td>&nbsp;</td>
  182.   <td>&nbsp;</td>
  183.  </tr>
  184. </table>
  185. </body>
  186. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Satwant
  • Graduate
  • Graduate
  • User avatar
  • Posts: 127
  • Loc: Bangalore

Post 3+ Months Ago

Hi hellen_ngoc

you just forget to close
HTML Code: [ Select ]
<style type="text/css">
<!--
 
  1. <style type="text/css">
  2. <!--
  3.  


with "-->". Place "-->" at line number 108 and it will work with ie.
  • hellen_ngoc
  • Born
  • Born
  • hellen_ngoc
  • Posts: 3

Post 3+ Months Ago

Hi Satwant! Thank you so much!
It worked in IE, but in Google Chrome or FireFox it apprear "-->" in my website.
How can I solve it?
  • Satwant
  • Graduate
  • Graduate
  • User avatar
  • Posts: 127
  • Loc: Bangalore

Post 3+ Months Ago

Check where you place "-->" it must be before
HTML Code: [ Select ]
</style>
 
  1. </style>
  2.  

tag.
  • hellen_ngoc
  • Born
  • Born
  • hellen_ngoc
  • Posts: 3

Post 3+ Months Ago

Thank Satwant so much! It worked ^^

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 115 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.