Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828

    tab attiva non mostra contenuto al pageload

    Ho una pagina di shortcodes dove, nella sezione delle tabs, il contenuto non viene mostrato al caricamento della pagina, ma solo dopo aver cliccato su un'altra tab. Il CSS mi sembra a posto, ma devo agigungere qualcosa per far comparire il contenuto. Chiudo gentilmente un suggerimento.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    ma solo dopo aver cliccato
    L'evento onClick non viene gestito dal CSS.

    Ti serve un minimo di JS:
    codice:
    <... onclick="document.getElementById(ID_DEL_BLOCCO_DA_VISUALIZZARE).style.visibility='visible';">
    Se hai usato visibility:hidden; nel CSS

    Oppure display:block;
    se hai usato display:none nel CSS

    Oppure z-index:NUMERO_ALTO;
    se inizialmente il blocco era nascosto con z-index

    (dove il TUTTO_MAIUSCOLO sono dati da sostituire in base alla tua pagina)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    Ti ringrazio. Però questo è uno shortcode di Wordpress, e non saprei come inserire il codicillo che mi indichi....

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non conosco Wordpress a sufficienza, per cui non so dirti.

    Quel codice deve essere inserito nel bottone (o qualsiasi altro oggetto) dove vuoi che il click del mouse agisca.
    E devi sostituire le parole in maiuscolo con l'identicatore dell'oggetto che vuoi vedere.

    Non so se Wordpress ha gia` la possibilita` di generare il tutto da solo.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    forse può essere utile il codice che genera lo shortcode?

    /* Tabs Shortcodes
    /*-----------------------------------------------------------------------------------*/

    if (!function_exists('zilla_tabs')) {
    function zilla_tabs( $atts, $content = null ) {
    $defaults = array();
    extract( shortcode_atts( $defaults, $atts ) );

    STATIC $i = 0;
    $i++;

    // Extract the tab titles for use in the tab widget.
    preg_match_all( '/tab title="([^\"]+)"/i', $content, $matches, PREG_OFFSET_CAPTURE );

    $tab_titles = array();
    if( isset($matches[1]) ){ $tab_titles = $matches[1]; }

    $output = '';

    if( count($tab_titles) ){
    $output .= '<div id="zilla-tabs-'. $i .'" class="zilla-tabs"><div class="zilla-tab-inner">';
    $output .= '<ul class="zilla-nav zilla-clearfix">';

    foreach( $tab_titles as $tab ){
    $output .= '<li><a href="#zilla-tab-'. sanitize_title( $tab[0] ) .'">' . $tab[0] . '</a></li>';
    }

    $output .= '</ul>';
    $output .= do_shortcode( $content );
    $output .= '</div></div>';
    } else {
    $output .= do_shortcode( $content );
    }

    return $output;
    }
    add_shortcode( 'zilla_tabs', 'zilla_tabs' );
    }

    if (!function_exists('zilla_tab')) {
    function zilla_tab( $atts, $content = null ) {
    $defaults = array( 'title' => 'Tab' );
    extract( shortcode_atts( $defaults, $atts ) );

    return '<div id="zilla-tab-'. sanitize_title( $title ) .'" class="zilla-tab">'. do_shortcode( $content ) .'</div>';
    }
    add_shortcode( 'zilla_tab', 'zilla_tab' );
    }

    ?>

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    A questo punto la domanda non e` piu` una questione "lato client", ma riguarda il modo di utilizzare un CMS.
    Sposto nella sezione opportuna.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.