Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    89

    show hide + swap img e restore img

    Salve, ho utilizzato uno script per creare un interfaccia molto semplice ( http://www.made-design.net/manuel/index.html ).
    Ciò che vorrei fare è aggiungere un cambio di immagine al link selezionato, cioé quello che mostra il contenuto relativo, in modo da mettere in risalto il nome della sezione in cui si trova l'utente.

    Sono sicuro che dagli esempi messi online qui http://www.randomsnippets.com/2008/0...show-your-div/ ci si possa arrivare al risultato che cerco, ma non riesc oad integrare i vari pezzi di script.

    Chiaramente quando viene selezionato (cioé viene sostiuita l'imamgine) il link della sezioen visitata, il precedente link deve essere riportato allo stato inattivo (in pratica deve essere restaurata l'immagine in out).

    Potete aiutarmi?

    qui sotto lo script che ho utilizzato (semplificato e senza contenuti)

    javascript
    Codice PHP:
    function showonlyone(thechosenone) {
          var 
    newboxes document.getElementsByTagName("div");
                for(var 
    x=0x<newboxes.lengthx++) {
                      
    name newboxes[x].getAttribute("name");
                      if (
    name == 'newboxes') {
                            if (
    newboxes[x].id == thechosenone) {
                            
    newboxes[x].style.display 'block';
                      }
                      else {
                            
    newboxes[x].style.display 'none';
                      }
                }
          }

    HTML
    Codice PHP:
    <div>
                [
    url="javascript:showonlyone('newboxes1');"]collapse[/url]
             </
    div>
             <
    div name="newboxes" id="newboxes1" >Div #1</div>

             
    <div >
                [
    url="javascript:showonlyone('newboxes2');"]collapse[/url]
             </
    div>
             <
    div name="newboxes" id="newboxes2" style="display: none;">Div #2</div
          

             
    ><div >
                [
    url="javascript:showonlyone('newboxes3');"]collapse[/url]
             </
    div>
             <
    div name="newboxes" id="newboxes3" style="display: none;">Div #3</div>
             
    </div

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Cosi dovrebbe bastare cambiare questo pezzo di codice:
    codice:
    if (newboxes[x].id == thechosenone) {
                            newboxes[x].style.display = 'block';
                      }
                      else {
                            newboxes[x].style.display = 'none';
                      }
    con questo
    codice:
    if (newboxes[x].id == thechosenone) {
    document.getElementById("myHeader"+x).className="NomeclasseEvidenza"
                            newboxes[x].style.display = 'block';
                      }
                      else {
    document.getElementById("myHeader"+x).className=""
                            newboxes[x].style.display = 'none';
                      }
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.