Volver al Programación / Codificación foro

¿Cómo hacer que funcione en IE Javascript?

  • hellen_ngoc
  • Born
  • Born
  • No Avatar
  • Registrado: Oct 30, 2012
  • Mensajes: 3
  • Status: Offline

Nota Octubre 30th, 2012, 6:41 am

Hola todos!
Tengo un código usando Javascript, puede funcionar bien en FireFox y Google Chrome, pero no funciona en IE.
Aquí está el código que utilizo, alguien me puede ayudar! Gracias de antemano!
Código: [ 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
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Octubre 30th, 2012, 6:41 am

  • Satwant
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Dic 27, 2010
  • Mensajes: 126
  • Loc: Bangalore
  • Status: Offline

Nota Octubre 31st, 2012, 2:33 am

Hola hellen_ngoc

sólo olvida cerrar
[HTML]
&lt; estilo tipo = "text/css" &gt;
&lt;!--
[/HTML MÁS EXTERNAS]

con "--&gt;". Lugar "--&gt;" en la línea el número 108 y trabajará con ie.
Thank You
Satwant Singh Hundal
http://www.mrhundal.com
  • hellen_ngoc
  • Born
  • Born
  • No Avatar
  • Registrado: Oct 30, 2012
  • Mensajes: 3
  • Status: Offline

Nota Octubre 31st, 2012, 9:07 am

Hola Satwant! ¡Muchas gracias!
Funcionó en IE, pero en Google Chrome o FireFox nuevamente "--&gt;" en mi página Web.
¿Cómo puedo solucionarlo?
  • Satwant
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Dic 27, 2010
  • Mensajes: 126
  • Loc: Bangalore
  • Status: Offline

Nota Noviembre 1st, 2012, 9:26 am

Verificación donde se colocan las "--&gt;" debe ser antes de
[HTML]
&lt;/style&gt;
[/HTML MÁS EXTERNAS]
etiqueta.
Thank You
Satwant Singh Hundal
http://www.mrhundal.com
  • hellen_ngoc
  • Born
  • Born
  • No Avatar
  • Registrado: Oct 30, 2012
  • Mensajes: 3
  • Status: Offline

Nota Noviembre 1st, 2012, 9:34 am

¡ Gracias Satwant tanto! Funciono ^ ^

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 116 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC