1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Jtabber

Discussão em 'Web Development' iniciada por awls99, 22 de Junho de 2009. (Respostas: 0; Visualizações: 545)

  1. aqui alguém ja trabalhou com Jtabber?
    Estou a tentar fazer algo simples como umas tabs em um blog da wordpress, a ideia é, aquilo pega nos ultimos 5 posts e nas num atributo de imagem que esses posts têm e faz uma navegação por tabs nos primeiros 255 chars desse post...
    tenho isto na head:
    Código:
    <script src="<?php bloginfo('template_url'); ?>/js/jquery.js" type="text/javascript"></script>
    <script src="<?php bloginfo('template_url'); ?>/js/jtabber.js" type="text/javascript"></script>
    <script type="text/javascript">
     
    		$(document).ready(function(){
     
    		$.jtabber({
    			mainLinkTag: "#nav a", // much like a css selector, you must have a 'title' attribute that links to the div id name
    			activeLinkClass: "selected", // class that is applied to the tab once it's clicked
    			hiddenContentClass: "hiddencontent", // the class of the content you are hiding until the tab is clicked
    			showDefaultTab: 1, // 1 will open the first tab, 2 will open the second etc.  null will open nothing by default
    			showErrors: true, // true/false - if you want errors to be alerted to you
    			effect: 'slide', // null, 'slide' or 'fade' - do you want your content to fade in or slide in?
    			effectSpeed: 'fast' // 'slow', 'medium' or 'fast' - the speed of the effect
    		})
     
    		})
     
    	</script>
    E depois isto la no seu canto:

    Código:
    <div id="nav">
    <?php  $recent = new WP_Query("cat=1&showposts=5"); $i=0; while($recent->have_posts()) : $recent->the_post();?>
    	<a id="nav" href="#" [B]title="<?php echo 'divname'.$i;?>"[/B]><img src="<?php echo get_post_meta($post->ID, 'imagem-listagem', true); ?>" title="<?php the_title(); ?>"></a>
    <?php $i++; 
    endwhile; ?>
    </div>
    <?php  $recent = new WP_Query("cat=1&showposts=5"); $i=0; while($recent->have_posts()) : $recent->the_post();?>
    <div id="<?php echo 'divname'.$i;?>" class="hiddencontent"> <h1><?php the_title();?></h1><?php the_content_limit(275, "[Ler mais...]");?>  </div>
    <?php $i++; 
    endwhile; ?>
    Mas isto da-me um erro a dizer que as minhas anchoras não têm title...
    ah!
    O source code da pagina resultante deste php é :
    Código:
    <div id="nav">
    	<a href="#" title="divname0"><img src="srcOK"></a>
    	<a href="#" title="divname1"><img src="srcOK" title="Poker - 1º livro portugues"></a>
    	<a href="#" title="divname2"><img src="srcOK" title="Fantasmas na Mesa"></a>
    	<a href="#" title="divname3"><img src="srcOK" title="Internet Texas Holdem"></a>
    	<a href="#" title="divname4"><img src="srcOK"></a>
    
    </div>
    <div id="divname0" class="hiddencontent"> text  </div>
    <div id="divname1" class="hiddencontent"> text   </div>
    <div id="divname2" class="hiddencontent"> text   </div>
    
    <div id="divname3" class="hiddencontent"> text    </div>
    <div id="divname4" class="hiddencontent"> text   </div>
    	
    (cortei algumas coisas pa facilitar a leitura, o text e o srcOK)
     

Partilhar esta Página