Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di goat
    Registrato dal
    Apr 2003
    Messaggi
    1,154

    Links che visualizzano uno <span>

    A questo indirizzo potete trovare l'esempio: http://lavori.sonsof.net/js1

    Questo il codice HTML:

    Codice PHP:
    <div onclick="openClose('a1')" class="mainExpand">Voce 01</div>
    <
    span id="a1" class="texter">Ma quande lingues coalesceli grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent linguesLi nov lingua franca va esser plu simplic e regulari quam.</span>

    <
    div onclick="openClose('a2')" class="mainExpand">Voce 02</div>
    <
    span id="a2" class="texter">Epsum factorial non deposit quid pro quo hic escorolOlypian quarrels et gorilla congolium sic ad nauseumSouvlaki ignitus carborundum e pluribus unumDefacto lingo est igpay atinlayMarquee selectus.</span>

    <
    div onclick="openClose('a3')" class="mainExpand">Voce 03</div>
    <
    span id="a3" class="texter">Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut.</span
    E questo il JS che uso:

    Codice PHP:
    if (document.getElementById) {
      
    document.write('<style type="text/css">.texter {display:none; width:350px; color:#404040; font:.9em verdana,arial,helvetica,sans-serif; margin-bottom:10px;}</style>') }

      var 
    divNum = new Array("a1","a2","a3");

    function 
    openClose(theID) {
      for(var 
    i=0divNum.lengthi++) {
        if (
    divNum[i] == theID) {
          if (
    document.getElementById(divNum[i]).style.display == "block") { document.getElementById(divNum[i]).style.display "none" }
          else {
            
    document.getElementById(divNum[i]).style.display "block"
          
    }
      } else {
        
    document.getElementById(divNum[i]).style.display "none"; }
      }

    Il tutto funziona bene. Ora però m'è stato chiesto di modificare il comportamento del JS: dovrei riuscire a fare in modo che lo <span> visualizzato rimanga sempre visibile, e non si chiuda quando clicco un altro dei link. Dovrebbe nascondersi semplicemente cliccando sul link corrispondente.
    Così facendo, da che ho intuito io, non avrei più bisogno di questa riga di codice "var divNum = new Array("a1","a2","a3");", giusto?
    Spero di essere stato chiaro.
    Grassie,
    goat
    "Qualunque impressione faccia su di noi, egli è un servo della legge, quindi appartiene alla legge e sfugge al giudizio umano."

  2. #2
    Utente di HTML.it L'avatar di goat
    Registrato dal
    Apr 2003
    Messaggi
    1,154
    Aggiornamento: ho trovato il JavaScript che mi serviva in questo tutorial:

    http://javascript.html.it/articoli/l...-javascript/2/

    Salutoni,
    goat
    "Qualunque impressione faccia su di noi, egli è un servo della legge, quindi appartiene alla legge e sfugge al giudizio umano."

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.