Ayuda con sitio de eventos módulos calendar, views y scrolls jquery

Events happening in the community are now at Drupal community events on www.drupal.org.
yconoclasta's picture

Hola:

Estoy desarrollando un sitio para un museo donde se publicarán eventos de exposiciones, talleres, conferencias, etc. La idea de la planeación es que sea fácilmente administrable por el usuario, basta con que seleccione una fecha de calendario, la duración del evento y escriba la nota, suba imágenes y listo.

El problema que tengo es que no he podido configurar adecuadamente el sitio para que tenga dicha funcionalidad. Tengo los módulos calendar y date instalados pero no sé usarlos. Además, una particularidad es que el largo del sitio no cambie, así que todo se ha metido en cajas para que los contenidos conserven la misma altura, entonces para visualizar más información se utilizará scroll, pero no un típico scroll con overflow= auto sino por medio de botones.

Adjunto un pdf con la muestra del sitio para tener mayor idea de lo que hablo.

Ojalá alguien me pueda orientar o ayudar, ya que me urge.

Saludos.

AttachmentSize
PORTAL_SCCC_Muestra.pdf732.6 KB

Comments

Ayudanos a ayudarte =) Debes

janusman's picture

Ayudanos a ayudarte =) Debes ser más específico; suena un poco como que quieres que alguien te haga "la tarea" pero incluso (al menos yo) ni si quiera puedo entender cual, exactamente, es "la tarea".

El scroll con botones: bueno, si, se puede con Javascript.

El usar calendar: ¿cual problema tienes?

Si necesitas apoyo pagado tambien podrías hacer el post en el foro de Paid Help... pero estoy casi seguro que todos te pedirán que seas más específico =)

Tienes razón

yconoclasta's picture

Sí no fui muy claro en mi petición.
Pues me gustaría asesoría sobre cómo hacerle o a dónde recurrir para poder solucionar mis problemáticas sin tener que pasar por la larga curva de aprendizaje que exige cada módulo robusto de drupal, puesto que no tengo ya tiempo suficiente para aprender por el camino largo para solucionar esto.

Calendar: No sé usarlo, así que no sé si quiera si me sirve para hacer lo que deseo. ¿Dónde puedo aprender por medio de un video o tutorial paso a paso cómo usarlo y dejarlo configurado?

Views scroll: ¿cómo hago para poder configurar un scroll con sólo botones de imagen dentro de un div?

No sé si ahora me doy a entender mejor.

Gracias.
Saludos.

Paid help??

yconoclasta's picture

Dónde está ese foro? no lo encuentro por ninguna parte.

Saludos.

El PDF tiene contraseña

eliasdelatorre's picture

Hola.

Intenté abrir tu PDF pero me pide una contraseña, así que no sé a que te refieres.

Por otra parte:

¿Quieres hacer un scroll pero en lugar del scroll normal poner unos botones para que cuando hagas clic en ellos se recorra el contenido mostrado dentro de una caja? O sea un scroll normal, pero usando botones definidos por tí y no necesariamente dentro de un mismo scrollbar?

Si es así puedes hacerlo con jQuery, por ejemplo. Puedes definir un <div> contenedor de un tamaño fijo, y poner tu contenido de texto e imágenes dentro de OTRO <div>que se llame "texto" que esté dentro de este div contenedor. Este div contenedor deberá tener un atributo en su clase que sea "overflow: hidden" para que todo lo que esté dentro de él NO se muestre si excede las dimensiones que tiene.

Ahora bien, a este div texto deberás asignarle unos atributos en su CSS, ponerle un position absolute y luego asignarle un top de 0px para comenzar.

Después, puedes hacer una función en jQuery que al momento de hacer clic en el botón que tu quieras animes el atributo top (irlo aumentando de 0px a 1000px, por ejemplo) de este div texto, para recorrerlo dentro de tu div contenedor y así dar la impresión de que se está haciendo el scroll. El otro botón deberá de hacer lo contrario, disminuír el top hasta regresarlo a cero.

Es muy rudimentario mi aporte, pero sin más información es lo que te puedo recomendar, tus divs y clases quedarían más o menos así:

.contenedor { width: 100px; height: 50px; overflow: hidden; }
.texto { position: absolute; top: 0px  }
<div class="contenedor">
<div class="texto">Toooooodo tu texto iría aquí</div>
</div>

En el sitio http://cleair.com.mx implementé algo parecido a lo que quieres tú en el bloque azul y en el bloque verde que dicen: ¿Sabes que es un minisplit? y en Permítenos asesorarte. Cuando te ubicas sobre ellos (al hacer hover) el contenido del fondo cambia. Puedes usar el plugin Firebug de Mozilla para cambiar el atributo overflow del contenedor interno para que veas que el contenido se está saliendo del margen y solo se muestra la región que quiero.

Espero no haberte confundido más. Cualquier cosa avísanos.

Saludos!

PDF vuelto a subir

yconoclasta's picture

Hola:

