Form html per orario dei treni

**Areknames69** · 25-02-2006, 10:51

Ciao a tutti, premesso che ho chiesto il consenso a quelli di Trenitalia, nel mio sito ho inserito il seguente form.
Il problema è che dal sito non mi aggiorna l'orario e la data ma rimane fisso al 01/01/2006 e alle ore 00.00

Dal sito di Trenitalia invece l'orario si aggiorna automaticamente. Mi avevano detto di inserire il CercaTreno.js, l'ho inserito ma niente da fare.

Vi pubblico il form:

<form name="cercaTreno" action="http://orario.trenitalia.com/b2c/TimeTable" target=blank>
<div id="form">
<ul>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="155"><h1>
<label for="label8" accesskey="c">Da dove vuoi partire?</label>
</h1></td>
<td width="235"><input type="text" class="orari" name="stazin" id="stazin2" /></td>
</tr>
<tr>
<td><h1>
<label for="label9">Dove vuoi arrivare?</label>
</h1></td>
<td><input type="text" class="orari" name="stazout" id="stazout4" /></td>
</tr>
</table>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><h1>Quando vuoi partire?</h1></td>
</tr>
<tr>
<td height="5"></td>
</tr>
</table>
<label for="stazin" accesskey="c"></label>
<table width="401" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="112"> <table width="98" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="51"><h1>
<label for="label11">giorno</label>
</h1></td>
<td width="47"><select name="datag" id="select14" class="orari">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select></td>
</tr>
</table>
<label for="label3"></label> </td>
<td width="112" align="center"> <table width="100" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
<td width="94"> <h1>mese</h1></td>
<td width="94"> <label for="label13"></label> <select name="datam" id="select17" class="orari">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select></td>
</tr>
</table>
<label for="label5"></label> </td>
<td width="177"><h1>anno
<select id="select7" name="dataa" class="orari">
<option value="2006">2006</option>
<option value="2007">2007</option>
</select>
</h1></td>
</tr>
</table>
<label for="stazout"></label>
<div id="selGiorno">
<label for="datag"></label>
</div>
<div class="clearZ">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><h1>A che ora vuoi partire?</h1></td>
</tr>
<tr>
<td height="5"></td>
</tr>
</table>
<table width="400" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="110"><table width="98" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="51"><h1>ore</h1></td>
<td width=""><label for="label12"></label> <select name="select" id="select"
class="orari">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select> </td>
</tr>
</table></td>
<td width="148"><table width="114" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60" align="left"> <h1>minuti</h1></td>
<td width="54"><label for="label14"></label> <select name="select2" id="select2" class="orari">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select></td>
</tr>
</table></td>
<td width="142"><input name="image" type=image value=Invia src="invia.jpg" alt="Visiona l'orario dei treni - Servizio offerto da Trenitalia" align="bottom" width=65 height=22></td>
</tr>
</table>
<input type="hidden" value="it"
name="lang" />
<input type="hidden" value="5" name="nreq" />
<input type="hidden" value="tcom" name="channel" />
<br class="clearZ" />
</div>
<div id="selMin">
<label for="timsm"></label>
</div>
<div id="btSubmit"> </div>
<div class="clearZ"><br class="clearZ" />
</div>[/list]
</div>
</form>
<script type="text/javascript" src="/tcom/js/cercaTreno.js"></script>

**Samuele_70** · 25-02-2006, 15:51

A me così funziona

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
	<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
		
	<title>Orari e acquisto - Trenitalia</title>
