Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Chiudere div all' apertura di un altro?

    Avevo scritto questo codice per far in modo che a seconda dell' oggetto selezionato veniva aperta una div, ma poi se una persona cambia idea si accumulano le div, invece vorrei che le altre si chiudano.. questo è il codice:

    codice:
    <html>
    <head>
    <title>RBL ~ Invia una richiesta</title>
    <style type="text/css">
    body {
    background-color: black;
    }
    
    .button {
    background-image: url(button2.png);
    width: 89px;
    height: 39px;
    text-align: center;
    }
    
    .buttontext {
    font-size: 16px;
    font-weight: bold;
    padding-top: 7px;
    background: transparent;
    border: 0px;
    text-decoration: none;
    color: black;
    }
    
    .buttontext:hover {
    color: white;
    }
    
    </style>
    </head>
    <body>
    <font color="white"><h2>Invia una richiesta</h2>
    
    
    <form method="POST" action="request.php">
    Inserisci il tuo nickname
    
    <input type="text" name="nickname">
    
    
    Cosa desideri inviare?
    
    <input type="radio" name="request" value="Richiesta canzone" onclick="document.getElementById('show').style.display='block';" />Richiedi una canzone
    <input type="radio" name="request" value="Dedica"  onclick="document.getElementById('show2').style.display='block';" />Invia una dedica
    <input type="radio" name="request" value="Messaggio"  onclick="document.getElementById('show3').style.display='block';" />Invia un messaggio
    
    
    <div id="show"style="display: none;">
    Inserisci il nome del brano
    
    <input type="text" name="brano">
    
    
    Inserisci il/la cantante/gruppo
    
    <input type="text" name="cantante"></div>
    <div id="show2"style="display: none;">
    Inserisci il nome del brano
    
    <input type="text" name="brano">
    
    
    Inserisci il/la cantante/gruppo
    
    <input type="text" name="cantante"></div>
    <div id="show3"style="display: none;">
    Inserisci il messaggio
    
    <textarea name="messaggio" cols="40" raws="13"></textarea>
    
    </div>
    <div class="button"><input type="submit" class="buttontext" value="Invia"></div>
    </form></font>
    </body>
    </html>

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    sposto su JS


  3. #3
    è un argomento periodicamente affrontato su questi forum. Non più tardi di poche settimane fa per una richiesta simile ho fatto questo script Javascript Toggle Layers By Class Names Or Id. Show Some Hide Others Or Reverse naturalmente andrà un po' riadattatao alle tue esigenze assegnando magari una class name ai div coinvolti

    ps
    id="show3"style=
    metti uno spazio...
    id="show3" style=
    cioè tieni style staccato: non dovrebbe darti problemi nella esecuzione, ma ti darebbe comunque un errore di validazione.

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.