Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310

    jQuery: div a (s)comparsa usando una select

    ho trovato questo effetto

    http://www.marcolecce.com/blog/Esemp.../esempio1.html

    vorrei ottenere lo stesso effetto, ma invece di usare un link, vorrei usare una select e a seconda della voce selezionata far vedere un div diverso...

    qualche idea? non riesco ad associare un campo select ad un evento jquery

    agevolo codice link per i più pigri

    codice:
    <html>
    <head>
    <title>JQuery - Div scorrevole</title>
    <script src="jquery-1.2.1.js"></script>
    <script>
    $(document).ready(function() {
    $('#link-toggle').select(function(){$('#div-box').toggle(400);
    return false;});
    });
    </script>
    </head>
    <body>
    Clicca qui
    <div id="div-box">
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    </div>
    </body>
    </html>
    io vorrei una cosa del genere

    codice:
    <html>
    <head>
    <title>JQuery - Div scorrevole</title>
    <script src="jquery-1.2.1.js"></script>
    <script>
    $(document).ready(function() {
    $('a#link-toggle').select(function(){$('#div-box').toggle(400);
    return false;});
    });
    </script>
    </head>
    <body>
    Clicca qui
    <select>
    	<option class="selectcity" value="">Select city</option>
    	<option value="florence">Florence</option>
    	<option value="rome">Rome</option>
    </select>
    
    <div id="div-box-florence">
    Qui ci vuole un testo abbastanza lungo
    </div>
    <div id="div-box-rome">
    Qui ci vuole un testo abbastanza lungo
    Qui ci vuole un testo abbastanza lungo
    </div>
    </body>
    </html>
    a seconda di Florence/Rome far vedere un box diverso..
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Codice PHP:
      $(document).ready(function(){
        
    /* decommenta questo se vuoi inizialmente nascondere tutti i div via jquery
        $('#idTuaSelect').children().each(function(){
            if($('#div-box-'+$(this).val())){
                $('#div-box-'+$(this).val()).hide();
            }
        })
        */

        
    $('#idTuaSelect').change(function(){
            $(
    this).children().each(function(){
                var 
    n=$('#div-box-'+$(this).val());
                if($(
    this).is(':selected')) n.show('slow');
                else 
    n.hide('fast');
            })
        })

      }); 
    ciao

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.