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

    immagine rollover in un form

    Salve a tutti,
    ho messo un'immagine personalizzata a un bottone di input in un form
    usando questo codice
    ------------------------------------------------------------
    <input type="image" src="../ind2.jpg" width="50" size="31" name="image" height="25">
    -------------------------------------------------------------
    mi piacerebbe che il bottone al passaggio del mouse cambiasse faccia
    ..insomma un rollover.
    Qualcuno mi sa dare il codice ?
    Grazie di cuore a tutti
    N.

  2. #2
    Utente di HTML.it L'avatar di medorex
    Registrato dal
    Apr 2002
    Messaggi
    252

    uno tra gli infiniti modi...

    codice:
    <html>
    <head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_swapImgRestore() {
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_preloadImages() {
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) {
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() {
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    
    <body onLoad="MM_preloadImages('mail.jpg')">
    <form action="" method="get">
    <input name="" type="text">
      <input type="image" src="bo.jpg" name="Image1" border="0">
    </form>
    </body>
    </html>
    Ma quando impareremo mai ??

  3. #3
    Grazie Medorex, ma è così complicato ? ....credevo bastassero poche rige di codice.....
    cmq grazie.
    Purtroppo non sono riuscito a farlo funzionare !!!
    Qualche alternativa?
    tanks.

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.