[HTML][MySQL][PHP]Formularz z wcześniejszym wyborem kategorii. Opcje

[brzanek]

Witam robię dodatek na swoją stronę a mianowicie możliwość dodawania ikonek na mapę google.
Przedstawię jak to wygląda.
Mam formularz zgłoszeniowy http://pogoda-zachodniopomorskie.pl/zjawiska/new.php
Tam dodaje się nowe zdarzenia. Wszystkie dane wędrują do bazy sql na moim serwerze a potem za pomocą skryptu zgodnie z podanymi współrzędnymi wyświetlają się na mapie w tym miejscu http://pogoda-zachodniopomorskie.pl/zjawiska/index.html
Problem w tym że chcę tam dodać kilka kategorii typu: grad, opady, wiatr, trąba itp każda z kategorii będzie musiała mieć inne pola w formularzu ale aby wędrowało wszystko do jednej bazy danych bo inaczej nie będzie można pobierać wszystkiego do mapy.
Wybór ikonki następuje w formularzu gdzie mogła by być kategorią.
Jak zrobić aby najpierw była możliwość wyboru kategorii (odrazu ikony) a potem aby na dole pojawił się formularz z odpowiednimi polami.
Mam nadzieję że wytłumaczyłem o co mi chodzi.
Przedstawiam kod formularza.

