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

    Quando clicchi immagine cambia. I modi provati non funzionano.

    Sto cercando un modo per cambiare l'immagine al click con un'altra. Ho cercato in lungo e in largo e tutti tutti i forum, domande, pagine web, esempi non mi funzionano. Questo è il mio codice:
    codice HTML:
    <table width="100%" border="0" id="bottoneM"  >        
    <tr><td width="18%"></td>        
    <td>        
    <fieldset id="sugg_risp">        
    <center>        
    <table border="0" height="100%" width="100%">            
    <tr>            
    <td width="2%" align="center"></td><td width="2%"></td>            
    <td height="100%" width="88%" align="left">           
    <font face="Geneva, Arial, Helvetica, sans-serif">Descrivi il tuo problema</font>            
    </a></td>            
    <td>
    
    <IMG SRC="freccia1.gif" name="FOTO_DA_CAMBIARE" >
    
    </td>            
    </tr>        
    </table>        
    </center>        
    </fieldset>        
    </td>                
    <td width="18%"></td>        
    </tr><tr><td></td><td>                        
    <div id="menuM" style="display:none;">        
    <table border="0" height="100%" width="100%">            
    <tr>            
    <td width="2%" align="center"></td><td width="2%"></td>            
    <td height="100%" width="88%" align="left">            
    <font face="Geneva, Arial, Helvetica, sans-serif">Cosa 1</font>            
    </a></td>            
    </tr>                        
    <tr>            
    <td width="2%" align="center"></td><td width="2%"></td>            
    <td height="100%" width="88%" align="left">            
    <font face="Geneva, Arial, Helvetica, sans-serif">Cosa 2</font>            
    </a></td>            
    </tr>
                
    <tr>            
    <td width="2%" align="center"></td><td width="2%"></td>            
    <td height="100%" width="88%" align="left">            
    <font face="Geneva, Arial, Helvetica, sans-serif">Cosa 3</font>            
    </a></td>            
    </tr>
                
    <tr>            
    <td width="2%" align="center"></td><td width="2%"></td>            
    <td height="100%" width="88%" align="left">            
    <font face="Geneva, Arial, Helvetica, sans-serif">Cosa 4</font>            
    </a></td>            
    </tr>
                
    <tr>            
    <td width="2%" align="center"></td><td width="2%"></td>            
    <td height="100%" width="88%" align="left">            
    <font face="Geneva, Arial, Helvetica, sans-serif">Cosa 5</font>            
    </a></td>            
    </tr>        
    </table>        
    </div>        
    </td></tr>
    
    
    </td>
    </table>
    Quando clicco la table iniziale vorrei che cambiasse la "freccia1.gif" in "freccia2.gif".

    Se vi serve, per l'elenco che appare ho usato questo codice:
    codice:
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        $("#bottoneM").click(function(){
          $("#menuM").slideToggle();
        }); 
      });
    
    
    </script>

    Grazie mille per le rispose!!
    Ultima modifica di Mighel123; 03-01-2021 a 16:34

  2. #2
    Io penso che invece di cercare in lungo e largo qualcosa fatto da terzi, basterebbe studiarsi in modo veramente minimale onclick ed apprendere, sempre in modo minimale, un po' di JavaScript.

    Odio chi vuole programmare senza un minimo, ma dico veramente minimo, studio del problema.

    Programmare significa risolvere in continuazione i problemi che si incontrano.
    Solo con lo studio si risolvono i problemi.

    Questo tuo, non è un problema da risolvere ma lavoro basilare.

    Comunque sono buono e la soluzione te l'ho data.
    Ora sta a te capirla.

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    19,929
    Quote Originariamente inviata da SoloWiFi Visualizza il messaggio
    Comunque ... la soluzione te l'ho data.
    e dove sta?

  4. #4
    Quote Originariamente inviata da SoloWiFi Visualizza il messaggio
    Io penso che invece di cercare in lungo e largo qualcosa fatto da terzi, basterebbe studiarsi in modo veramente minimale onclick ed apprendere, sempre in modo minimale, un po' di JavaScript.

    Odio chi vuole programmare senza un minimo, ma dico veramente minimo, studio del problema.

    Programmare significa risolvere in continuazione i problemi che si incontrano.
    Solo con lo studio si risolvono i problemi.

    Questo tuo, non è un problema da risolvere ma lavoro basilare.

    Comunque sono buono e la soluzione te l'ho data.
    Ora sta a te capirla.
    Ok, grazie, con onclick ho provato ma vorrei che cliccando cambi immagine e cliccando di nuovo ritorna all'immagine iniziale. Come potrei fare? Grazie

  5. #5
    Ok. Lavora in semplice JavaScript per capire meglio.
    Ora studia come realizzare e richiamare funzioni in js
    Poi studia come poter cambiare l'indirizzo in SRC della tua <IMG

    Prima di tutto devi analizzarti il problema e capire al dettaglio come e cosa fare per arrivare al tuo risultato.

    Una analisi significa come se lo dovessi fare a mano senza l'aiuto di un computer.
    Come se fosse una figurina da mettere e cambiare da dentro un cassetto.

Tag per questa discussione

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 © 2021 vBulletin Solutions, Inc. All rights reserved.