Ayuda para JavaScript, para expandir texto

Citar

Escrito el 28 Mar 2008 07:55 pm

Hola no se mucho de JavaScript y soy nuevo en este foro. Espero que me ayuden....

Quiero copiar una función que encontré en una pagina y la quiero aplicar en mi blogger, hice una maroma :cool:

para copiar el código y lo tienen a continuación. El problema es que no se si se pueda limpiar el código que tengo porque hay mucho y no se que es lo principal y tampoco se donde pegarlo en el blogger, ya que lo intente poner en el Editor de código HTML de blogger y también lo intente ponerlo en Configuración> Formato >Plantilla de entrada, de blogger.

La función, es que hay unos títulos de noticias y para ver un poco mas de la noticia en la misma pagina. Se desplaza un un botón o una barrita hacia la derecha para expandir el texto para ver mas y hacia la izquierda para contraer el texto.

Esta es la pagina de donde saque el código y Advierto que solo se ve con Internet Explorer
http://estrelladepanama.com/web/main/ver.php?idnews=22282125

Y dejo la imagen de donde esta ubicada esta función.
http://www.flickr.com/photos/21561883@N06/2364440301/

Si necesitas mas información sobre este código para ayudarme por favor avisame.
Y por favor no te marees viendo este código tan largo, :zzz:

guiame. y no me abandones :cry:

Y de antemano Muchas Gracias al que me ayude.

Código :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD><TITLE>Expandir texto</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK 
href="La%20Estrella%20OnLine_archivos/stylesheet.css" type=text/css 
rel=stylesheet>


<SCRIPT language=javascript 
src="La%20Estrella%20OnLine_archivos/slidebar.js"></SCRIPT>


<SCRIPT language=javascript>
   function hidestatus(){
      window.status = '';
      return true;
   }

   if (document.layers) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
   
   document.onmouseover=hidestatus;
   document.onmouseout=hidestatus;
</SCRIPT>

<META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD>
<BODY>
<SCRIPT language=javascript>
   var LoadIcons = new Array();
   LoadIcons[0] = new Image();
   LoadIcons[0].src = "/web/images/loading.gif";
</SCRIPT>
<TABLE height=2 cellSpacing=0 cellPadding=0 width="100%" bgColor=#febf1c 
border=0>
  <TBODY>
  <TR>
    <TD></TD>
  </TR></TBODY></TABLE>
<TABLE height=1 cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD></TD></TR></TBODY></TABLE>
<SCRIPT language=javascript>
   function jsMenuSecciones(obj, _class) {
      if (obj.className != "MenuSeccionesSelected") obj.className = _class;
   }
   
   function jsSubMenuDisplay(obj, id) {
      var _opciones = "1,34";
      _opciones = _opciones.split(",");
      for(i=0; i < _opciones.length; i++) {
         jsSetStyle("SM_" + _opciones[i], "display", "none");
      }
      
      tabla = jsGetParent(jsGetParent(jsGetParent(obj)));
      if (obj) {
         for(i=0; i < tabla.rows[0].cells.length; i++) {
            if (tabla.rows[0].cells[i].className != "") tabla.rows[0].cells[i].className = "MenuSeccionesOut";
         }
      }
      
      jsSetStyle("SM_" + id, "display", "block");
      obj.className = "MenuSeccionesSelected";
   }
   
   function Busqueda() {
      var _B = jsGetObject("txtbusqueda");
      var _bm = jsGetObject("bm");
      var _ba = jsGetObject("ba");
      if (_B) {
         _bm = (!_bm) ? "" : _bm.value;
         _ba = (!_ba) ? "" : _ba.value;
         document.body.style.cursor = "wait";
         document.location.href = "/web/main/busqueda_resultados.php?q=" + _B.value + "&bm=" + 
         _bm + "&ba=" + _ba;
      }
      
      return false;
   }
</SCRIPT>
<TABLE height=6 cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  </TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=770 border=0>
  <TBODY>
  <TR vAlign=top>
    <TD>
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
        <TR vAlign=top>
          <TD>
            <SCRIPT language=javascript>
   function PrintContent(id) {
      openCenterWin("/web/main/imprimir_contenido.php?elemid=" + id,"ImpCont","resizable=yes,status=no,scrollbars=yes",550,500);
   }
</SCRIPT>

            <TABLE cellSpacing=0 cellPadding=0 width="98%" align=center 
border=0>
              <TBODY>
              <TR>
                <TD><BR><BR>
                  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                    <TBODY>
                    <TR>
                      <TD style="PADDING-LEFT: 20px">
                        <TABLE cellSpacing=0 cellPadding=0 width="100%" 
border=0>
                          <TBODY>
                          <TR>
                            <TD align=right>
                              <TABLE class=NoticiaSubTitulo cellSpacing=0 
                              cellPadding=0 border=0>
                                <TBODY>
                                <TR>
                                <TD>más de Lo 
                          Último</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
                        <SCRIPT language=javascript>
   function ExpandirTexto(num) {
      var IFrame = document.getElementsByTagName("div");
      if (IFrame) {
         for(i=0; i < IFrame.length; i++) {
            var At = IFrame[i].getAttribute("expand");
            if (At) {
               if (num > 0) {
                  IFrame[i].style.height = num + "px";
               } else if (num <= 0) {
                  IFrame[i].style.height = "1px";
               }
            }
         }
      }
   }
</SCRIPT>

                        <TABLE cellSpacing=0 cellPadding=0 width="100%" 
border=0>
                          <TBODY>
                          <TR>
                            <TD>
                              <TABLE class=TablaSimple cellSpacing=1 
                              cellPadding=1 border=0>
                                <TBODY>
                                <TR>
                                <TD vAlign=top>Expandir Resumen</TD>
                                <TD style="PADDING-TOP: 8px"><INPUT 
                                id=txtexpand_text type=hidden value=0 
                                name=txtexpand_text> <SPAN 
                                style="BORDER-RIGHT: 0px; BORDER-TOP: buttonface 1px solid; BACKGROUND: buttonhighlight; BORDER-LEFT: 0px; WIDTH: 60px; BORDER-BOTTOM: 0px; HEIGHT: 0px"><SPAN 
                                class=sliderHandle id=hor 
                                onmouseover="this.style.borderColor='blue'" 
                                style="BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonshadow 1px solid; FONT-SIZE: 10px; BACKGROUND: buttonface; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 10px; CURSOR: pointer; BORDER-BOTTOM: buttonshadow 1px solid; POSITION: relative; TOP: -8px; HEIGHT: 100%" 
                                onmouseout="this.style.borderColor='buttonshadow'" 
                                onchange="ExpandirTexto(Math.round(60*this.value))" 
                                value="0" 
                                type="x"></SPAN></SPAN></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282496">Desmienten 
                              que vaya a modificarse el último piso de la Torre 
                              Eiffel</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(1:41&nbsp;p.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">La sociedad gestora de la Torre Eiffel negó 
                        hoy que contemple ampliar el último piso del emblemático 
                        monumento de París y desacreditó así la oferta no 
                        solicitada de un despacho de arquitectos que proponía 
                        extender la superficie del tercer piso.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282492">Dos 
                              cubanos viven desde lunes en Aeropuerto de La Paz 
                              por problema con visas</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(1:17&nbsp;p.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">Dos ciudadanos cubanos "viven" desde hace 
                        cuatro días en el Aeropuerto de La Paz al no poder 
                        regresar a sus lugares de residencia ni ingresar en 
                        Bolivia por problemas con sus visados, informó hoy a Efe 
                        uno de los afectados.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282486">Fallece 
                              Herb Peterson, padre del "Egg McMuffin", el 
                              desayuno de McDonald's</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(1:01&nbsp;p.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">Herb Peterson, el inventor del "Egg 
                        McMuffin", el bocadillo que introdujo los desayunos en 
                        la cadena de restaurantes McDonald's.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282482">Fidel 
                              Castro cumple un año con sus 
                              "reflexiones"</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(12:58&nbsp;p.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El ex presidente cubano Fidel Castro cumple 
                        este viernes un año de "reflexiones", la columna de 
                        opinión que habitualmente publica en la prensa oficial 
                        de la isla y que le ha acompañado durante la 
                        convalecencia y su salida del poder formal tras casi 
                        medio siglo.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282457">Demi 
                              Moore recurre a las sanguijuelas como tratamiento 
                              de belleza</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(11:33&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">La actriz Demi Moore recurrió a las 
                        sanguijuelas como método de belleza y de desintoxicación 
                        de la sangre, según confesó la ex mujer de Bruce Willis 
                        en un programa de la televisión estadounidense y que hoy 
                        publica la prensa local en sus páginas de 
internet.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282450">Inician 
                              campaña para retirar programa de Laura Bozzo de la 
                              TV internacional</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(10:46&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">Organizaciones civiles de hispanoamérica 
                        iniciaron hoy en Lima una campaña que busca la retirada 
                        de la televisión internacional del programa de la 
                        presentadora peruana Laura Bozzo.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282439">Bienal 
                              de artes escénicas se anuncia con participación 
                              Festival</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(10:27&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">La Fundación pro Artes Escénicas y 
                        Audiovisuales de Panamá presentó hoy la tercera edición 
                        de su festival bienal, que repite vocación 
                        iberoamericana.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282435">Consejero 
                              andaluz concluirá en Panamá gira 
                              centroamericana</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(10:04&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">Gaspar Zarrías, consejero en funciones de la 
                        Presidencia de la Junta de Andalucía, gobierno de esa 
                        región del sur de España, concluye este jueves en Panamá 
                        una gira centroamericana para promocionar la 
                        Conmemoración del Bicentenario de la Constitución 
                        española de 1812, creada por las Cortes de Cádiz.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282420">Un 
                              niño murió por rabia transmitida por un gato en el 
                              suroeste colombiano</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(09:16&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">Un niño murió y otros dos están en grave 
                        estado de salud tras resultar contagiados por rabia, 
                        transmitidas por un gato, en el suroeste de Colombia, 
                        informaron hoy las autoridades.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282405">El 
                              Dalai Lama insta al Gobierno de China a "aceptar 
                              la realidad"</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(08:19&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El Dalai Lama, líder espiritual tibetano, 
                        instó hoy en Nueva Delhi al Gobierno de Pekín a "aceptar 
                        la realidad" porque las "mentiras no pueden funcionar" 
                        en el siglo XXI, informó la agencia PTI.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282404">Estado 
                              de salud de Betancourt es "muy, muy delicado" dice 
                              Defensor del Pueblo</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(08:16&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El estado de salud de la ex candidata 
                        presidencial colombiana Ingrid Betancourt, secuestrada 
                        desde febrero de 2002 por las FARC, es "muy, muy 
                        delicado", reveló hoy el defensor del Pueblo, Vólmar 
                        Pérez.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282403">Helicóptero 
                              cae en el mar Negro con trece personas a 
                              bordo</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(08:15&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">Un helicóptero Mi-8 de la guardia fronteriza 
                        ucraniana cayó hoy en aguas del mar Negro con trece 
                        personas a bordo, informó el Ministerio de Situaciones 
                        de Emergencia de Ucrania.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282401">Gobierno 
                              firma acuerdo para regular sistema de 
                              clasificación de 
                              películas</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(08:11&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El Gobierno panameño y los representantes de 
                        las empresas cinematográficas en este país firmaron un 
                        acuerdo para la autorregulación en el sistema de 
                        clasificación de las películas que se exhiben al público 
                        en las salas de cines.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282151">Gobierno 
                              firma acuerdo para regular sistema de 
                              clasificación de 
                              películas</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(1:27&nbsp;p.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El gobierno panameño y los representantes de 
                        las empresas cinematográficas en este país firmaron hoy 
                        un acuerdo para la autorregulación en el sistema de 
                        clasificación de las películas que se exhiben al público 
                        en las salas de cines.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282148">Cristiano 
                              Ronaldo designado embajador de Cruz Roja para 
                              campaña humanitaria</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(12:55&nbsp;p.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El internacional portugués Cristiano Ronaldo 
                        ha sido designado embajador de la campaña de colecta de 
                        fondos en Internet que ha lanzado el Comité 
                        Internacional de la Cruz Roja (CIRJ) para la Eurocopa 
                        2008.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282137">Ministro 
                              de Seguridad de Costa Rica viajará a Colombia por 
                              caso de las FARC</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(12:31&nbsp;p.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El ministro costarricense de Seguridad, 
                        Fernando Berrocal, viajará a Colombia próximamente para 
                        reunirse con autoridades de ese país, con el fin de 
                        intercambiar información sobre la penetración de las 
                        FARC en Costa Rica.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282094">Liberar 
                              comercio agrícola y aumento productividad son 
                              claves contra pobreza</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(10:40&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">La ampliación de las negociaciones sobre 
                        comercio internacional más allá de la Ronda de Doha y 
                        una "revolución" en la agricultura que mejore la 
                        productividad en Asia-Pacífico sacarían de la pobreza a 
                        más de 250 millones de personas, más de un tercio de los 
                        pobres de la región.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282086">Motorola 
                              planea dividirse en dos compañías 
                              independientes</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(10:11&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El fabricante estadounidense de teléfonos 
                        móviles Motorola anunció hoy que planea dividirse en dos 
                        compañías independientes y que coticen en bolsa.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282075">Zarrías 
                              ofrece a Colom incrementar la cooperación andaluza 
                              con Guatemala</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(09:37&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El consejero en funciones de la Presidencia 
                        de la Junta de Andalucía, Gaspar Zarrías, ofreció hoy al 
                        presidente de Guatemala, Álvaro Colom, incrementar la 
                        cooperación andaluza con este país centroamericano para 
                        combatir la pobreza.</DIV>
                        <TABLE class=TablaSimple cellSpacing=2 cellPadding=2 
                        border=0>
                          <TBODY>
                          <TR vAlign=top>
                            <TD style="PADDING-TOP: 8px"><IMG 
                              src="La%20Estrella%20OnLine_archivos/arrow.jpg" 
                              border=0></TD>
                            <TD style="PADDING-RIGHT: 3px"><A 
                              class=SubTituloNoticiasLink 
                              href="http://estrelladepanama.com/web/main/ver.php?idnews=22282052">Termina 
                              bombeo y quema del combustible de un buque 
                              panameño encallado</A>&nbsp;&nbsp;&nbsp;<SPAN 
                              class=NoticiaHora>(08:30&nbsp;a.m.)</SPAN></TD></TR></TBODY></TABLE>
                        <DIV class=NoticiaDescripcion 
                        style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px" 
                        expand="1">El servicio de salvamento de la armada 
                        colombiana puso fin a la operación de bombeo y quema de 
                        cerca de 8.000 galones (más de 29.000 litros) de 
                        combustible de un buque panameño encallado en aguas del 
                        Caribe, informaron hoy portavoces de esa fuerza en 
                        Bogotá.</DIV><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
        </TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT language=javascript 
src="La%20Estrella%20OnLine_archivos/wz_tooltip.js"></SCRIPT>
<IFRAME id=gToday:normal:agenda.js 
style="Z-INDEX: 999; LEFT: -500px; VISIBILITY: visible; POSITION: absolute; TOP: 0px" 
name=gToday:normal:agenda.js src="javascript:false" frameBorder=0 width=174 
scrolling=no height=189>
</IFRAME>




var dragobject = null;
var type;
var onchange = "";
var tx;
var ty;


function getReal(el, type, value) {
   temp = el;
   while ((temp != null) && (temp.tagName != "BODY")) {
      if (eval("temp." + type) == value) {
         el = temp;
         return el;
      }
      temp = temp.parentElement;
   }
   return el;
}

function moveme_onmousedown() {
   var tmp = getReal(window.event.srcElement, "className", "sliderHandle");   //Traverse the element tree
   if(tmp.className == "sliderHandle") {
      dragobject = tmp;         //This is a global reference to the current dragging object

      onchange = dragobject.getAttribute("onchange");   //Set the onchange function
      if (onchange == null) onchange = "";
      type = dragobject.getAttribute("type");         //Find the type

      if (type=="y")      //Vertical
         ty = (window.event.clientY - dragobject.style.pixelTop);
      else            //Horizontal
         tx = (window.event.clientX - dragobject.style.pixelLeft);

      window.event.returnValue = false;
      window.event.cancelBubble = true;
   }
   else {
      dragobject = null;   //Not draggable
   }   
}

function moveme_onmouseup() {
   if(dragobject) {
      dragobject = null;
   }
}

function moveme_onmousemove() {
   if(dragobject) {
      if (type=="y") {
         if(event.clientY >= 0) {
            if ((event.clientY - ty >= 0) && (event.clientY - ty <= dragobject.parentElement.offsetHeight - dragobject.offsetHeight)) {
               dragobject.style.top = event.clientY - ty;
            }
            if (event.clientY - ty < 0) {
               dragobject.style.top = "0";
            }
            if (event.clientY - ty > dragobject.parentElement.offsetHeight - dragobject.offsetHeight - 0) {
               dragobject.style.top = dragobject.parentElement.offsetHeight - dragobject.offsetHeight;
            }

            dragobject.value = dragobject.style.pixelTop / (dragobject.parentElement.offsetHeight - dragobject.offsetHeight);
            eval(onchange.replace(/this/g, "dragobject"));
         }
      }
      else {
         if(event.clientX  >= 0) {
            if ((event.clientX  - tx >= 0) && (event.clientX - tx <= dragobject.parentElement.offsetWidth - dragobject.offsetWidth)) {
               dragobject.style.left = event.clientX - tx;
            }
            if (event.clientX - tx < 0) {
               dragobject.style.left = "0";
            }
            if (event.clientX - tx > dragobject.parentElement.clientWidth - dragobject.offsetWidth - 0) {
               dragobject.style.left = dragobject.parentElement.clientWidth - dragobject.offsetWidth;
            }

            dragobject.value = dragobject.style.pixelLeft / (dragobject.parentElement.clientWidth - dragobject.offsetWidth);
            eval(onchange.replace(/this/g, "dragobject"));
         }
      }
      
      
      window.event.returnValue = false;
      window.event.cancelBubble = true;
   } 
}

function setValue(el, val) {
   el.value = val;
   if (el.getAttribute("TYPE") == "x")
      el.style.left =  val * (el.parentElement.clientWidth - el.offsetWidth);
   else
      el.style.top =  val * (el.parentElement.clientHeight - el.offsetHeight);

   eval(el.onchange.replace(/this/g, "el"))
}

document.onmousedown = moveme_onmousedown;
document.onmouseup = moveme_onmouseup;
document.onmousemove = moveme_onmousemove;

document.write('<style type="text/css">\
            .sliderHandle   {position: relative; cursor: default;}\
            </style>');



BODY {
   FONT-SIZE: 11px; MARGIN: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
A {
   FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:active {
   FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:hover {
   TEXT-DECORATION: underline
}
.TablasTitulo {
   FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #494949; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.TablaSimple {
   FONT-SIZE: 11px; COLOR: #343434; FONT-FAMILY: Arial, Helvetica, sans-serif
}
INPUT {
   BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #666666 1px solid; COLOR: #343434; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f4f4f4
}
SELECT {
   BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #666666 1px solid; COLOR: #343434; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f4f4f4
}
TEXTAREA {
   BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #666666 1px solid; COLOR: #343434; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f4f4f4
}
.OptionButton {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
HR {
   COLOR: #cccccc; HEIGHT: 1px
}
LEGEND {
   FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #6087b2; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.legend {
   FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #6087b2; FONT-FAMILY: Arial, Helvetica, sans-serif
}
FIELDSET {
   BORDER-RIGHT: #d2d3d5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d2d3d5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #d2d3d5 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #d2d3d5 1px solid
}
.Botones {
   BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #999999 1px solid; WIDTH: 100px; CURSOR: pointer; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #d9d9d9
}
.CuadroTitulo {
   FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: uppercase; CURSOR: default; COLOR: #84024c; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
.Titulo {
   FONT-SIZE: 22px; CURSOR: default; COLOR: #960435; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
A.TituloNoticiasLink {
   FONT-SIZE: 18px; COLOR: #323232; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
A.TituloNoticiasLink:active {
   FONT-SIZE: 18px; COLOR: #323232; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
A.TituloNoticiasLink:hover {
   TEXT-DECORATION: underline
}
.TituloNoticias {
   FONT-SIZE: 20px; CURSOR: default; COLOR: #323232; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
A.SubTituloNoticiasLink {
   FONT-SIZE: 14px; COLOR: #323232; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
A.SubTituloNoticiasLink:active {
   FONT-SIZE: 14px; COLOR: #323232; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
A.SubTituloNoticiasLink:hover {
   TEXT-DECORATION: underline
}
.CuadroColumna {
   FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #313131; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #c9c9c9
}
.Fila1 {
   FONT-SIZE: 11px; COLOR: #3d453d; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 22px; BACKGROUND-COLOR: #f2f3f4
}
.Fila2 {
   FONT-SIZE: 11px; COLOR: #3d453d; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 22px; BACKGROUND-COLOR: #e6e7e8
}
.FilaOver {
   FONT-SIZE: 11px; CURSOR: pointer; COLOR: #3d453d; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 22px; BACKGROUND-COLOR: #d0d0d0
}
.ClasificadosHighLight {
   FONT-SIZE: 11px; COLOR: #3d453d; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 22px; BACKGROUND-COLOR: #fefeb4
}
.BannersAreas {
   BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid
}
.MenuSeccionesOut {
   FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.MenuSeccionesOver {
   FONT-SIZE: 12px; CURSOR: pointer; COLOR: #557399; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.MenuSeccionesSelected {
   FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/secciones_bg.jpg); CURSOR: default; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #7192bf
}
A.SubMenuSecciones {
   FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.SubMenuSecciones:active {
   FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.SubMenuSecciones:hover {
   TEXT-DECORATION: underline
}
.SubMenuSecciones {
   FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.NoticiaHora {
   FONT-SIZE: 10px; CURSOR: default; COLOR: #df0049; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.NoticiaDescripcion {
   FONT-SIZE: 12px; CURSOR: default; COLOR: #343434; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.NoticiaSubTitulo {
   PADDING-LEFT: 45px; FONT-SIZE: 22px; TEXT-TRANSFORM: lowercase; CURSOR: default; COLOR: #980030; BORDER-BOTTOM: #cbcbcb 1px dashed; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
.NoticiaSubTitulo2 {
   PADDING-RIGHT: 45px; FONT-SIZE: 22px; TEXT-TRANSFORM: lowercase; CURSOR: default; COLOR: #980030; BORDER-BOTTOM: #cbcbcb 1px dashed; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
.EFETitulo {
   PADDING-RIGHT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: lowercase; COLOR: #115ec6; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; BACKGROUND-COLOR: #d6d6d6
}
.NoticiaVersionImpresaTitulo {
   BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP: #bbbbbb 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../images/impresa_bg.jpg); TEXT-TRANSFORM: uppercase; BORDER-LEFT: #bbbbbb 1px solid; CURSOR: default; COLOR: #333333; BORDER-BOTTOM: #bbbbbb 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 19px; BACKGROUND-COLOR: #ffcd53
}
.NoticiaVersionImpresaCuadro {
   BORDER-RIGHT: #bbbbbb 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; BORDER-LEFT: #bbbbbb 1px solid; CURSOR: default; PADDING-TOP: 15px; BORDER-BOTTOM: #bbbbbb 1px solid
}
.modalDialog_transparentDivs {
   Z-INDEX: 1; FILTER: alpha(opacity=40); POSITION: absolute; BACKGROUND-COLOR: #aaa; opacity: 0.4
}
.modalDialog_contentDiv {
   BORDER-RIGHT: #7b96c6 3px solid; PADDING-RIGHT: 0px; BORDER-TOP: #7b96c6 3px solid; PADDING-LEFT: 0px; Z-INDEX: 100; PADDING-BOTTOM: 0px; BORDER-LEFT: #7b96c6 3px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #7b96c6 3px solid; POSITION: absolute; BACKGROUND-COLOR: #000000
}
.modalDialog_contentDiv_shadow {
   Z-INDEX: 90; FILTER: alpha(opacity=30); POSITION: absolute; BACKGROUND-COLOR: #555; opacity: 0.3
}
.AdminMenuTitulo {
   FONT-WEIGHT: bold; FONT-SIZE: 11px; CURSOR: default; COLOR: #313131; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 23px; BACKGROUND-COLOR: #c9c9c9
}
.AdminTitulo {
   BORDER-RIGHT: #b5b5b5 2px solid; BORDER-TOP: #b5b5b5 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #b5b5b5 2px solid; CURSOR: default; COLOR: #313131; BORDER-BOTTOM: #b5b5b5 2px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 26px; BACKGROUND-COLOR: #c9c9c9
}
.AdminMsgError {
   BORDER-RIGHT: #ff9b9b 2px solid; BORDER-TOP: #ff9b9b 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #ff9b9b 2px solid; CURSOR: default; COLOR: #343434; BORDER-BOTTOM: #ff9b9b 2px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 23px; BACKGROUND-COLOR: #f9dfdd
}
.AdminArrowMenuOver {
   BORDER-RIGHT: #828282 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: pointer; BORDER-BOTTOM: #828282 1px solid
}
.AdminArrowMenuOut {
   BORDER-RIGHT: #c9c9c9 1px solid; BORDER-TOP: #c9c9c9 1px solid; BORDER-LEFT: #c9c9c9 1px solid; BORDER-BOTTOM: #c9c9c9 1px solid
}
.AdminMenuContent {
   BORDER-RIGHT: #c9c9c9 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #c9c9c9 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #c9c9c9 1px solid
}
A.AdminMenuLink {
   FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.AdminMenuLink:active {
   FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.AdminMenuLink:hover {
   TEXT-DECORATION: underline
}
.DivGallery {
   SCROLLBAR-FACE-COLOR: #d6d6d6; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #9a9a9a; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #9a9a9a; SCROLLBAR-BASE-COLOR: #d6d6d6
}




</BODY></HTML>
// JavaScript Document

Por da_gp1234

0 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 28 Mar 2008 09:25 pm

da_gp1234 escribió:

[...] El problema es que no se si se pueda limpiar el código que tengo porque hay mucho y no se que es lo principal y tampoco se donde pegarlo en el blogger [...]

Alguien debería azotarte por esto...

:latigo:

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 31 Mar 2008 04:25 pm

rizome escribió:

Alguien debería azotarte por esto..

Y por usar tablas también, agree.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 04 Abr 2008 09:23 pm

Hola: Si, estaba demasiado largo el código JavaScript; pero logre identificar mas o menos lo principal de este código, ya que también me interesa obtener esta función de expandir texto y me tome el trabajo de desmembrarlo.
Nota: No esta del todo bien, pero lo intente. Espero que te sirva y no le hagas caso a los demás que respondieron, porque lo único que pueden hacer es respuestas destructivas y no constructivas. Ya me ha pasado esto. :twisted:

Bien, el código:

<HTML>
<HEAD><TITLE>Expandir texto</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK
href="La%20Estrella%20OnLine_archivos/stylesheet.css" type=text/css
rel=stylesheet>

<SCRIPT language=javascript
src="La%20Estrella%20OnLine_archivos/slidebar.js"></SCRIPT>

<BODY>
<TR>
<TD style="PADDING-LEFT: 20px">
<TABLE cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD align=right>
<TABLE class=NoticiaSubTitulo cellSpacing=0
cellPadding=0 border=0>
<TBODY>
<TR>
<TD>más de Lo
Último</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT language=javascript>
function ExpandirTexto(num) {
var IFrame = document.getElementsByTagName("div");
if (IFrame) {
for(i=0; i < IFrame.length; i++) {
var At = IFrame[i].getAttribute("expand");
if (At) {
if (num > 0) {
IFrame[i].style.height = num + "px";
} else if (num <= 0) {
IFrame[i].style.height = "1px";
}
}
}
}
}
</SCRIPT>

<TBODY>
<TR>
<TD>
<TABLE class=TablaSimple cellSpacing=1
cellPadding=1 border=0>
<TBODY>
<TR>
<TD vAlign=top>Expandir Resumen</TD>
<TD style="PADDING-TOP: 8px"><INPUT
id=txtexpand_text type=hidden value=0
name=txtexpand_text> <SPAN
style="BORDER-RIGHT: 0px; BORDER-TOP: buttonface 1px solid; BACKGROUND: buttonhighlight; BORDER-LEFT: 0px; WIDTH: 60px; BORDER-BOTTOM: 0px; HEIGHT: 0px"><SPAN
class=sliderHandle id=hor
onmouseover="this.style.borderColor='blue'"
style="BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonshadow 1px solid; FONT-SIZE: 10px; BACKGROUND: buttonface; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 10px; CURSOR: pointer; BORDER-BOTTOM: buttonshadow 1px solid; POSITION: relative; TOP: -8px; HEIGHT: 100%"
onmouseout="this.style.borderColor='buttonshadow'"
onchange="ExpandirTexto(Math.round(60*this.value))"
value="0"
type="x"></SPAN></SPAN></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE class=TablaSimple cellSpacing=2 cellPadding=2
border=0>
<TBODY>
<TR vAlign=top>
<TD style="PADDING-TOP: 8px"><IMG
src="La%20Estrella%20OnLine_archivos/arrow.jpg"
border=0></TD>
<TD style="PADDING-RIGHT: 3px"><A
class=SubTituloNoticiasLink
href="http://estrelladepanama.com/web/main/ver.php?idnews=22282496"></A>   <SPAN
class=NoticiaHora>(1:41 p.m.)</SPAN></TD></TR></TBODY></TABLE>
<DIV class=NoticiaDescripcion
style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px"
expand="1">.</DIV>
<TABLE class=TablaSimple cellSpacing=2 cellPadding=2
border=0>
<TBODY>

<TD style="PADDING-TOP: 8px"><IMG
src="La%20Estrella%20OnLine_archivos/arrow.jpg"
border=0></TD>
<TD style="PADDING-RIGHT: 3px"><A
class=SubTituloNoticiasLink
href="http://www.google.com.co"> </A>   <SPAN
class=NoticiaHora>(1:41 p.m.)</SPAN></TD></TR></TBODY></TABLE>
<DIV class=NoticiaDescripcion
style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px"
expand="1">.</DIV>
<TABLE class=TablaSimple cellSpacing=2 cellPadding=2
border=0>
<TBODY>

<TD style="PADDING-TOP: 8px"><IMG
src="La%20Estrella%20OnLine_archivos/arrow.jpg"
border=0></TD>
<TD style="PADDING-RIGHT: 3px"><A
class=SubTituloNoticiasLink
href="http://estrelladepanama.com/web/main/ver.php?idnews=22282052">Termina
bombeo y quema del combustible de un buque
panameño encallado</A>   <SPAN
class=NoticiaHora>(08:30 a.m.)</SPAN></TD></TR></TABLE>
<DIV class=NoticiaDescripcion
style="PADDING-LEFT: 20px; OVERFLOW: hidden; HEIGHT: 1px"
expand="1">El servicio de salvamento de la armada
puso fin a la operación de bombeo y quema de
cerca de 8.000 galones (más de 29.000 litros) de
combustible de un buque panameño encallado en aguas del
Caribe, informaron hoy portavoces de esa fuerza en
Bogotá.</DIV><BR></TD></TR></TABLE></TD></TR></TABLE></TD>
</TR></TABLE></TD></TR></TBODY></TABLE>

</BODY></HTML>

Por aplasto

0 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 05 Abr 2008 09:12 pm

Si te abrias fijado bien pues sabrías que el código que hace aparecer y desaparecer el texto no está "embedded" en la página. La función que buscabas se llamaba Tooglenoseque y es más fácil crearse una propia que copiar código. Cuando copias algo y no sabes lo que estás copiando entonces tendrás muchos problemas cuando se presenten bugs.
Respuesta a tu duda, rápida y sin rodeos:

Código :

      <script type="text/javascript">
         var isContentVisible = new Boolean(false);
         function showHideContent(){
            var content = document.getElementById("wrapper");
            if(isContentVisible){
               content.style.display = "none";
               isContentVisible = false;
            } else {
               content.style.display = "block";
               isContentVisible = true;
            }
         }
      </script>
<input type="button" onclick="showHideContent()" value="Aparece/desaparece"/>
<div id="wrapper" style="display:none">Contenido</div>

Lo pegas con Poxipol en algún lado y te aseguro que funcionará(sino prueba también con la gotita).

Por Morgoth

13 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 05 Abr 2008 11:27 pm

Hace unas horas, que he dado una respuesta que se ajusta al pelo. Casi cortar y pegar.

(y compitiendo en sencillez y accesibilidad con Morgoth)

***NOTA: sustituir el número en rojo, por el número de noticias consecutivas que haya.
***NOTA: La función, propiamente dicha, está en color azul.
***NOTA: Se añaden noticias, multiplicando el código verde, y actualizando los índices de manera consecutiva.

Además, este sistema es plenamente accesible para navegadores que no tengan activado el Javascript, pues el propuesto por Morgoth ( de buen rollo), no mostraría, ni se podrían ver las noticias ocultas "de principio".

Aún así, no me convence NADA este sistema para un blog (con muchas entradas por página), pues cargaría muchiiiiiiiiiiiisimo código cada vez, y haría que el acceso fuera lentíiisimo.
La manera adecuada, a mi ver, sería hacerlo mediante AJAX. Cada entrada, se cargaría independientemente mediante AJAX cuando se la llamase, y no todas a la vez, a la entrada en el blog.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Ayuda para JavaScript, para expandir texto

Escribe una respuesta rapida