Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    14

    cambiare testo al passaggio del mouse

    Salve a tutti!
    ho creato una pagina web in html in cui ho inserito 4 bottoni di tipo immagine inseriti ognuno in un <form></form> in quanto ogni bottone mi deve indirizzare in una pagina diversa. come posso fare a far comparire un testo diverso in base sopra a quale bottone passo con il mouse? girando un pò nei vari forum ho trovato la soluzione in javascript con i link, cioè con <a href=" ecc....>, ma non ho trovato nessuna soluzione con l' utilizzo dei form e dei bottoni! vi posto il codice semplice fin qui scritto da me. spero mi possiate aiutare grazie!
    codice:
    <%@page contentType="text/html" pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-1">
            <title>iWIN homepage</title>
            <link rel="stylesheet" type="text/css" href="primo.css"></link> 
           </head>
        <body>
        </body>
        <h1>
            <table border="0">
                <tbody>
                    <tr>
                        <td>
                            <form action="searchpage.jsp">
                                <input type="image" src="images/search.png" >
                               </form> </td>
                    </tr>
                    <tr>
                        <td><form action="inf_su.jsp">
                        <input type="image" src="images/about.png" >
                        </form></td>
                    </tr>
                    <tr>
                        <td><form action="contact.jsp">
                         <input type="image" src="images/contact.png" >
                        </form></td>
                    </tr>
                    <tr>
                        <td><form action="utilities.jsp">
                        <input type="image" src="images/link.png" >
                        </form></td>
                    </tr>
                </tbody>
            </table>
    </h1>
    </html>

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Usando i tasti immagine (equivalente al tasto submit) devi usare due immagini diverse
    <form action="utilities.jsp">
    <input type="image" src="images/link.png" onmouseover="this.src='images/link_over.png'" onmouseout="this.src='images/link.png'" >
    </form>
    ma volendo puoi farlo anche con i css
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Se ho capito bene e vuoi che appaia un testo sulle immagini puoi aggiungere l'attributo title al tag img

    <input type="image" src="images/link.png" title="testo che appare" >

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    14
    vi ringrazio tantissimo del vostro aiuto!! ma non ci sono riuscito! non è proprio quello che intendevo io! forse non mi sono espresso bene!!! ho questi 4 bottoni posizionati alla sinistra dello schermo uno sotto l' altro. Vorrei che quando passo con il mouse sopra ogni bottone compare in maniera grande sulla destra dello schermo una scritta diversa!
    ad esempio,quando passo con il mouse sopra un bottone,vorrei che la scritta compaia così:

    bottone1 BLABLABLABLA
    bottone2 BLABLABLA
    bottone3
    bottone4

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Devi usare un "tooltip" fai una ricerca qui o su google, ne trovi molti.
    Ciao.
    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.