Snippets

Un menu a tendina per i Post di una determinata Categoria

Di recente sul Forum è stata aperta una discussione su come fare a visualizzare gli articoli di una certa Categoria in forma di menù a tendina (in sostanza un campo select, o jump menu, che dir si voglia). Per ottenere questo risultato è opportuno crearsi una nuova pagina all'interno della cartella del proprio tema grafico (per comodità facciamo riferimento al tema predefinito, Kubrick) che chiamiamo category-X.php e dove X rappresenta l'ID numerico della categoria che ci interessa. In questo file, incolliamo il seguente codice 

 <?php get_header(); ?>
 <div id="content" class="narrowcolumn">
 <?php query_posts("cat=X&orderby=title&order=ASC"); ?>
 <?php if (have_posts()) : ?>
 <h2 class="pagetitle">Archivio '<?php echo single_cat_title(); ?>'</h2>
 <form>
 <select name="select" onchange="MM_jumpMenu('parent',this,0)">
 <?php while (have_posts()) : the_post(); ?>
 <option value="<?php the_permalink(); ?>"><?php the_title(); ?></option>
 <?php endwhile; ?>
 </select>
 </form>
 <div class="navigation">
 <div class="alignleft"><?php posts_nav_link('','','&laquo; Post precedenti') ?></div>
 <div class="alignright"><?php posts_nav_link('','Post successivi &raquo;','') ?></div>
 </div>
 <?php else : ?>
 <h2 class="center">Non Trovato</h2>
 <?php include (TEMPLATEPATH . '/searchform.php'); ?>
 <?php endif; ?>
 </div>
 <?php get_sidebar(); ?>
 <?php get_footer(); ?>

Inoltre, dobbiamo aggiungere tra i tag <head> e </head> queste righe di codice. Quindi apriamo il file header.php ed effettuiamo la modifica: 

 <script language="JavaScript" type="text/javascript">
 <!--
 function MM_jumpMenu(targ,selObj,restore){ file://v3.0
 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
 }
 //-->
 </script>

Categoria: Snippets

Ultima modifica il 19/01/2006 ore 09:48