[PHP] pobierz, plaintext 
<?php
if(isset($_POST["submit"])) {
include ("db.php");
 
$dzien = $_POST['dzien'];
$godzina = $_POST['godzina'];
$intensywnostmin = $_POST['intensywnostmin'];
$lat = $_POST['lat'];
$lng = $_POST['lng'];
$flaga = $_POST['flaga'];
$miejsce = $_POST['miejsce'];
$add = mysql_query("INSERT INTO mroz(dzien, godzina, intensywnostmin, lat, lng, flaga, miejsce) VALUES('$dzien', '$godzina', '$intensywnostmin', '$lat','$lng','$flaga','$miejsce')");
 
 
if ($add) {
echo '<p>Dodano do bazy</p><br>';
echo '<p><a href="http://pogoda-zachodniopomorskie.pl/zjawiska/index.html">Przejdz do mapy</a></p>';
} else {
echo mysql_error(); echo '<p>Błąd! Spróbuj ponownie</p>';
}
} else {
?>
 
 
<!-- kod formularza-->
<form action="new.php" method="post">
<table>
<tr>
<td align="right">Data w formie (18.05.2014) </td>
<td><input type="text" name="dzien" style="width: 200px"></td>
</tr>
<tr>
<td align="right">Godzina w formie (18:12) </td>
<td><input type="text" name="godzina" style="width: 200px"></td>
</tr>
<tr>
<td align="right">Najniższa temperatura w formie (-22) </td>
<td><input type="text" name="intensywnostmin" style="width: 50px"></td>
</tr>
<tr>
<td align="right">Długość geograficzna w przedziale (52.581122 - 54.599999) </td>
<td><input type="text" name="lat" style="width: 200px"></td>
</tr>
<tr>
<td align="right">Szerokość geograficzna w przedziale (14.051234 - 17.023456) </td>
<td><input type="text" name="lng" style="width: 200px"></td>
</tr>
<tr>
<td align="right">ikona (www.pogoda-zachodniopomorskie.pl/images/opady.png</td>
<td><select name="flaga" size="1">
<option>opady</option>
<option>grad</option>
<option>traba</option>
</select></td>
</tr>
<tr>
<td align="right">miejsce </td>
<td><input type="text" name="miejsce"></td>
</tr>
 
<tr>
<td colspan="2" align="right">
<input type="submit" name="submit" value="Wyślij" /></td>
</tr>
</table>
</form>
 
<?php
}
?>
[PHP] pobierz, plaintext 

[tzm]

Podobny problem miałem kiedyś jak pisałem gierke ..
Najpierw musiałem wybrać klase postaci i potem dopiero ustalać jakieś inne parametry.
Ogólnie podzieliłem stronę na step1 i step2.
Na pierwszej wybierałem klasę i w tablicy sesji zapisywałem wynik który potem przenosiłem dalej, dalej wybierałem odpowiednie parametry i w step3 wszystko z tablicy sesji zapisywałem do bazy danych.
W sumie rozwiązanie dobre. Ewentualnie GET dałby radę no ale wiadomo że przy formularzach lepiej POST'a używać.

Edit: poza tym to sobie zabezpiecz bo cuda się dzieją

Ten post edytował tzm 27.08.2014, 08:02:53

[brzanek]

tzm możesz podać jakiś namiar na taki kod myślę że to by mi wystarczyło.
Chyba że jest jakiś inny na to sposób. Może cos z js?

[tzm]

niestety nie mam, to dawno bylo. czego nie rozumiesz to wyjasnie.

[brzanek]

Jak podzielić stronę na step1 i step2 i kolejne
Przypominam że wszystko musi odbyć się w jednym pliku
http://pogoda-zachodniopomorskie.pl/zjawiska/new.php
Bo wszystko zapisuje się do jednej bazy danych do jednej tabeli
W kolejnych step1 będą jakieś pola do wypełnienia a w kolejnym step2 jeszcze inne - rozumiesz?

[tzm]

switch($_GET['page'])

i robisz w linki ?page=step1/2/3

tylko nawet lepiej jak będziesz miał ?page=1/2/3 i potem sprawdzał czy $_GET['page'] to (int)

[nospor]

Przypominam że wszystko musi odbyć się w jednym pliku
http://pogoda-zachodniopomorskie.pl/zjawiska/new.php
Bo wszystko zapisuje się do jednej bazy danych do jednej tabeli

To, że wszystkjo zapisywac ma sie w jednej tabeli w żaden sposób nie powoduje, że ma sie wykonywać w jednym pliku... Ot taka luźna dygresja

[tzm]

To, że wszystkjo zapisywac ma sie w jednej tabeli w żaden sposób nie powoduje, że ma sie wykonywać w jednym pliku... Ot taka luźna dygresja

jasne że może być w wielu plikach i zapisywać do jednej tabeli, tylko po co w sumie? jak przemyśli kod to faktycznie można to upchać bez burdelu do jednego pliku. ot taka pojedyńcza klasa.

[nospor]

Chciałem jedynie poprawić jego błędny tok myślenia. Nie mowie że tak należy robić. Mowie jedynie, ze jego założenie jest błędne. Lepiej mu to powiedziec teraz niz przez kolejne 5 lat ma żyć w tym mylnym przeświadczeniu.

[brzanek]

Zrobiłem coś takiego.

[PHP] pobierz, plaintext 
<?php
 
if(!isset($_GET['act']))
{
   $_GET['act'] = 'index';
}
switch($_GET['act'])
{
   case 'dod':
      echo 'Jak nie damy komendy "break", to pokaże nam się też...<br/>';
   case 'dodaj':
 
 
    if(isset($_POST["submit"])) {
    include ("db.php");
 
    $dzien = $_POST['dzien'];
    $godzina = $_POST['godzina'];
    $intensywnostmin = $_POST['intensywnostmin'];
    $lat = $_POST['lat'];
    $lng = $_POST['lng'];
    $flaga = $_POST['flaga'];
    $miejsce = $_POST['miejsce'];
    $add = mysql_query("INSERT INTO mroz(dzien, godzina, intensywnostmin, lat, lng, flaga, miejsce) VALUES('$dzien', '$godzina', '$intensywnostmin', '$lat','$lng','$flaga','$miejsce')");
 
 
 
    if ($add) {
    echo '<p>Dodano do bazy</p><br>';
    echo '<p><a href="http://pogoda-zachodniopomorskie.pl/zjawiska/index.html">Przejdz do mapy</a></p>';
    } else {
    echo mysql_error(); echo '<p>Błąd! Spróbuj ponownie</p>';
    }
    } else {
    echo '<form action="new.php" method="post">
    <table>
    <tr>
    <td align="right">Data w formie (18.05.2014) </td>
    <td><input type="text" name="dzien" style="width: 200px"></td>
    </tr>
    <tr>
    <td align="right">Godzina w formie (18:12) </td>
    <td><input type="text" name="godzina" style="width: 200px"></td>
    </tr>
    <tr>
    <td align="right">Najniższa temperatura w formie (-22) </td>
    <td><input type="text" name="intensywnostmin" style="width: 50px"></td>
    </tr>
    <tr>
    <td align="right">Długość geograficzna w przedziale (52.581122 - 54.599999) </td>
    <td><input type="text" name="lat" style="width: 200px"></td>
    </tr>
    <tr>
    <td align="right">Szerokość geograficzna w przedziale (14.051234 - 17.023456) </td>
    <td><input type="text" name="lng" style="width: 200px"></td>
    </tr>
    <tr>
    <td align="right">ikona (www.pogoda-zachodniopomorskie.pl/images/opady.png</td>
    <td><select name="flaga" size="1">
    <option>opady</option>
    <option>grad</option>
    <option>traba</option>
    </select></td>
    </tr>
    <tr>
    <td align="right">miejsce </td>
    <td><input type="text" name="miejsce"></td>
    </tr>
    <tr>
    <td colspan="2" align="right">
    <input type="submit" name="submit" value="Wyślij" /></td>
    </tr>
    </table>
    </form>';
    }
	case 'wiatr':
      echo 'Usuwanie danych';
      break;
	case 'edytuj':
      echo 'Edycja danych';
      break;
   case 'usun':
      echo 'Usuwanie danych';
      break;
   default:
 
	  echo '<p><a href="?act=dodaj">Dodaj grożne zjawisko - opady</a></p>';
	  echo '<p><a href="?act=wiatr">Dodaj grożne zjawisko - wiatr</a></p>';
}	
    ?>
[PHP] pobierz, plaintext 

Czy coś takiego może być?

Dobra zrobiłem już podział i odpowiada mi to, ale napotkałem kolejny problem jak można pobrać współrzędne z mapy google i po kliknięciu w odpowiednie miejsce na mapie współrzędne dodawały się do odpowiedniego pola w formularzu?
Tu jest formularz http://pogoda-zachodniopomorskie.pl/zjawiska/grad.php w polach
Długość geograficzna w przedziale (52.581 - 54.599) *
Szerokość geograficzna w przedziale (14.051 - 17.023) *
Powinny pojawić się automatycznie współrzędne po kliknięciu na mapie. Mapa otwierała by się w nowym oknie.
Macie jakiś na to pomysł?

[nospor]

Google Maps ma swoje API oraz dokuementacje wraz z przykładami jak to się robi...
Zacznij wpierw od wstawienia google maps do tego forma.

[brzanek]

Ok dodałem linka do mapy. Mapa otwiera się w nowym oknie ale jak teraz zastosować te API aby wysiągnąć (po kliknięciu na mapie) współrzędne oraz aby dodały się w odpowiednich polach formularza?
Tak wygląda kod ze stronę mapa.html

[HTML] pobierz, plaintext 
<html>
  <head>
    <title>Asynchronous Loading</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script>
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(53.5664142, 15.7379150)
  };
 
  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}
 
function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&' +
      'callback=initialize';
  document.body.appendChild(script);
}
 
window.onload = loadScript;
 
    </script>
  </head>
  <body>
    <div id="map-canvas" style="width: 500px; height: 500px; border: 1px solid black; background: gray;"></div>
  </body>
</html>
[HTML] pobierz, plaintext 

[nospor]

Mapa ma byc na tej samej stronie co formularz.
Od biedy mozesz zrobic popup (window.open) lub jakies okienko modalne.
W przeciwnym wypadku nie bedziesz mial jak odwolac sie do okna formularza

[brzanek]

Nie mogę sobie poradzić z tą opcją window.open coś mi nie wychodzi. Robiłem to przez generator http://www.kurshtml.edu.pl/skrypty/generator_okien,okno.html skopiowałem kod

[HTML] pobierz, plaintext 
window.open('http://pogoda-zachodniopomorskie.pl/zjawiska/mapa.html', 'mapa', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizab
le=no,fullscreen=no,channelmode=no,width=500,height=500,left=800,top=20')
[HTML] pobierz, plaintext 

Ale coś to nie działa.

Wracam do tego projektu dodałem już mapę na stronie w której chcęaby po kliknięciu na dany punkt na mapie google dodawało tego punktu współrzędne do formularza.
http://pogoda-zachodniopomorskie.pl/infusi..._panel/grad.php
Tak to wygląda
Nie wiem jak teraz zrobić aby pobierało te współrzędne. Może ktoś podpowiedzieć?

Udało mi się zrobić aby pobierało dane z mapy ale mam teraz problem bo nie chcą mi się zapisać te współrzędne do bazy sql.
O to fragment kodu gdzie generowane są współrzędne i powinny być zapisywane do bazy danych.

[HTML] pobierz, plaintext 
<table border="0" cellpadding="0" cellspacing="0" width="750px" align="left">
<tr>
	<td class="tbl" width="490px">Długość geograficzna w przedziale (52.581 - 54.599) <b>*</b></td>
    <td class="tbl" width="260px" id="LatLong" name="lat"></td>
</tr>
</table>
[HTML] pobierz, plaintext