campo input

**Rossella_75** · 01-09-2006, 10:41

ciao a tutti,

ho un campo input con valore predefinito " nome:"

codice:

<input name="nome" type="text" id="nome"  onBlur="if(this.value=='')this.value=' nome:'"  value=" nome:" >

è possibile fare in modo che l'utente scriva ma che non possa cancellare il valore? io vorrei che rimanesse sempre il valore predefinito e che l'utente scriva a fianco.

grazie mille

**shadir** · 01-09-2006, 10:58

credo che l'unico modo sia gestire la cosa con l'evento onkeyUp

modificando dinamicamente il testo

**Rossella_75** · 01-09-2006, 10:58

mi sapresti fare un'esempio?

**shadir** · 01-09-2006, 11:15

Potrebbe essere un'idea!

function controlla(testo)
{
testoIniziale = "nome:";
if (testo.substr(0, 4).toLowerCase()!="nome:")
{
document.getElementById("campo") = "nome:"+testo;
}

}
</script>

<input type="text" id="campo" onkeyup="controlla(this.value)"/>

**Rossella_75** · 01-09-2006, 16:01

ho fatto cosi:

codice:

<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function controlla(testo){
	if (testo.substr(0, 4).toLowerCase()!="nome:"){
		document.getElementById("campo").value = "nome:"+testo;
	}

}
</script>
</head>
<body>
<input type="text" id="campo" onkeyup="controlla(this.value)"/>
</body>
</html>

il problema e che cosi facendo per ogni carattere che digito mi inserisce nome: .... :master:

**whisher** · 01-09-2006, 16:38

Ciao.
Prova questo è tirato via ma
funziona (l'alert è l'unico modo
che ho trovato per sistemare
la cosa che si complica
lasciando la possibilità al guest di
cancellare la tua scritta )

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>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language="JavaScript" type="text/JavaScript">

window.onload = function()

{

    document.getElementById("myinput").onkeyup = function()

    {

        var nodelete = document.getElementById("myinput").value;

        if(nodelete.length < 6)

        {

            document.getElementById("myinput").value = "name :";

            alert("Please don't delete name :   ;))) ");

        }

        document.getElementById("myinput").onblur = function()

        {

            var valore = document.getElementById("myinput").value;

            var tmp = valore.length + 6;

            var valoreGuest = valore.substring(0,tmp);

            if(valore.indexOf("name :") == -1) 

            {

                document.getElementById("myinput").value = "name :" + valoreGuest;

            }

        }

    }

}

</script>

</head>

<body>

<form action="action.php" method="get">

<input name="myinput" type="text" value="name :" />

</form>

</body>

</html>

**Rossella_75** · 01-09-2006, 16:49

se ho solo un campo va benissimo, ma io ho un form intero quindi sono tanti i campi,
ho provato a modificarlo cosi

codice:

<head> 
<title>Untitled Document</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script language="JavaScript" type="text/JavaScript"> 
function controlla(campo,valore) 
{ 
    document.getElementById(campo).onkeyup = function() 
    { 
        var nodelete = document.getElementById(campo).value; 
        if(nodelete.length < 6) 
        { 
            document.getElementById(campo).value = valore; 
        } 
        document.getElementById(campo).onblur = function() 
        { 
            var valore = document.getElementById(campo).value; 
            var tmp = valore.length + 6; 
            var valoreGuest = valore.substring(0,tmp); 
            if(valore.indexOf(valore) == -1) 
            { 
                document.getElementById(campo).value = valore + valoreGuest; 
            } 
        } 
    } 
} 
</script> 
</head> 
<body> 
<input name="myinput" type="text" onkeyup="controlla('myinput',this) " value="name :" /> 
</body> 
</html>

ma mi esce [object]..... non capisco perchè...

**saltodifondi** · 01-09-2006, 17:01

prova questo

codice:

<script>
function iniz(obj,ini)
{
	var stringa = obj.value;	
	len_controllo = ini.length;
	if (stringa.substr(0, len_controllo).toLowerCase()!=ini.toLowerCase()){
		obj.value = ini+""+stringa.substr(len_controllo,stringa.lenght);
	}
}
</script>
<form name="f">
<input type="text" onkeyup="iniz(this,'nome:');" name="t">
<input type="text" onkeyup="iniz(this,'cognome:');" name="cognome">
</form>

**Rossella_75** · 01-09-2006, 17:19

ok perfetto!!

grazie mille

Discussione: campo input

Strumenti discussione

Ricerca discussione

Visualizza

campo input

onkeyUp

..............

Permessi di invio