Passare parametri con metodo POST a una pagina in un frame

Fendo59

Nuovo Utente
13 Mag 2020
2
0
1
Ciao a tutti,
premetto che sono novellino nella programmazione in html, javascript, ecc., programmo in C e C++.
E' dieci giorni che faccio ricerche in merito ma non ho trovato un post che faccia al caso mio.
Spero anche di essere nella sezione giusta, diversamente vi chiedo gentilmente di spostarla.
Veniamo a dunque:
su un server LAMP ho creato un db in MySql dove salvo ii dati di due stazioni di rilevamento temperature, umidità sia del terreno che dell'aria nel mio frutteto, il tutto per gestire l'irrigazione risparmiando acqua.
Il db viene popolato tramite un microcontrollore ESP8266 12F via WiFi con una pagina PHP in esso programmata. Fino qui tutto ok.
Per visualizzare i dati ho creato una pagina web sullo stesso server con Apache, la pagina è suddivisa in tre frame: in alto il titolo, a sinistra una sorta di sinotico per la scelta della stazione e dei periodi da visualizzare, al centro, più grande, il frame dove viene visualizzata la tabella con i dati estratti dal db.
Ecco la pagina iniziale

HTML:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//IT” “http://www.w3.org/TR/html4/frameset.dtd”>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;" charset="iso-8859-1">
<title>Frutteto Pratostagno</title>
</head>

<frameset rows="13%,87%">
    <frame name="titolo" src="titolo.html">
    <frameset cols="20%,80%">
        <frame name="menu" src="menurange.html">
        <frame name="uno" src="descrizione.html">
    </frameset>

<noframes></noframes>

</html>
di seguito il codice della pagina visualizzata nel frame di sinistra:


HTML:
<!DOCTYPE html>
<html>
    <head>
        <title>Test menù vari</title>
        <Style Type="TEXT/CSS">
            .bottone{BACKGROUND:blue; COLOR:yellow; FONT-WEIGHT: bold; FONT-FAMILY:Verdana}
            h3 { text-shadow: 2px 2px 4px darkblue; color:greenyellow;}
        </Style>
        <script language=JavaScript>
            function on(colore) {
            event.srcElement.style.backgroundColor=colore
            }
        </script>
    </head>

<form id="dati">
    <body background="peri.jpg">
    <fieldset>
        <legend><h3>Anno</h3></legend>
        <select name="anno" >
        <option value="2020" selected="selected">2020 </option>
        <option value="2021">2021 </option>
        <option value="2022">2022 </option>
        <option value="2023">2023 </option>
        <option value="2024">2024 </option>
        <option value="2025">2025 </option>
        <option value="2026">2026 </option>
        <option value="2027">2027 </option>
        <option value="2028">2028 </option>
        <option value="2029">2029 </option>
        <option value="2030">2030 </option>
        <option value="2031">2031 </option>
        <option value="2032">2032 </option>
        <option value="2033">2033 </option>
        <option value="2034">2034 </option>
        <option value="2035">2035 </option>
        </select>
     </fieldset>
     <br>
<fieldset>
    <legend><h3>Mese</h3></legend>
    <select name="mese" >
    <option value="1" selected="selected">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>
    <option value="20"> -- </option>
    </select>
</fieldset>
<br>

<fieldset>
    <legend><h3>Stazione di misura</h3></legend>
    <select name="stz" >
    <option value="stz1" selected="selected">Stazione 1 </option>
    <option value="stz2">Stazione 2 </option>
    </select>
</fieldset>
<!-- Il valore del select si ottiene con "id_del_form.name_del_select.value" per es. dati.stz.value-->

<br>
<form><center><INPUT type=button value=Elabora CLASS=bottone
    onMouseOver="on('red')" onMouseOut="on('blue')"
   onclick="window.open('../frutteto_' + dati.stz.value + '.php','uno')">
</center></form>
<br>
<br>
<form><center><INPUT type=button value=Home CLASS=bottone
     onMouseOver="on('red')" onMouseOut="on('blue')"
     onclick="top.location.reload(1)">
</center></form>

</body>
</form>

</html>
Così com'è mi apre la pagina nel frame "uno" che è quello centrale con la tabella dei dati relativi alla stazione che ho scelto erchè costruisco il nome della pagina, il problema è che non so come passare i parametri al file PHP per eseguire poi la query filtrando l'anno e il mese scelto.

Spero di essere stato abbastanza chiaro e ringrazio anticipatamente per l'aiuto.