Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2002
    Messaggi
    160

    [javascript] select che dirige un layer

    ciao a tutti,
    ecco il problema: mi ritrovo il seguente codice:
    <select name="prodotti"
    onchange="window.location=('vetrina.php3?type='+th is.options[this.selectedIndex].value)">
    <option value="null" >Seleziona tra:</option>
    <option value="1">prodotto 1</option>
    <option value="2" >prodotto 2</option>
    </select>

    Dopo aver selezionato una voce dal menù a tendina mi fa un redirect a un'altra pagina. E' possibile invece fare in modo che, dopo la scelta dal menù, compaia qualcosa (suppongo in un layer) sotto al menù stesso e quindi sempre nella stessa pagina?
    In pratica questo dovrebbe essere risolto tutto senza invio dati al server.
    Grazie mille per l'eventuale aiuto.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` possibile, ma il "layer" (che io preferisco chiamare <div> ) deve gia` esistere: in tal caso puoi mostrarlo:

    Esempio semplificato:
    codice:
    <select name="prodotti"
    onchange="document.getElementById(this.options[this.selectedIndex].value).style.display='block';">
      <option value="null" >Seleziona tra:</option>
      <option value="blocco1">prodotto 1</option>
      <option value="blocco2" >prodotto 2</option>
    </select>
    ...
    <div id="blocco1" style="display:none">
    
    
    questo e` il contenuto del blocco 1</p>
    </div>
    <div id="blocco2" style="display:none">
    
    
    questo e` il contenuto del blocco 2</p>
    </div>
    <div id="blocco3" style="display:none">
    
    
    questo e` il contenuto del blocco 3</p>
    </div>
    ...
    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.