[JavaScript][MySQL][PHP]Cookie z wyborem w select i pobieranie danych z MYSQL Opcje

[brzanek]

Witam w bazie danych mysql mam dane o odpowiednich id.
Zanim je pobiorę chcę aby po wejściu na stronę w osobnym oknie pojawił się mały formularz z wyborem select. Wybór ten zapisuje się w ciasteczku i pamięta to przez np. rok. Wybór w formularzu powodował by pobieranie odpowiednich danych o jakimś id z bazy danych.
Mam nadzieję, że jakoś to wytłumaczyłem.
Jak narazie mam coś takiego

[PHP] pobierz, plaintext 
<?
 
?>
<select id="ThemeSelect" onchange="saveTheme(this.value);">
    <option value="1">CHOSZCZNO</option>
    <option value="2">SZCZECIN</option>
    <option value="3">KOSZALIN</option>
</select>
<script>
var saveclass = null;
 
function saveTheme(cookieValue)
{
    var sel = document.getElementById('ThemeSelect');
 
    saveclass = saveclass ? saveclass : document.body.className;
    document.body.className = saveclass + ' ' + sel.value;
 
    setCookie('theme', cookieValue, 365);
}
 
function setCookie(cookieName, cookieValue, nDays) {
    var today = new Date();
    var expire = new Date();
 
    if (nDays==null || nDays==0)
        nDays=1;
 
    expire.setTime(today.getTime() + 3600000*24*nDays);
    document.cookie = cookieName+"="+escape(cookieValue) + ";expires="+expire.toGMTString();
}
 
function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') c = c.substring(1, c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  }
  return null;
}
 
document.addEventListener('DOMContentLoaded', function() {
  var themeSelect = document.getElementById('ThemeSelect');
  var selectedTheme = readCookie('theme');
 
  if (selectedTheme) {
    themeSelect.value = selectedTheme;
  }
});
</script>
<?
?>
[PHP] pobierz, plaintext 

Po wyborze ciasteczko zapisuje się ale jak to teraz połączyć z bazą danych.

[brzanek]

Dalej z tym walczę.
Mam już coś takiego zrobione, że wybiera mi to co chcę ale jak zrobić aby wybór był dokonany bez ponownego przeładowania strony.
Mam taki kod

[PHP] pobierz, plaintext 
<?
include('db.php');
?>
<style>
.goraods {
	padding-top: 15px;
}
.goraodsm {
	padding-top: 3px;
}
.goraodsd {
	padding-top: 20px;
}
.goraodsd10 {
	padding-top: 10px;
}
.lewyods {
	padding-left: 15px;
}
.odstgora {
	font-size: 22px;
}
.opady {
	color: #1d4974;
}
.odsteplewy {
	padding-left: 15px;
}
</style>
 
<?
// czy formularz został przesłany i czy wybrana została nazwa_miasta
if(isset($_POST['formularz']) && isset($_POST['nazwa_miasta']))
{
$nazwa_miasta = $_POST['nazwa_miasta'];
// ustawiamy ciastko o nazwie 'miasto' z wartością $nazwa_miasta, ważne przez 60 sekund
setcookie('miasto', $nazwa_miasta, time()+60);
}
// jeśli ciastko 'miasto' istnieje
if(isset($_COOKIE['miasto']))
{
$miastoArray2=array(
'1' => 'CHOSZCZNO',
'2' => 'SZCZECIN',
'3' => 'KOSZALIN',
'4' => 'ŚWINOUJŚCIE',
); 
 
 // wyświetl miasto z ciastka
$result = $mysqli->query("SELECT * FROM obecnie WHERE id_miasto =" . $_COOKIE['miasto'] . " ORDER BY id ASC LIMIT 1");
while ( $row = mysqli_fetch_array($result) ) {
echo '<div class="row text-center">';
	echo "<div class='col-md-12 odstgora'>".$miastoArray2[($row['id_miasto'])]."</div>";
echo '</div>';	
echo '<div class="row goraodsd10">';
 
echo '</div>';	
	echo '<h1 class="text-center">'.$row['temperature'].'&deg; <i class="wi wi-forecast-io-'.$row['icon'].'" data-toggle="tooltip" data-placement="top" title="'.$row['summary'].'"></i></h1>';
echo '<div class="row goraods">';
  echo '<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"><i class="wi wi-raindrops opady" title="Prawdopodobieństwo opadów"></i> '.$row['precipProbability'].'%</div>';
  echo '<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><i class="wi wi-umbrella opady" title="Suma opadów"></i> '.$row['precipIntensity'].'mm</div>';
  echo '<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>';
echo '</div>';
echo '<div class="row goraodsm">';
  echo '<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"><i class="wi wi-humidity" title="Wilgotność"></i> '.$row['humidity'].'%</div>';
  echo '<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><i class="wi wi-strong-wind" title="Porywy wiatru"></i> '.$row['windGust'].'km/h</div>';
  echo '<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>';
echo '</div>';
echo '<div class="row goraodsm">';
  echo '<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><i class="wi wi-barometer" title="Ciśnienie"></i> '.$row['pressure'].'hPa</div>';
  echo '<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"></div>';
  echo '<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>';
echo '</div>';
echo '<div class="row goraodsd">';
  echo '<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="color:red;">Dzisiaj:</div>';
  echo '<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"><i class="wi wi-sunrise" title="Wschód słońca"></i> '.date("H:i", $row['tSunRise']+3600).'</div>';
  echo '<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5"><i class="wi wi-sunset" title="Zachód słońca"></i> '.date("H:i", $row['tSunSet']+3600).'</div>';
echo '</div>';
echo '<div class="row">';
  echo '<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">Temp: </div>';
  echo '<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">max: '.$row['tTempHigh'].'&deg;</div>';
  echo '<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">min: '.$row['tTempLow'].'&deg;</div>';
echo '</div>';
echo '<div class="row">';
  echo '<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">Wiatr: </div>';
  echo '<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">'.$row['tWindSpeed'].'km/h</div>';
  echo '<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">max: '.$row['tWindGust'].'km/h</div>';
echo '</div>';
echo '<div class="row">';
  echo '<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">Opady: </div>';
  echo '<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">mm</div>';
  echo '<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">max: mm</div>';
echo '</div>';
} 
 
}
else
{
 
	?>
<form action="<?php $_SERVER['PHP_SELF'] ?>" method="post">
 
  <div class="form-group">
    <label for="exampleFormControlSelect1">Wybierz miasto</label>
    <select class="form-control" id="exampleFormControlSelect1" name="nazwa_miasta">
  <option value="1">CHOSZCZNO</option>
  <option value="2">SZCZECIN</option>
  <option value="3">KOSZALIN</option>
  <option value="4">ŚWINOUJŚCIE</option>
    </select>
  </div>
<input type="hidden" name="formularz" value="1" />
  <div class="form-group row">
    <div class="col-sm-10">
      <button type="submit" class="btn btn-primary">Zapisz</button>
    </div>
  </div>
</form>
<?
    echo '
</form>';
}
?>
[PHP] pobierz, plaintext 

Adres strony http://www.pogoda-zachodniopomorskie.pl/in...asto_cookie.php
Ciasteczko zapamiętane jest przez 60 sek. Aby po wyborze była widoczna zmiana strony trzeba ponownie ją odświeżyć. Jak to zmienić?

Ten post edytował brzanek 29.01.2019, 20:03:37