Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.

Temas - duralai

Páginas: 1 [2]

Aprender a programar desde cero / Como modificar pestañas con CSS?

« en: 09 de Diciembre 2014, 04:31 »

Hola gente, tengo una duda con una pagina y quería ver si me pueden sacar algunas dudas.
El problema es así, tengo una pagina cuya totalidad es un cuadrado de 655px de ancho por 255 de alto aproximadamente, es así porque en el body solo hay una imagen de fondo de esta medida.
El problema que quiero resolver viene acá: dentro de ese cuadrado hay una parte en donde los contenidos se muestran en 3 pestañas, y para esto se usa Javascript, y lo que yo quiero es modificar esta pagina con CSS para que no necesite Javascript, y poder ver las pestañas por SEPARADO.
El codigo seria algo asi:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>

<body>
<div id="contenedorTotal" class="corto" style="width: 655px;">
 <div id="data" class="dataNormal">
  <div id="dataContainer">
   <div id="dataTabs" class="tabs">
    <div id="ATab" class="tab activeTab">Tab A</div>
    <div id="BTab" class="tab">Tab B</div>
    <div id="CTab" class="tab">Tab C</div>
   </div>
   <div id="dataContents" class="content">
    <div id="dataContenContainer" class="contentContainer">
     <div id="TabAContentScrollable" class="contentMain">
      <div id="TabAContentScroller" class="contentScroller">
      <div id="TabAContent" class="scrolling">
     </div> 
     <div id="TabBContent">
      <table>
       <thead>......</thead>
       <tbody>......</tbody> 
      </table> 
     </div> 
     <div id="TabCContentScrollable" class="contentMain">
      <div id="TabCContentScroller" class="contentScroller">
      <div id="TabCContent" class="scrolling"
       <div id="TabCContentPart1"
       <div id="TabCContentPart2"       
      </div>
     </div> 
    </div>
</body>

</html>

En una parte del documento la información se ve en forma de 3 pestañas: TabA, TabB y TabC, YO QUISIERA VER LAS 3 TABLAS AL MISMO TIEMPO, UNA PEGADA A LA OTRA, se podría modificar con CSS o CSS3?

Aprender a programar desde cero / Como seleccionar texto html usando javascript?

« en: 03 de Diciembre 2014, 19:44 »

Hola, tengo un archivo html que carga un archivo .js.
Este archivo html tiene una parte donde hay varias lineas de texto y tiene un scroll porque son 500 lineas en un cuadradito, el tema es que no me permite copiar todo ese texto seleccionándolo y desplazándome para abajo, solo puedo seleccionar la parte visible en la ventana. Para copiar todo tengo que seleccionar y manteniendo apretado en ratón, bajar con el scroll hasta el fin.
Quisiera saber si alguien me puede dar una idea de como cambiar esto, quizás cambiando algo en el archivo .js...
Quisiera poder seleccionar todo el texto dentro de la ventana, pero solo con el mouse, desplazándome hacia abajo como un texto común.

Aclaro que este archivo html esta bajado y lo uso sin necesidad de internet.

Aprender a programar desde cero / Como copiar automáticamente texto de un Div de una web publica?

« en: 27 de Noviembre 2014, 03:29 »

Hola, estoy aprendiendo con los manuales y estoy en la parte de Javascript, y sigo repasando el curso porque me olvido algunas cosas y se me mezcla todo con HTML y CSS.

Mi duda es la siguiente: hay alguna forma de que se pueda copiar automáticamente con algún lenguaje el texto o contenido HTML de una web?

Yo a esto lo hago pero manualmente, y las webs de donde lo hago son publicas y ademas lo copio solo para mi, porque es información que yo uso y ademas estoy practicando para llegar a entender mejor los lenguajes.

Las paginas con el texto que me gustaría copiar automáticamente son algo así:

Código: [Seleccionar]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Web</title>
<meta http-equiv=Content-Type content="text/html; charset=utf-8"/>
</head>
<body>
<div id="areadecomentarios" class="scrolling">
<div id="comentario-1" class="comment">
 <div class="comentTime">
  <div class="comentTime">
   <span class="hora">12</span>
   <span class="minutos">31'</span>
  </div>
 </div>
<div class="comentContent">
 <div class="iconoComentario">
  <div class="textocomentario">Luis de San Martin, voto por Gomez</div>
 </div>
 </div>
</div>

<div id="comentario-2" class="comment">
 <div class="comentTime">
  <div class="comentTime">
   <span class="hora">13</span>
   <span class="minutos">34'</span>
  </div>
 </div>
<div class="comentContent">
 <div class="iconoComentario">
  <div class="textocomentario">Roberto de San Luis, voto por Paz</div>
  </div>
 </div>
</div>

<div id="comentario-3" class="comment">
 <div class="comentTime">
  <div class="comentTime">
   <span class="hora">15</span>
   <span class="minutos">51'</span>
  </div>
 </div>
<div class="comentContent">
 <div class="iconoComentario">
  <div class="textocomentario">Pedro de Mar del Plata, voto por Perez</div>
 </div>
 </div>
</div>

</body>
</html>

Y para no andar revisando pagina a pagina para ver si hay suficientes comentarios para copiar, quisiera saber si se podría hacer algo con Javascript o algun otro lenguaje para que me copie solo el contenido:

Código: [Seleccionar]

<div id="areadecomentarios" class="scrolling">
<div id="comentario-1" class="comment">
 <div class="comentTime">
  <div class="comentTime">
   <span class="hora">12</span>
   <span class="minutos">31'</span>
  </div>
 </div>
<div class="comentContent">
 <div class="iconoComentario">
  <div class="textocomentario">Luis de San Martin, voto por Gomez</div>
 </div>
 </div>
</div>
..............

y lo guarde...asi yo no tengo que andar fijandome todos los dias si hay como minimo 100 comentarios nuevos, si hay menos no lo copio, espero hasta que llegue minio a 100.
Bueno espero que se haya entendido, gracias.

Páginas: 1 [2]

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: