pagina corrispondente

**domus321** · 10-07-2005, 15:17

Ciao!

ho bisogno di uno script in grado di visualizzare una pagina .htm selezionata tramite 2 menù a tendina (giono e mese)...

Mi spiego meglio:

Menù a tendina: - GIORNO (sono selezionabili i giorni da 1 a 31)
- MESE (sono selezionabili i giorni da 1 a 12)

in base alla selezione dell'utente mostrare la pagina corrispondente...

ESEMPIO selezionando il giorno 12 e il mese 7 reindirizzare alla pagina file127.htm

é possibile?? se si COME?

Grazie!!!

**var** · 10-07-2005, 15:21

codice:

function vai(v1, v2){
 v1++;
 v2++;
 window.location.href=v1+""+v2+".html";
}

da richiamare così:

codice:

<input type="button" onclick="vai(this.form.select1.selectedIndex, this.form.select2.selectedIndex);" value="GO" />

ciao

**domus321** · 10-07-2005, 15:30

se ho capito bene:

v1 e v2 sono rispettivamente i due menù a tendina giorno e mese

il codice

[CODE]
function vai(v1, v2){
v1++;
v2++;
window.location.href=v1+""+v2+".html";
}
[CODE]

va inserito nella pagina del form e il bottone di invio è questo:

codice:

<input type="button" onclick="vai(this.form.select1.selectedIndex, this.form.select2.selectedIndex);" value="GO">

domanda: nel tag di apertura del form cosa metto? ( <form method="POST" action="--WEBBOT-SELF--"> )

**var** · 10-07-2005, 15:44

no, v1 e v2 sono gli indici di selezione dei due menu.
ossai, v1 avrà valore 0 se scegli il primo elemento del primo menu, e così via.

nel tag form non devi mettere nulla.

**domus321** · 10-07-2005, 15:49

cosi?

codice:

 

<html>

<head>
<title>Nuova pagina 1</title>
<script>
function vai(v1, v2){
 v1++;
 v2++;
 window.location.href=v1+""+v2+".html";
}
</script>
</head>

<body>
Giorno:
<select name="v1">
<option>---</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
Mese:
<select name="v2">
<option selected>---</option>
<option value="1">Gennaio</option>
<option value="2">Febbraio</option>
<option value="3">Marzo</option>
<option value="4">Aprile</option>
<option value="5">Maggio</option>
<option value="6">Giugno</option>
<option value="7">Luglio</option>
<option value="8">Agosto</option>
<option value="9">Settembre</option>
<option value="10">Ottobre</option>
<option value="11">Novembre</option>
<option value="12">Dicembre</option>
</select>
</body>

</html>

o come?

**var** · 10-07-2005, 15:57

così:

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"
 lang="it">
<head>
  <title>Nuova pagina 1</title>
  <script>
function vai(v1, v2){
if(v1>0 && v2>0) window.location.href=v1+""+v2+".html";
}
  </script>
</head>
<body>
<form>
Giorno:
  <select name="select1">
  <option>---</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
  <option>11</option>
  <option>12</option>
  <option>13</option>
  <option>14</option>
  <option>15</option>
  <option>16</option>
  <option>17</option>
  <option>18</option>
  <option>19</option>
  <option>20</option>
  <option>21</option>
  <option>22</option>
  <option>23</option>
  <option>24</option>
  <option>25</option>
  <option>26</option>
  <option>27</option>
  <option>28</option>
  <option>29</option>
  <option>30</option>
  <option>31</option>
  </select>
Mese:
  <select name="select2">
  <option selected="selected">---</option>
  <option value="1">Gennaio</option>
  <option value="2">Febbraio</option>
  <option value="3">Marzo</option>
  <option value="4">Aprile</option>
  <option value="5">Maggio</option>
  <option value="6">Giugno</option>
  <option value="7">Luglio</option>
  <option value="8">Agosto</option>
  <option value="9">Settembre</option>
  <option value="10">Ottobre</option>
  <option value="11">Novembre</option>
  <option value="12">Dicembre</option>
  </select>
  <input
 onclick="vai(this.form.select1.selectedIndex, this.form.select2.selectedIndex);"
 value="GO" type="button" />
</form>
</body>
</html>

ciao

**domus321** · 10-07-2005, 16:05

Grazie mille!!!

Discussione: pagina corrispondente

Strumenti discussione

Ricerca discussione

Visualizza

pagina corrispondente

Piccolo chiarimento

Permessi di invio