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

    menu che mi dice dove sono

    buon giorno a tutti, sto realizzando un sito internet in html e mi è stato chiesto di creare un menù con pulsanti jpg o gif che cambiano al passaggio del mouse che io ho inserito in una pagina e che deve aprire altre pagine all'interno di un IFRAME. Fino a qui tutto ok. Il problema mi sorge xchè io vorrei che, quando clicco un pulsante per accedere ad un'altra pagina quello rimanga come in OnMouseOver e quindi possa avere sempre sott'occhio la sezione in cui mi trovo.
    Ho trovato uno script che lo permette ma funziona solo se tutti gli sfondi sono uguali, io invece ho gif tutte diverse e non riesco ad adattarlo.
    Grazie per la collaborazione a tutti.

  2. #2

  3. #3
    Questa è la struttura html spero tu possa aiutarmi. GRAZIE
    <html>
    <head>
    <style type="text/css">
    <!--
    .ON {
    background-color: #FF9900;
    }
    .OFF {
    background-color: #999999;
    }
    .Premuto {
    background-color: #FFFF00;
    }
    -->
    </style>
    <script>
    function bottoni(a,e) {
    tot=document.getElementsByTagName("TD").length
    for(i=0; i < tot; i++) {
    cella = document.getElementsByTagName("TD").item(i)
    nome=cella.getAttribute("id")
    if (e=="Click"){
    if (nome==a) document.getElementById(nome).className='premuto'
    else document.getElementById(nome).className='OFF'
    }
    if (e=="Over"){
    if (document.getElementById(nome).className!='premuto ') if (nome==a) document.getElementById(nome).className='ON'
    }
    if (e=="Out"){
    if (document.getElementById(nome).className!='premuto ') if (nome==a) document.getElementById(nome).className='OFF'
    }
    }
    }
    </SCRIPT>
    </head>

    <body bgcolor="#CCCCCC">
    <table width="600" align="center">
    <tr>
    <td width="200" height=20 class="OFF" id="cella1"
    onClick="javascript:bottoni('cella1','Click')"
    onMouseOver="javascript:bottoni('cella1','Over')"
    onMouseOut="javascript:bottoni('cella1','Out')" >
    </td>

    <td width="200" height=20 class="OFF" id="cella2"
    onClick="javascript:bottoni('cella2','Click')"
    onMouseOver="javascript:bottoni('cella2','Over')"
    onMouseOut="javascript:bottoni('cella2','Out')" >
    </td>

    <td width="200" height=20 class="OFF" id="cella3"
    onClick="javascript:bottoni('cella3','Click')"
    onMouseOver="javascript:bottoni('cella3','Over')"
    onMouseOut="javascript:bottoni('cella3','Out')" >
    </td>
    </tr>
    </table>
    </body>
    </html>

  4. #4
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870
    Lo script che hai postato, così com'è è adatto solo per modificare il colore di celle di una tabella, se guardi qui, c'è un problema analogo al tuo che è anche stato risolto.


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.