Buongiorno a tutti,
premetto che ho iniziato da poco a studiare sia Javascript che Jquery.
Riporto in fondo il codice ineressato, rimane tra le due righe di asterischi(ho eliminato parecchie cose, chiaramente).
Cliccando su P il focus va al relativo INPUT.
E' possibile effettuare la stessa cosa in modo che valga per n paragrafi senza dover scrivere le n righe di codice(come ho fatto adesso per i 3 paragrafi)?
Ne ho provate tante ma non riesco, alla fine ho dovuto optare per questo codice specificando l'id in ogni INPUT(codice html).
Grazie,
Roberto
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('p').fadeTo('normal',.60);// imposta a 60% l'opacita di p
$('p').hover (function(){$(this).fadeTo('normal',.99);},functio n(){ $(this).fadeTo('normal',.60);});//passando su p degrada a 99%, uscendo al 60%
//************************************************** *****
$('#nome').click (function(){$('#nomeInput').focus();});
$('#cognome').click (function(){$('#cognomeInput').focus();});
$('#email').click (function(){$('#emailInput').focus();});
//************************************************** *****
});//fine jquery
</script>
<title>Test</title>
<style>
body{font-size:0.625em;
}
div#contenitore{
width:700px;height:490px;background:#aaa;
text-align:justify;
margin-top:50px;
margin-right:30%;
margin-left: 30%;
position:absolute;
padding:5px;
}
div.dati{position:relative;
font-size:16px;
color:#0000CD;
margin-top:20px;
margin-botton:5px;
margin-left:5px;
margin-right:5px;
background-color:#6495ED;
}
</style>
</head>
<body>
<div id="contenitore">
<form name="datiUtenti" action="/Web/ServletTest" method="POST">
<div id="nome"class="dati">
Nome:<input id="nomeInput" type="text" name="nome" ></p></div>
<div id="cognome" class="dati">
Cognome:<input id="cognomeInput"type="text" name="cognome" ></p></div>
<div id="email" class="dati">
Email:<input id="emailInput" type="text" name="email"></p></div>
<div id="bottone" class="dati">
<input type="button" name="bottone" value="Invia dati"></p></div>
</form>
</div>
</body>
</html>
Rispondi quotando