</head>
<body id="orariBiglietti">
	<form name="cercaTreno" action="http://orario.trenitalia.com/b2c/TimeTable">
		<div class="listaArancio">
			<label for="partenza">Da dove vuoi partire?</label>

			<input class="coloredExtended" name="stazin" type="text" id="partenza" value="" />
		</div>
		<div class="listaArancio">
			<label for="arrivo">Dove vuoi arrivare?</label>

			<input class="coloredExtended" name="stazout" type="text" id="arrivo" value="" />
		</div>
		<div class="listaArancio">Quando vuoi partire?

			<label for="giorno">giorno</label>
			<select id="datag" class="colored" name="datag">
	   		<option value="01" selected="selected">01</option>
	   		<option value="02">02</option>
	   		<option value="03">03</option>

	   		<option value="04">04</option>
	   		<option value="05">05</option>
	   		<option value="06">06</option>
	   		<option value="07">07</option>
	   		<option value="08">08</option>
	   		<option value="09">09</option>

	   		<option value="10">10</option>
	   		<option value="11">11</option>
	   		<option value="12">12</option>
	   		<option value="13">13</option>
	   		<option value="14">14</option>
	   		<option value="15">15</option>

	   		<option value="16">16</option>
	   		<option value="17">17</option>
	   		<option value="18">18</option>
	   		<option value="19">19</option>
	   		<option value="20">20</option>
	   		<option value="21">21</option>

	   		<option value="22">22</option>
	   		<option value="23">23</option>
	   		<option value="24">24</option>
	   		<option value="25">25</option>
	   		<option value="26">26</option>
	   		<option value="27">27</option>

	   		<option value="28">28</option>
	   		<option value="29">29</option>
	   		<option value="30">30</option>
	   		<option value="31">31</option>
	   	</select>
			<label for="mese">mese</label> 
			<select id="datam" name="datam" class="colored">

				<option value="01">01</option>
				<option value="02">02</option>
				<option value="03" selected="selected">03</option>
				<option value="04">04</option>
				<option value="05">05</option>
				<option value="06">06</option>

				<option value="07">07</option>
				<option value="08">08</option>
				<option value="09">09</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>

			</select>
		<label for="anno">anno</label> 
		<select id="dataa" name="dataa" class="colored">
			<option>2005</option>
			<option selected="selected">2006</option><option>2007</option>
		</select></div>
		<div class="listaArancio">A che ora vuoi partire?


			<label for="ora">ora</label>  
			<select id="timsh" name="timsh" class="colored">
				<option value="00">00</option>
				<option value="01">01</option>
				<option value="02">02</option>
				<option value="03">03</option>

				<option value="04">04</option>
				<option value="05">05</option>
				<option value="06">06</option>
				<option value="07">07</option>
				<option selected="selected" value="08">08</option>
				<option value="09">09</option>

				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
				<option value="13">13</option>
				<option value="14">14</option>
				<option value="15">15</option>

				<option value="16">16</option>
				<option value="17">17</option>
				<option value="18">18</option>
				<option value="19">19</option>
				<option value="20">20</option>
				<option value="21">21</option>

				<option value="22">22</option>
				<option value="23">23</option>
			</select>
			<label for="minuto">min</label>  
			<select id="timsm" name="timsm" class="colored">
				<option selected="selected" value="00">00</option>
				<option value="01">01</option>

				<option value="02">02</option>
				<option value="03">03</option>
				<option value="04">04</option>
				<option value="05">05</option>
				<option value="06">06</option>
				<option value="07">07</option>

				<option value="08">08</option>
				<option value="09">09</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
				<option value="13">13</option>

				<option value="14">14</option>
				<option value="15">15</option>
				<option value="16">16</option>
				<option value="17">17</option>
				<option value="18">18</option>
				<option value="19">19</option>

				<option value="20">20</option>
				<option value="21">21</option>
				<option value="22">22</option>
				<option value="23">23</option>
				<option value="24">24</option>
				<option value="25">25</option>

				<option value="26">26</option>
				<option value="27">27</option>
				<option value="28">28</option>
				<option value="29">29</option>
				<option value="30">30</option>
				<option value="31">31</option>

				<option value="32">32</option>
				<option value="33">33</option>
				<option value="34">34</option>
				<option value="35">35</option>
				<option value="36">36</option>
				<option value="37">37</option>

				<option value="38">38</option>
				<option value="39">39</option>
				<option value="40">40</option>
				<option value="41">41</option>
				<option value="42">42</option>
				<option value="43">43</option>

				<option value="44">44</option>
				<option value="45">45</option>
				<option value="46">46</option>
				<option value="47">47</option>
				<option value="48">48</option>
				<option value="49">49</option>

				<option value="50">50</option>
				<option value="51">51</option>
				<option value="52">52</option>
				<option value="53">53</option>
				<option value="54">54</option>
				<option value="55">55</option>

				<option value="56">56</option>
				<option value="57">57</option>
				<option value="58">58</option>
				<option value="59">59</option>
			</select>
			<input type="submit" value="Invia" class="btnFormMarg" />
				<input type="hidden" name="nreq" value="5"  />

				<input type="hidden" name="lang" value="it"  />
				<input type="hidden" value="tcom"  name="channel" />
		</div>
	</form>
	<script type="text/javascript" src="/tcom/js/cercaTreno.js"></script>
	</div>
</div>
<div class="clear2">


</div>
</body>
</html>

**Areknames69** · 26-02-2006, 01:17

Ciao innanzitutto grazie, ma ti dico che a me neanche il tuo funziona.

Se lo pubblico alla voce quando vuoi partire rimane fissa la data del 01/03/2006 e l'orario rimane alle 08/00.

Non so come mai.

Grazie ancora

**Samuele_70** · 26-02-2006, 11:22

Originariamente inviato da Areknames69
Ciao innanzitutto grazie, ma ti dico che a me neanche il tuo funziona.

Prego, però vorrei farti notare che funziona

.

Se lo pubblico alla voce quando vuoi partire rimane fissa la data del 01/03/2006 e l'orario rimane alle 08/00.

Non so come mai.

Il fatto è che la pagina originale viene aggiornata dal server :

codice:

...
<option value="03" selected="selected">03</option>
...
<option selected="selected" value="08">08</option>
...

Se vuoi che sia sempre visualizzata la data e l'orario attuale
devi crearti uno script che aggiorni tutti i campi atomaticamente

O in alternativa ti limiti ad un semplice link a Trenitalia

Discussione: Form html per orario dei treni

Strumenti discussione

Ricerca discussione

Visualizza

Form html per orario dei treni

Permessi di invio