Pagina 1 di 1
Eventi di input
Inviato:
15/10/2011, 20:21di intergtaboss
Salve ragazzi scrivo questo topic per chiedere a voi un'aiuto su una pagina web assegnata come compito a scuola...
come faccio a realizzare il punto [3]? è un log delle azioni del client. ringrazio per le risposte.
Re: Eventi di input
Inviato:
15/10/2011, 20:28di davebaol
Usi sui vari input gli attributi onfocus, onblur, onchange, onclick mettendo la chamata a una funzione javascript che prende come parametro il messaggio di log e lo appende alla textarea.
Re: Eventi di input
Inviato:
15/10/2011, 20:33di intergtaboss
il fatto è che il nostro carissimo prof non ci ha spiegato il javascript :( se posto il codice mi puoi dare una mano?
Re: Eventi di input
Inviato:
15/10/2011, 20:43di davebaol
spiacente, non ho tempo per questo.
Re: Eventi di input
Inviato:
15/10/2011, 20:49di intergtaboss
0k grazie lo stesso
Re: Eventi di input
Inviato:
17/12/2011, 14:32di Alessio24
se lo posti se vuoi ti do io una mano... (sono in 1a superiore ma me la cavo bene dai... 9 in informatica a un itis)
Re: Eventi di input
Inviato:
18/12/2011, 16:09di intergtaboss
siamo un po' in ritardo xD, ma per curiosità posto comunque il codice...
- Codice: Seleziona tutto
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="fogliodistiletabella.css" />
<title> Registrazione </title>
</head>
<body>
<form action="PaginaRisposta.asp" method="post">
<table class="main">
<tr>
<td colspan="4" align=left> Nome Utente<br> [1] <input type="text" name="nomeutente" size="20"> </td>
<td colspan="4" align=left> Password<br> [2] <input type="password" name="password" size="20"> </td>
<td colspan="4" rowspan="4"> Eventi di input [3] <textarea rows="16" name="eventiinput" cols="30"> Focus: browser (nn) enClick: browser (nn)enChange: browser (nn)enBlur: browser (nn)enFocus: periphericals (printer)enClick: periphericals (printer) enChange: periphericals (printer)enBlur: periphericals (printer) enFocus: username [] enClick: username [] enChange: username (Luigi) enBlur: username (Luigi) enFocus: password [] enChange: password (pippo) enBlur: password (pippo) enFocus: color (red) enChange: color (blue) enClick: color (blue)en</textarea> </td>
<td colspan="4" rowspan="4" align=center> [9] <input type="reset" value="Cancella" name="cancella"> <br> [10] <input type="submit" name="invia"> <br> [11] <input type="reset" name="ripristina"> </td>
</tr>
<tr>
<td colspan="8"> Nome File [4] <input type="file" name="nomefile"> </td>
</tr>
<tr>
<td colspan="4" align=left> Le mie periferiche: <br> [5] <input type="checkbox" name="periferiche" value="modem">
Modem 28.8K <br> [5] <input type="checkbox" name="periferiche" value="stampante"> Stampante <br> [5] <input type="checkbox" name="periferiche" value="unitanastro"> Unità a Nastro </td>
<td colspan="4" align=left> Il mio browser Web: <br> [6] <input type="radio" name="browser" value="Netscape Navigator">
Netscape Navigator <br > [6] <input type="radio" name="browser" value="Internet Explorer"> Internet Explorer <br > [6] <input type="radio" name="browser" value="Altro"> Altro <br> </td>
</tr>
<tr>
<td colspan="4" align=left> I miei hobby [7] <select size="4" name="hobby"> <option name="hobby" value="Giocare con JavaScript"> Giocare con JavaScript </option> <br /> <option name="hobby" value="Navigare nel Web"> Navigare nel Web </option> <br /> <option name="hobby" value="bere caffe"> Bere caffè </option> <br /> <option name="hobby" value="Annoiare i miei amici"> Annoiare i miei amici </option> </select> </td>
<td colspan="4" align=center> I miei colori preferiti <br> [8] <select size="1" name="colori"> <option name="colori" value="blu">Blu</option> <option name="colori" value="giallo">Giallo</option> <option name="colori" value="rosso">Rosso</option> <option name="colori" value="verde">Verde</option> <option name="colori" value="nero">Nero</option> <option name="colori" value="bianco">Bianco</option> <option name="colori" value="rosa">Rosa</option> <option>Arancio</option></select></td>
</tr>
</table>
</form>
<center><table><tr><th align="left">Elementi di moduli</th><td>[1]Text</td><td>[2]Password</td><td>[3]Textarea</td><td>[4]FileUpload</td><td>[5]Checkbox</td></tr>
<tr><td>[6]Radio</td><td>[7]Select(list)</td><td>[8]Select(menu)</td><td>[9]Button</td><td>[10]Submit</td><td>[11]Reset</td></tr>
</table></center>
</body>
</html>