Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2013
    Messaggi
    3

    Spoiler "autochiudente"

    Buonasera, premetto che non sono un grande esperto nella programmazione di siti web quindi passatemi qualche termine non proprio corretto;

    Sto realizzando un sito dove mi viene richiesto una lista di categorie, cliccando sulle categorie devono apparire altre informazioni, vi faccio vedere questo esempio per spiegarmi al volo:

    http://www.kstardust.it/test/spoiler.html

    e fin qua va tutto bene, mi è stato richiesto però che sia possibile visionare un argomento per volta, cioè che come vado ad aprire un secondo spoiler, il precedente si chiuda in automatico... come posso fare???

    Ringrazio in anticipo

    Riporto il codice utilizzato:

    <head>
    <style>
    .specialisti {color: black; font-family: arial, helvetica, sans-serif; font-size: 12pt;}
    .dottori {color: blue; text-align: left; font-family: Times-new-roman, helvetica, sans-serif; font-size: 12pt; font-style: italic;}
    .testo {text-align: justify; color: black; font-family: arial, helvetica, sans-serif; font-size: 12pt;}
    .spoilerbutton {font-weight: bold; margin: 0px; color: WHITE; background: DODGERBLUE; padding: 2px; width: 500px; font-size: 15px;}
    .spoilerbutton2 {font-weight: bold; margin: 0px; color: DODGERBLUE; background: WHITE; padding: 2px; width: 500px; font-size: 15px;}
    .spoilerbody {display: none; margin: 0px; padding: 1px; width: 500px; font-size: 15px;}
    .immagine {float: left;}
    </style>
    </head>



    <body>




    <div class="spoiler"><div class="spoilerheader">
    <input type="button" class="spoilerbutton" value="Agopuntura" onclick="n = this.parentNode.parentNode.lastChild;if(n.style.di splay == 'none') {n.style.display = 'block';} else {n.style.display = 'none';} return false;"/>
    </div>

    <div class="spoilerbody">
    CONTENUTO DELLO SPOILER
    </div></div>
    </p>
    </body>

  2. #2
    Moderatore di Programmazione L'avatar di LeleFT
    Registrato dal
    Jun 2003
    Messaggi
    17,320

    Moderazione

    Qui non vengono trattati né HTML, né JavaScript, che hanno ciascuno un forum dedicato.

    Siccome la problematica sarà da risolvere molto probabilmente lato JavaScript, sposto nel forum apposito.

    Ciao.
    "Perchè spendere anche solo 5 dollari per un S.O., quando posso averne uno gratis e spendere quei 5 dollari per 5 bottiglie di birra?" [Jon "maddog" Hall]
    Fatti non foste a viver come bruti, ma per seguir virtute e canoscenza

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2013
    Messaggi
    3
    infatti ho avuto un pò di difficoltà nel capire dove collocare la domanda ... e ho sbagliato!!!, grazie per la cortesia

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Dovresti eseguire un ciclo for sulla classe "spoilerbody" che chiude quello aperto e apre quello cliccato, ma attualmente lo script non va bene ho provato con firefox e devi cliccare due volte prima che funzioni, invece che sistemare quello io cercherei in rete qualcosa di già pronto non dovrebbe essere molto difficile.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2013
    Messaggi
    3
    Di avevo notato anche io questa cosa. Provo a cercare grazie! Se nel frattempo qualcuno be avesse uno a portqta di mano me lo posti per piacere

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.