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

    Problemi con il Roll-Over

    Ciao a tutti!

    Stò realizzando un piccolo lavoro...

    http://giovanniorani.altervista.org/

    dovreste riuscire anche a vedere il codice credo...

    Il problema sta nel roll-over dei bottoni del menu in alto, sembra che la funzione, e le chiamate siano ok; tant'è che ho messo un alert, per verificare se si entrasse effettivamente all'interno della funzione e se le variabili passate fossero giuste; e così è infatti, quindi non riesco a capire dove stia l'errore...

    Non credo che sia neanche un problema di indirizzo del file dell'immagine, perchè se sostituisco l'indirizzo scritto per i roll-over, nell'html la trova e viene visualizzata...


    Probabilmente c'è qualcosa che mi sfugge a questo punto.


    Vi posto anche il codice che non si sa mai...

    Codice PHP:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
        <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        
        <
    title>Studio Multimedia</title>
        
        <
    link rel="stylesheet" type="text/css" href="stile.css" />
        
        
        
    <
    script type="text/javascript" language "javascript">

    <!--

    //Variabili globali per identificare i bottoni
    var uno "home";
    var 
    due "chisiamo";
    var 
    tre "sposi";


    //Verifichiamo se l'oggetto e il metodo sono supportati dal browser 
    if(document.images)
        {
            
    //Creazione dei nuovi oggetti "immagine", e assegnazione dell'immagine relativa
            
    var buttone_home1 = new Image();
            
    buttone_home_1.src "Images/Bottoni/Home.jpg";
            
            var 
    buttone_home2 = new Image();
            
    buttone_home_2.src "C:/xampp/htdocs/Studio Multimedia/Images/Bottoni/Home2.jpg";


            var 
    buttone_chisiamo_1 = new Image();
            
    buttone_chisiamo_1.src "Images/Bottoni/Chisiamo.jpg";
            
            var 
    buttone_chisiamo_2 = new Image();
            
    buttone_chisiamo_2.src "Images/Bottoni/Chisiamo2.jpg";
            
            
            var 
    buttone_sposi_1 = new Image();
            
    buttone_sposi_1.src 'Images/Bottoni/Sposi.jpg';
            
            var 
    buttone_sposi_2 = new Image();
            
    buttone_sposi_2.src 'Images/Bottoni/Sposi2.jpg';

            
    //Funzione per gestire l'immagine di over; prende in ingresso l'attribto val
            
    function over_button(val)
            {
                
                
                
    //Verifichiamo se la funzione è stata chiamata dal buttone HOME
                
    if(val == "home")
                    {
                     
    //alert(val);
                     //Effettuiamo l'assegnamento all'oggetto dell'immagine, con l'immagine inserita nella variabile    
                     
    document["buttonOne"].src buttone_home_2.src
                    
    }
                
                
    //Se chiamata dal buttone CHISIAMO
                
    else if(val == "chisiamo")
                    {
                     
    //Assegnamento dell'immagine all'oggetto    
                      
    document["buttonTwo"].src buttone_chisiamo_2.src;
                    }
                
                
    //Se chiamata dal buttone SPOSI
                
    else if(val == "sposi")
                    {
                     
    //Assegnamento dell'immagine all'oggetto    
                     
    document["buttonTre"].src buttone_sposi_2.src;
                    }                
            } 
    //Fine della funzione di over
            
            
            
            
            //Funzioner per gestire l'immagine di ritorno all'originale; prende in ingresso l'attributo val2
            
    function up_button(val2)
            {
                
    //Vefifichiamo attraverso l'attributo val2 se è stata chiamata dal bottone HOME
                
    if(val2 == "home")
                    {
                     
    //Assegnazione dell'immagine
                     
    document["buttonOne"].src buttone_home_1.src;
                    }
                
                
    //Se chiamata da CHISIAMO
                
    else if(val2 == "chisiamo")
                    {
                     
    //Assegnazione dell'immagine
                     
    document["buttonTwo"].src buttone_chisiamo_1.src;
                    }
                            
                
    //Se chiamata da SPOSI            
                
    else if(val2 == "sposi")
                    {
                     
    //Assegnazione dell'immagine    
                     
    document["buttonTre"].src buttone_sposi_1.src;
                    }
            }
    //Fine funzione di up
            
        
    }

    //-->
    </script>


    </head>    
        



    <body>

    <div id="div_container">



        <div id="div_menu">
        
              <div id="div_submenu">
            
                <div id="div_sub2menu">
            
                    <ul>
                          [*]
                              <a href="#" onmouseover="over_button(uno)"  onmouseout="up_button(uno)">
                            [img]Images/Bottoni/Home.jpg[/img]        
                            </a>
                        
                        [*]
                            <a href="#" onmouseover="over_button(due)" onmouseout="up_button(due)">
                            [img]Images/Bottoni/Chisiamo.jpg[/img]    
                            </a>
                        
                        [*]
                            <a href="#" onmouseover="over_button(tre)" onmouseout="up_button(tre)">
                            [img]Images/Bottoni/Sposi.jpg[/img]        
                            </a>
                        
                                    
                    [/list]    
                
                </div>    
                
            </div>       
        </div>    
        
        
        
        <div id="div_center">
            [url="#"]    [img]Images/back4.jpg[/img]  [/url]
        
        </div>    
        
        
    </div>    

    </body>
    </html> 

    Ho validato anche il documento, quindi non credo che siano errori di sintassi...

    :master:
    Ogni popolo ha il governo che si merita...

  2. #2
    ehm, non vorrei dire ma:

    buttone_home_2.src = "C:/xampp/htdocs/Studio Multimedia/Images/Bottoni/Home2.jpg";

    mi sembra un po' difficile che tu possa caricare il secondo bottone.
    I DON'T Double Click!

  3. #3
    Si... beh... quello è stato un tentativo un pò disperato...


    Comunque non va neanche cambiando l'indirizzo con

    Codice PHP:
    "Images/Bottoni/Home2.jpg" 
    Non riesco proprio a capire...
    Ogni popolo ha il governo che si merita...

  4. #4
    ehm, ma document["buttonOne"] che cosa sarebbe?? non so con quale versione di Explorer tu lo stia provando, ma non ho mai saputo che si potesse fare una roba simile.

    Devi usare gli id:
    codice:
    <ul>[*]
           <a href="#" onmouseover="over_button(uno)"  onmouseout="up_button(uno)">
              [img]Images/Bottoni/Home.jpg[/img]        
            </a>
       
                      [*]
           <a href="#" onmouseover="over_button(due)" onmouseout="up_button(due)">
               [img]Images/Bottoni/Chisiamo.jpg[/img]    
           </a>
        
                        [*]
            <a href="#" onmouseover="over_button(tre)" onmouseout="up_button(tre)">
               [img]Images/Bottoni/Sposi.jpg[/img]        
            </a>
        
                                    [/list]
    e poi fare:

    codice:
    al posto di:
    document["buttonOne"].src = buttone_home_2.src 
    
    fai:
    var elem = document.all ? document.all["buttonOne"] : document.getElementById("buttonOne");
    elem.src = buttone_home_2.src;
    
    e così via anche per gli altri.
    I DON'T Double Click!

  5. #5
    Non va neppure così....

    eppure quell'approccio che ho utilizzato, in altri progetti ha funzionato alla perfezione...


    Boh... ma che strano... sembra assurdo... o c'è qualcosa che non stiamo vedendo... ?! :master:
    Ogni popolo ha il governo che si merita...

  6. #6
    che scemenza:

    var buttone_home1 = new Image();
    buttone_home_1.src = "Images/Bottoni/Home.jpg";

    var buttone_home2 = new Image();
    buttone_home_2.src = "Images/Bottoni/Home2.jpg";

    ma sono sempre questi i problemi peggiori....
    I DON'T Double Click!

  7. #7
    noooo!

    Non ci voglio credere... ma non posso essere così pirla! Hai voglia di cercare le soluzione sempre più strane e difficili.



    cioè, la programmazione è veramente una brutta bestia!


    Grazie infinite!
    Ogni popolo ha il governo che si merita...

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.