Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Input, focus?

  1. #1

    Input, focus?

    Ciao a tutti. Volevo sapere come si fa ad avere l'"evento" che ha il form in alto a questa pagina (cioè che quando clicchi sulla scritta la scritta si leva e quando clicchi fuori torna). Grazie.

  2. #2

  3. #3
    grazie mille. Davvero utile

  4. #4
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    l'ho preso dal sorgente pagina.
    Mi ha interessato perchè fa uso della proprietà defaultValue che proprio non ricordavo.

    Ho leggermente cambiato per evitare di inserire spazi bianchi

    Ma è chiaro che il principio di funzionamento è lo stesso.
    codice:
    <!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>
        <title>Pagina senza titolo</title>
    
        <script language="javascript" type="text/javascript">
    // <!CDATA[
    
    function autoClear(obj) 
    {
        if(obj.value == obj.defaultValue) 
        {
    		obj.value = '';
    	}
    }
    
    function autoRestore(obj) 
    {
    	if(trim1(obj.value) == '') 
    	{
    		obj.value = obj.defaultValue; 
    	}
    }
    
    //-------------------------------------------------------------------
    // rimuove gli spazi iniziali e finali da strValore
    //-------------------------------------------------------------------
    function trim1(stringa)
    { 
    	stringa = stringa + "";
    	return stringa.replace(/^ */,"").replace(/ *$/,""); 
    } 
    
    // ]]>
        </script>
    
    </head>
    <body >
        <input type="text" name="cm-19807-19807" id="email-newsletter" value="Your email" onfocus="autoClear(this); " onblur="autoRestore(this); " title="Enter your email" />    
    </body>
    </html>
    Pietro

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.