Forum PHP.pl

Forum PHP.pl > Forum > Przedszkole

Reply to this topic

Start new topic

[PHP][MySQL][JavaScript]Tworzenie dynamicznej tabeli zapisów

matijenko Zobacz profil	5.11.2017, 11:47:55 Post #1
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 31.10.2017 Ostrzeżenie: (0%)	Witam. Moim celem jest stworzenie planu dnia w formie dynamicznej tabeli. Chciałbym aby użytkownik klikając w daną komórkę mógł zapisać się na daną godzinę i dany dzień. Niestety nie wiem jak się za to konkretnie zabrać. Mam stworzoną tabelę w HTML-u. Czy mógłby ktoś podpowiedzieć jakie kroki mam dalej podjąć? Za co się wziąć itp.? [HTML] pobierz, plaintext <!DOCTYPE HTML> <html lang="pl"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <link rel="stylesheet" href="tabela.css" type="text/css"/> </head> <body> <table align="center" border="2" cellpadding="10"> <caption><h1 class="opis" >Plan dnia Moli</h1></caption> <tr> <th> <img src="img/moli.jpg" width="150px" height="120px"/> </th> <th>Poniedziałek</th> <th>Wtorek</th> <th>Środa</th> <th>Czwartek</th> <th>Piątek</th> </tr> <tr> <th>Godzina 8-10</th> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> </tr> <tr> <th>Godzina 10-12</th> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> </tr> <tr> <th>Godzina 12-14</th> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> </tr> <tr> <th>Godzina 16-18</th> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> </tr> <tr> <th>Godzina 18-20</th> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> <td align="center">...</td> </tr> </table> </body> </html> [HTML] pobierz, plaintext

trzczy Zobacz profil	5.11.2017, 12:23:08 Post #2
Grupa: Zarejestrowani Postów: 460 Pomógł: 49 Dołączył: 5.06.2011 Ostrzeżenie: (0%)	contenteditable js event typu input ajax php

matijenko Zobacz profil	5.11.2017, 12:32:38 Post #3
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 31.10.2017 Ostrzeżenie: (0%)	Można coś więcej na ten temat?

viking Zobacz profil	5.11.2017, 13:10:25 Post #4
Grupa: Zarejestrowani Postów: 6 380 Pomógł: 1116 Dołączył: 30.08.2006 Ostrzeżenie: (0%)	https://developer.mozilla.org/en-US/docs/We...ditable_content https://prophp.pl/article/28/propagacja_i_d...en_w_javascript https://prophp.pl/advice/show/20/pierwsze_k..._i_czym_jest%3F http://php.net/

Malukaz Zobacz profil	6.11.2017, 15:19:12 Post #5
Grupa: Zarejestrowani Postów: 77 Pomógł: 4 Dołączył: 16.04.2009 Ostrzeżenie: (10%)	musisz to javascriptem obsłużyć, obecnie twój poziom wiedzy wskazuje na spore braki w tym temacie, polecam na początek ( mimo iż nie powinienem bo to badziew ) nauczyć sie jQuery

marekgolan Zobacz profil	6.11.2017, 16:14:16 Post #6
Grupa: Zarejestrowani Postów: 6 Pomógł: 1 Dołączył: 29.10.2017 Ostrzeżenie: (0%)	Ew możesz użyć gotowca. Ja sobie np chwale ten skrypt: http://preview.codecanyon.net/item/ajax-fu...preview/3985692

matijenko Zobacz profil	7.11.2017, 16:48:42 Post #7
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 31.10.2017 Ostrzeżenie: (0%)	Próbuję ale coś niestety nie wychodzi. Stworzyłem co nie co, ale zero efektów. W kodzie istnieje na pewno wiele błędów (IMG:style_emoticons/default/sciana.gif) Czy mógłby ktoś powiedzieć dlaczego nie zapisuje mi danych w bazie, gdzie istnieją błędy i jak je rozwiązać oraz czego brakuje? Poniżej widnieje kod z pliku connect1.php i inne pliki. Kod <?php $host ="localhost"; $db_user ="root"; $db_password =""; $db_name ="panellogowania"; $db = mysqli_connect($host, $db_user, $db_password, $db_name); if (mysqli_connect_errno()) { echo 'Błąd'; } else { } ?> [HTML] pobierz, plaintext <!DOCTYPE HTML> <html lang="pl"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <title> Schronisko 4steps </title> <meta name="keywords" content="psy, opieka, schronisko, karma, wyżywienie, radość" /> <script src="/js/jquery-1.11.1.min.js"></script> <script src="/js/skrypt.js"></script> <link rel="stylesheet" href="tabela.css" type="text/css"/> <link href="https://fonts.googleapis.com/css?family=Great+Vibes\|Modak\|Nosifer\|Open+Sans\|Revalia\|Ribeye+Marrow\|Roboto\|Work+San s&subset=latin-ext" rel="stylesheet"> </head> <body> <table align="center" border="1" cellpadding="10"> <caption><h1 class="opis" >Plan dnia Moli</h1></caption> <tr> <th> <img src="img/moli.jpg" width="150px" height="120px"/> </th> <th>Poniedziałek</th> <th>Wtorek</th> <th>Środa</th> <th>Czwartek</th> <th>Piątek</th> <th>Sobota</th> <th>Niedziela</th> </tr> <tr> <th>Godzina 8-10</th> <td align="center" bgcolor="#36b03c" id="btn" class="btn btn-primary"> </td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> </tr> <tr> <th>Godzina 10-12</th> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> </tr> <tr> <th>Godzina 12-14</th> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> </tr> <tr> <th>Godzina 16-18</th> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> </tr> <tr> <th>Godzina 18-20</th> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> <td align="center" bgcolor="#36b03c">...</td> </tr> </table> <a href="#"><input type="button" value="Poprzedni"/></a> <a href="#"><input type="button" value="Następny"/></a> <script src="js/scripts.js"></script> </body> </html> [HTML] pobierz, plaintext [PHP] pobierz, plaintext <?php require_once('connect1.php'); $nick = $_POST['nick']; function filtrowanie($zmienna) { $zmienna = trim($zmienna); $zmienna = stripcslashes($zmienna); $zmienna = htmlspecialchars($zmienna); return $zmienna; } $wartosc_z_listy_post=$_POST['klucz_ajax']; $wartosc_z_listy_post_filtr=filtrowanie($wartosc_z_listy_post); $pobierz_usera = ("SELECT id FROM uzytkownicy WHERE user='$nick'"); $wynik_pobierz = mysqli_query($db, $pobierz_usera); $zapytanie_wyslij = "INSERT INTO zapisy VALUES ('$nick','$imie_psa','$data','$godzina')"; $wynik_wyslij = mysqli_query($db, $zapytanie_wyslij); ?> [PHP] pobierz, plaintext Kod $('#btn').click(function onBtnClick() { var btn = $('#lista').val(); $.ajax({ type:"POST", url: "wyslij.php", data: {klucz_ajax:btn}, success: function onBtnClick() { alert('Zapisałeś się na termin!'); btn.style.backgroundColor = 'red'; btn.removeEventListener('click', onBtnClick) $("#btn").attr("disabled", true); }, btn.addEventListener('click', onBtnClick); error: function onBtnClick(blad) { alert("Wystąpił błąd"); console.log(blad); } }); });

« Następny starszy · Przedszkole · Następny nowszy »

Reply to this topic

Start new topic

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

Aktualny czas: 23.08.2025 - 22:14

Powered By IP.Board © 2025 IPS, Inc.
All changes by PHP.pl Administrators

Hosting zapewnia

NQ.pl hosting, trac, svn