Pasar variable en tabla de forma horizontal

zubintro · #1 (**permalink**) 20/10/2011, 11:16

Buenas amigos, espero esten bien. Tengo un problema con un script de una aplicacion que me pidieron modifica y estoy un poco frenado por esta parte. El script original es:

Código PHP:

  <?php

    $vn_recently_added_count = 0;

    if(is_array($this->getVar("recently_added")) && sizeof($this->getVar("recently_added")) > 0){

        foreach($this->getVar("recently_added") as $vn_object_id => $vs_thumb){

 
                    ?>

            <table cellpadding="0" cellspacing="0">

                         <tr><td valign="middle" align="center">

<?php print caNavLink($this->request, $vs_thumb, '', 'Detail', 'Object', 'Show', array('object_id' => $vn_object_id)); ?>

                         </td></tr></table>

<?php

            $vn_recently_added_count++;

        }

    }

?>

Este codigo lo que hace es armar una especie de carrusel donde carga miniaturas de imagenes que estan en una base de datos, muestra 3 en cada paso, y al hacer click en un boton se muestran 3 mas y asi hasta llegar al tope de un controlador que hay en otro archivo. Como veran hay varias cosas que intervienen aqui. Cuando esta armando la tabla corre el siguiente codigo:

Código PHP:

  <?php print caNavLink($this->request, $vs_thumb, '', 'Detail', 'Object', 'Show', array('object_id' => $vn_object_id)); ?>

este es el codigo que le da la propiedad a la miniatura de que al hacer clik vaya a la imagen en grande con toda la info respectiva de ese registro. Por eso no me meto con ese codigo.

Mi problema va en que necesito armar ese mismo script pero que cargue las miniaturas de manera horizontal. Por ahora lo que hace es imprimir una tabla por cada miniatura y las coloca de forma vertical. Como puedo hacer para que arme las miniaturas en columnas y con una sola fila, o que arme las mismas tablas pero que vayan de manera horizontal?

Gracias por la ayuda.

zubintro · #2 (**permalink**) 24/10/2011, 15:44

Para los que visitaron el tema y quedaron con la duda tengo las siguientes forma de solucionar este asunto.

1. Utilizando el codigo de alguien que escribio el script para tablas horizontales y modificando un poquito para adaptar aqui les va:

Código PHP:

Ver original<?php
$filas = 10; // OK?
 
$pru= 0;
 
$prue= 10;
 
 
echo '<table style="border: 1px inset" border="1">';
 
for ($x = 0; $x < $filas; ++$x)
{
     echo '<td>';
    
    if($pru <= $prue) {
    
    echo $pru++;
    
    }
    echo '</td>';
}
echo '</table>';  
?>

2. Otra forma era usando el mismo script para cargar las tablas en esquema flotante, solo que asi se ajustan directamente al ancho del div o donde decidan montar las tablas

Código PHP:

Ver original<?php
    $vn_recently_added_count = 0;
    if(is_array($this->getVar("recently_added")) && sizeof($this->getVar("recently_added")) > 0){
        foreach($this->getVar("recently_added") as $vn_object_id => $vs_thumb){
 
                    ?>
            <table cellpadding="0" cellspacing="0" style="float: left">
                         <tr><td valign="middle" align="center">
<?php print caNavLink($this->request, $vs_thumb, '', 'Detail', 'Object', 'Show', array('object_id' => $vn_object_id)); ?>
                         </td></tr></table>
<?php
            $vn_recently_added_count++;
        }
    }
?>

3. Usando una libreria de Jquery de flowplayer.org y haciendo unos ajustes en el php, el codigo quedaria asi y funciona perfectamente:

Código PHP:

Ver original<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
<!-- standalone page styling (can be removed) -->
    <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/standalone.css"/>   
 
<style id='flashfirebugstyle' type='text/css'>object,embed{visibility:hidden !important;}</style><script type='text/javascript'>window.addEventListener('load', function() {document.addEventListener('DOMNodeInserted', function(e) {if(e.target.tagName.toLowerCase() == 'object' || e.target.tagName.toLowerCase() == 'embed'){try{FlashFirebug_init();}catch(e){}}}, false);try{FlashFirebug_init();}catch(e){}},false);</script></head>
 
<body>
 
<link rel="stylesheet" type="text/css" href="http://mexmedia.colmex.mx/tezcatl/themes/default/css/nuevoscroll/scrollable-horizontal.css" />
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/scrollable-buttons.css" />
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/scrollable-navigator.css" />    
    
<?php
    $vn_scrollingColHeight = 600;
    $vn_numItemsPerCol = 3;
?>
 
<!-- wrapper for navigator elements -->
<div class="navi"></div>
<!-- "previous page" action -->
<a class="prev browse left"></a>
<!-- root element for scrollable -->
<div class="scrollable" id=browsable>   
   
   <!-- root element for the items -->
   <div class="items">
 
   
     <?php
    $vn_recently_added_count = 0;
    
        if(is_array($this->getVar("recently_added")) && sizeof($this->getVar("recently_added")) > 0){
 
        
$contador=1;
 
    foreach($this->getVar("recently_added") as $vn_object_id => $vs_thumb){
 
  if ($contador==1){ echo '<div>';}
  
print caNavLink($this->request, $vs_thumb, '', 'Detail', 'Object', 'Show', array('object_id' => $vn_object_id)); 
 
if($contador==5){ 
    echo '</div>'; 
    
        $contador=1;
       
}
 
else     {
$contador++;
}
 
$vn_recently_added_count++;
        }
    }
?>
            
   </div>
   
</div>
 
<!-- "next page" action -->
<a class="next browse right"></a>
 
<br clear="all">
 
<!-- javascript coding -->
 
 
<script>
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(document).ready(function() {
 
// initialize scrollable together with the navigator plugin
$("#browsable").scrollable().navigator();   
});
</script>
 
 
Si alguien quiere que le explique como arme el codigo php con gusto..... espero le sirva a alguien.
 
Saludos