Disculpa, ya le quité la contraseña.
La explicación que me das es correcta, estás acertado en la suposición que haces. Así quiero que se muestre el contenido.
Si revisas el PDF verás todas las páginas el bloque que tiene un calendario y va mostrando las actividades del día así se despliega, por medio de scrolls que no tienen barra, sino sólo botones personalizados. El segundo bloque de la página 3 también muestra la información así.

¿Es posible utilizar este módulo http://drupalmodules.com/module/jquery-plugins que incorpora este: http://plugins.jquery.com/project/scrollable sacado de esta librería: http://flowplayer.org/tools/scrollable/index.html para hacer lo mismo?

Lo que me preocupa más, o de igual manera, es el calendario y poder crear post vinculados al mismo.

Saludos.

La verdad no he usado ese módulo

eliasdelatorre's picture

de jquery plugins, yo cuando inserto un javascript y sus plugins siempre lo hago editando el page.tpl.php para poner alguna condicion y solo cargar los archivos cuando lo necesito, me queda así el head de mi página (checo con los argumentos y según la información que me dan a veces cargo unos javascripts y a veces cargo otros):

<head>
  <title><?php print $head_title; ?></title>
  <?php print $head; ?>
  <?php if(arg(0)=='taxonomy' && arg(1)=='term' ) //si estoy en una página de términos hijos cargo el estilo del colorbox que se usará más adelante
         
print'<link href="/sites/misitio.com/themes/misitio/javascript/colorbox/colorbox/colorbox.css" rel="stylesheet" media="screen" type="text/css">';
 
?>

  <?php print $styles; ?>
  <?php print $scripts; ?>
  <script type="text/javascript" src="/sites/misitio.com/themes/misitio/javascript/menu.js"></script>
  <script type="text/javascript" src="/sites/misitio.com/themes/misitio/javascript/altera-producto.js"></script><?php /* */ ?>
  <?php
   
if(arg(1)=='checkout' ){ //si estoy en la página de checkout
     
print '<script type="text/javascript" src="/sites/misitio.com/themes/misitio/javascript/checkout-user.js"></script>';//Oculta métodos de pago según el rol
   
}
    if (
arg(1)==''){
      print
'<script type="text/javascript" src="/sites/misitio.com/themes/misitio/javascript/format-cart.js"></script>';//Oculta métodos de pago según el rol
//     echo 'asdfasdfsadfasdf';
   
}
    if(
arg(0)=='taxonomy' && arg(1)=='term' ){ //si estoy en una página de términos hijos:
   
print'<script type="text/javascript" src="/sites/misitio.com/themes/misitio/javascript/colorbox/colorbox/jquery.colorbox.js"></script>';//agrega el colorbox para abrir la ventana de comparación en un efecto elegante
   
print '<script type="text/javascript" src="/sites/misitio.com/themes/misitio/javascript/compare.js"></script>';//Agrega una liga que envía a la vista de comparación de productos y la estila según corresponda. También más abajo en este archivo agrega el id comparar-productos para agregar una liga que muestre todos los productos
 
}
 
?>

</head>

Ya había visto esos plugins que comentas, a lo mejor puedes agregarlos solo en las páginas que necesites.

Hay un módulo que se llama Views Cycle que te permite hacer una vista con scroll horizontal, ese lo usamos en la página http://truckvision.com es el modulito y hay un tutorial en video, pero no logro encontrar el video que explica como funciona, pero la verdad no es nada complicado.

¿Cómo ves? Te hace sentido?

Saludos!

Ya veo

yconoclasta's picture

Gracias Elias.

Ya vi cómo agregar funciones al tema, me ayudó tu ejemplo.
Ahora lo que intenté pero no funcionó es incluir el plugin que te mencionaba. En el archivo template.php inserté estas líneas:

<?php
jquery_plugin_add
('scrollable');

drupal_add_js ('$(document).ready(function() {       
    $(".scrollable").scrollable({ vertical: true, });   
  });
  '
,'inline');
?>

Aunque si se incrusta el archivo jquery.scrollable.min.js y la función anterior no marca error, no se ve el efecto deseado.

Sigo probando.

Saludos.

css, id, class

killua99's picture

Tienes los estilos que hacen posible que el plugins de scrollable apunte al elemento ??. Tienes que tener los css y los divs con sus id y class para que todo vaya bien.

Otra recomendación es poner TODOS los js script antes del (Esto no es obligatorio pero si haces esto tú pagina se vera optimizada) ejemplo:

<?php
// Solo para mostrar colores

<script type="text/javascript">
</script>
</body>
</html>
?>

[at]killua99 ~~

Tengo un "feature" en donde

redpuma's picture

Tengo un "feature" en donde los eventos tienen sub-eventos. Por ejemplo un exposicione es el evento primero y tiene talleres, conferencias etc. Entonces el mas importante es la relaciones de estos eventos. Un usuario posiblemente solo quiere ver los talleres de un conferencia en un lista (view) no todos.

Si alguno de este te interese puedo re-examina lo, porque uso "features" ( http://drupal.org/project/features ) es muy facile para installar con toda la configuración. Es un modelo de eventos typical por museos.

Spanish

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: