Comporre URL da select menu

**skunkbook** · 13-03-2010, 03:26

Ciao a tutti
sono ai primi passi con js e quindi mi scuso in partenza per la banalità del mio problema.
Ho 4 select menu tipo Anno: Mese: Giorno: Ora: e un pulsante Invio
L'utente, selezionando i valori e poi cliccando sul pulsante Invia, dovrebbe essere indirizzato alla pagina
http://www.miosito.it/anno/mese/gior...giorno-ora.ogg

sto provando così

codice:

<script language="javascript">
<!--
function DownloadOgg(dOgg)
{
    var anno = document.proof.anno.options[document.proof.anno.selectedIndex].value; 
    var mese = document.proof.mese.options[document.proof.mese.selectedIndex].value; 
    var giorno = document.proof.giorno.options[document.proof.giorno.selectedIndex].value;
    var ora = document.proof.ora.options[document.proof.ora.selectedIndex].value;
  

    var dOgg = "www.miosito.it/" + anno + "/" + mese + "/" + giorno + "/" + ora + "/" + anno + "-" + mese + "-" + giorno + "-" + ora +  ".ogg";

}
// -->
</script>

codice:

<form id="proof" name="proof">
Anno
<select name="anno" size="1" id="anno" onChange="DownloadOgg()">
  <option value="2009">2009</option>
  <option value="2010">2010</option>
</select>
Mese
<select name="mese" size="1" id="mese" onChange="DownloadOgg()">
  <option value="01">Gennaio</option>
  <option value="02">Febbraio</option>
  <option value="03">Marzo</option>
  <option value="04">Aprile</option>
  <option value="05">Maggio</option>
  <option value="06">Giugno</option>
  <option value="07">Luglio</option>
  <option value="08">Agosto</option>
  <option value="09">Settembre</option>
  <option value="10">Ottobre</option>
  <option value="11">Novembre</option>
  <option value="12">Dicembre</option>
</select>
Giorno
<select name="giorno" size="1" id="giorno" onChange="DownloadOgg()">
  <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>
Fascia oraria
<select name="ora" id="ora" onChange="DownloadOgg()">
  <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>
<input name="Invio" type="button" onclick="DownloadOgg(dOgg)" />
</form>

Chiaramente manca qualcosa e c'è qualcosa di troppo ma non riesco a capire cosa.
Qualcuno sarebbe così gentile da aiutarmi
Grazie mille

**Potacchione** · 13-03-2010, 08:40

secondo me c'è qualcosa che non va nell'url che generi nella funzione.
Manca tutta la parte
var dOgg = "http://www.miosito.it/anno/mese/giorno/ora/anno-mese-giorno-ora.ogg"
e i parametri sono coppie (nome,valore) quindi l'url dovrà essere simile a
var dOgg = "http://www.miosito.it/anno/mese/giorno/ora/anno-mese-giorno-ora.ogg?anno=" + anno + "&mese=" + mese + ecc.

Inoltre lo stesso risultato lo ottieni normalmente se imposti l'action nella form, con url assoluta o relativa, dipende da dove si trova la pagina che contiene la form
<form id="proof" name="proof" action="http://www.miosito.it/anno/mese/giorno/ora/anno-mese-giorno-ora.ogg">
elimini l'onclick dal button e credo cambi il type in submit

**skunkbook** · 13-03-2010, 11:49

ciao potacchione, grazie per aver risposto
si, scusami effettivamente mi sono espresso male
l'url finale dovrebbe essere una cosa tipo:

codice:

http://www.sitoprova.it/2010/03/13/18/2010-03-13-18.ogg

dove i numeri sono anno/mese/giorno/ora/anno-mese-giorno-ora selezionati dall'utente nella tendina

ho provato le modifiche che dicevi ma non funzionano

scusami ma sono veramente all'abc

grazie mille

**Enzaccio** · 13-03-2010, 12:20

function DownloadOgg(dOgg)

onclick="DownloadOgg(dOgg)"

Togli dOgg in entrambi; dOgg che è lo stesso nome della variabile che devi ancora definire all' interno della funzione; e che quindi, all' onclick ancora non esiste, il ché blocca il tutto.

**skunkbook** · 13-03-2010, 12:40

grazie enzaccio
mi dispiace ma ncora non succede nulla

incollo tutto il codice cosi magari potete fare qualche prova

grazie mille per l'aiuto che mi state dando

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Test download file ogg</title>
<script language="javascript">
<!--
function DownloadOgg()
{
    // Get the select values
    var anno = document.proof.anno.options[document.proof.anno.selectedIndex].value; 
    var mese = document.proof.mese.options[document.proof.mese.selectedIndex].value; 
    var giorno = document.proof.giorno.options[document.proof.giorno.selectedIndex].value;
	var ora = document.proof.ora.options[document.proof.ora.selectedIndex].value;
  
    // Create our Ogg
    var dOgg = "www.provasito.it/" + anno + "/" + mese + "/" + giorno + "/" + ora + "/" + anno + "-" + mese + "-" + giorno + "-" + ora +  ".ogg";
	
}
// -->
</script>

</head>

<body>
<form id="proof" name="proof">
Anno
<select name="anno" size="1" id="anno" onChange="DownloadOgg()">
  <option value="2009">2009</option>
  <option value="2010">2010</option>
</select>
Mese
<select name="mese" size="1" id="mese" onChange="DownloadOgg()">
  <option value="01">Gennaio</option>
  <option value="02">Febbraio</option>
  <option value="03">Marzo</option>
  <option value="04">Aprile</option>
  <option value="05">Maggio</option>
  <option value="06">Giugno</option>
  <option value="07">Luglio</option>
  <option value="08">Agosto</option>
  <option value="09">Settembre</option>
  <option value="10">Ottobre</option>
  <option value="11">Novembre</option>
  <option value="12">Dicembre</option>
</select>
Giorno
<select name="giorno" size="1" id="giorno" onChange="DownloadOgg()">
  <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>
Fascia oraria
<select name="ora" id="ora" onChange="DownloadOgg()">
  <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>
<input name="Invio" type="button" onclick="DownloadOgg()" />


</form>

</body>
</html>

**Potacchione** · 13-03-2010, 14:34

manca nella funzione la richiesta ajax al server perchè crei la url ma poi non la utilizzi.
Dai un'occhiata qui http://javascript.html.it/guide/leggi/95/guida-ajax/
Inoltre, parere mio, la funzione la chiamerei solamente sull'onclick del button dopo aver controllato che tutte le select box sono effettivamente state selezionate

**skunkbook** · 13-03-2010, 15:42

manca nella funzione la richiesta ajax al server perchè crei la url ma poi non la utilizzi.

dici così?

codice:

<script language="javascript">
<!--
function DownloadOgg()
{
    // Get the select values
    var anno = document.proof.anno.options[document.proof.anno.selectedIndex].value; 
    var mese = document.proof.mese.options[document.proof.mese.selectedIndex].value; 
    var giorno = document.proof.giorno.options[document.proof.giorno.selectedIndex].value;
	var ora = document.proof.ora.options[document.proof.ora.selectedIndex].value;
  
    // Create our Ogg
    var dOgg = "www.testsito.it/" + anno + "/" + mese + "/" + giorno + "/" + ora + "/" + anno + "-" + mese + "-" + giorno + "-" + ora +  ".ogg";

    // Assign the URL
   document.DownloadOgg.url = dOgg;
}
// -->
</script>

**skunkbook** · 14-03-2010, 05:05

alla fine ho risolto così

codice:

<script language="javascript">
<!--
function DownloadOgg()
{
    // Get the select values
    var anno = document.proof.anno.options[document.proof.anno.selectedIndex].value; 
    var mese = document.proof.mese.options[document.proof.mese.selectedIndex].value; 
    var giorno = document.proof.giorno.options[document.proof.giorno.selectedIndex].value;
	var ora = document.proof.ora.options[document.proof.ora.selectedIndex].value;
  
    // Create our Ogg
    var dOgg = "http://ares.provasito.it/" + anno + "/" + mese + "/" + giorno + "/" + ora + "/" + anno + "-" + mese + "-" + giorno + "-" + ora +  ".ogg";

    // Assign the URL
   document.getElementById('linkogg').href = dOgg;
}
//-->
</script>

e mettendo al posto del pulsante un link che si aggiorna automaticamente al variare delle select

<form id="proof" name="proof">
Anno
<select name="anno" size="1" id="anno" onChange="DownloadOgg()">
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
Mese
<select name="mese" size="1" id="mese" onChange="DownloadOgg()">
<option value="01">Gennaio</option>
<option value="02">Febbraio</option>

/////////////etc. etc.//////////////////////

<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
</form>

Scarica il file
[CODE]

così funziona, con il button non riesco.
Comunque va benissimo così

Grazie a tutti

Discussione: Comporre URL da select menu

Strumenti discussione

Ricerca discussione

Visualizza

Comporre URL da select menu

Permessi di invio