Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2008
    Messaggi
    18

    Effetto css, possibile farlo?

    dopo l'aiuto dell'altro giorno mi imbarazza aprire un altro topic ma siete la mia ultima spiaggia

    ho cercato con diverse parole chiave in google ma non ho trovato nulla e mi chiedevo se fosse possibile utilizzare un effetto "tendina" su un link che visualizza l'informazioni restanti. Del tipo

    Film 1 >>>
    Film 2 >>>
    Film 3 >>>

    e una volta cliccato sul link l'effetto dovrebbe essere uno spazio che si apre sotto

    Film 1 >>> <-click link e compare uno spazio sotto con le informazioni restanti
    Trama bla bla bla bla
    bla bla bla bla
    bla bla bla

    Film 2 >>>
    Film 3>>>

    esiste una funzione del genere? ho bisogno di di script esterni al css? Sono pazzo? :berto:

    Grazie come sempre per l'aiuto!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    al click si può fare ma se poi clicchi altrove le info aggiuntive si chiudono

    codice:
    <ul>
    [*]<a href="#" onclick="return false;">Film1
             <span>descrizione 1</span></a>
       [*]<a href="#" onclick="return false;">Film2
             <span>descrizione 2</span></a> 
      [*]<a href="#" onclick="return false;">Film3
             <span>descrizione 3</span></a>
       [/list]

    ul, ul li {
    width: 300px;
    display: block;
    }

    li a span {
    display : none;
    }

    li a:focus span, li a:active span {
    display: block;
    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    io lavoro molto in css-php, e questo effetto (seppure in maniera un po' meccanica) la faccio in PHP (mi trovo meglio rispetto al css - ma dipende se mastichi o meno il PHP...)

    al costo di andare O.T. ti posto il codice di come realizzerei l'esempio postato

    Codice PHP:
    <?php
        $sub
    =$_GET['sub'];
    ?>
    <ul>
        [*][url="?sub=film1"]Film1[/url]
        <?php
            
    if($sub=='film1'){
        
    ?>    
            

    Trama film 1 bla bla bla bla
    bla bla bla bla
    bla bla bla
            </p>
        <?php
            
    }
            else{
            }
        
    ?>
        
        [*][url="?sub=film2"]Film2[/url]
        <?php
            
    if($sub=='film2'){
        
    ?>    
            

    Trama film 2 bla bla bla bla
    bla bla bla bla
    bla bla bla
            </p>
        <?php
            
    }
            else{
            }
        
    ?>
        
        [*][url="?sub=film3"]Film3[/url]
        <?php
            
    if($sub=='film3'){
        
    ?>    
            

    Trama film 3 bla bla bla bla
    bla bla bla bla
    bla bla bla
            </p>
        <?php
            
    }
            else{
            }
        
    ?>
        [/list]
    il codice, semplice, è questo, che utilizzo anche per disattivare il bottone di riferimento alla pagina, insomma, in questo modo non ripeto il menu in tutte le pagine, ma creo un file unico che richiamo sempre... ma non so se è quello che ti serve
    hasta siempre comandante Guevara!

    bisogna prendere la vita come viene...sperando che la vita non "prenda" te!!!

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2008
    Messaggi
    18
    grazie delle risposte sempre perfetti

    si alla fine andrò a utilizzarlo in ambito php perchè al click mi servirà fare una chiamata al database

    vi ringrazio ancora ora ci provo

  5. #5
    se servisse ancora una mano (magari per implementare lo script - si possono fare un mare di sfighettate...) posta in php

    saluti!
    hasta siempre comandante Guevara!

    bisogna prendere la vita come viene...sperando che la vita non "prenda" te!!!

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 © 2026 vBulletin Solutions, Inc. All rights reserved.