Forum PHP.pl

Witam wszystkich forumowiczów, w pierwszym poście chciałbym się serdecznie przywitać i poprosić o pomoc.

Chce aby treść z bazy danych wyświetlił się w oznaczonym przeze mnie Div'ie

MySQL | PLIK | WYNIK
dane | index.php | wyświetlenie danych w pliku index.php do div'a o ID="tekst"

Nie mam bladego pojęcia jak to napisać. Znam PHP ale nie bardzo JS oraz AJAX. Może ktoś mi podpowiedzieć jak to napisać?

Pozdrawiam.

Ten post edytował morfineusz 13.07.2013, 16:27:11

Witaj na forum.

Jak? Przede wszystkim dobrze. Nie jest to dział w którym ktoś przedstawi Ci gotowe rozwiązanie, możemy jedynie pomóc co nieco.

Przede wszystkim, jesteś pewien, że potrzebujesz do tego JS+Ajax? W którym momencie chcesz by treść z bazy danych pojawiła się w tym divie? Jak użytkownik coś kliknie? Chcesz by odbywało się to bez przeładowania strony? Jeśli tak to wtedy rzeczywiście Ajax.

A jeśli nie, to poczytaj sobie o mysqli, bądź PDO w manualu.
http://php.net/manual/en/book.mysqli.php
http://php.net/manual/en/book.pdo.php

Dziękuję bardzo za te linki na pewno przeczytam. Nie szukam gotowego rozwiązania, chce się czegoś nauczyć, potrzebuje tylko naprowadzenia czego muszę użyć.

Może powiem dokładnie o co mi chodzi. Mam swój system CMS ale chce wprowadzić pewne zmiany.

w pliku config.php (plik jest includowany na samej górze strony) chce aby był skrypt który wyświetli mi elementy menu w odpowiednim divie.

W bazie danych mam zapisane menu: ID | NAZWA | TYTUŁ | TRESC

po kliknięciu na element z menu wysyłam zapytanie do bazy aby w divie o id="tekst" wyświetlił mi treść strony o ID = 1 (np)

Na dzień dzisiejszy includuje dwa pliki. Pierwszy plik w divie o id="menu", drugi zaś plik w divie o id="tresc" Chce te dwa pliki połączyć w jeden includowany na samej górze strony.

Pokaż może kawałek kodu, jak to obecnie wygląda? Jeśli chcesz by odbywało się to bez przeładowania (wczytanie treści do diva), to tak jak wspomniałem wyżej - Ajax. A żeby uprościć nieco sprawę użyj biblioteki jQuery, pójdzie szybciej, niż pisanie w czystym JS:
http://api.jquery.com/jQuery.ajax/
Wysyłaj pobrane z bazy dane jako obiekt json (funkcja json_encode), co ułatwi późniejszą obróbkę w JS (ponieważ otrzymasz tablicę).

Natomiast jeśli dopuszczasz przeładowanie strony, to chyba wiesz jak odczytać dane z bazy za pomocą PHP? Czy nie?

Jak najbardziej, dopuszczam przeładowanie strony. Tak, wiem jak odczytać dane z bazy danych, jak najbardziej. Nie wiem tylko jak skierować te dane do np. skryptu JS albo AJAX :/

Dodatkowo chciałem serdecznie podziękować za podesłanie informacji na temat PDO - z pewnością zacznę stosować bibliotekę PDO.

Skrypt który chce przerobić:

[PHP] pobierz, plaintext 
<script type="text/javascript">
window.onload = function(){displayText();}
function displayText()
{
document.getElementById('menu').innerHTML = "pobranie menu z bazy dancyh lub załadowanie skryptu PHP";
document.getElementById('text').innerHTML = "wyświetlenie tekstu po kliknęciu w link z menu";
}
</script>
[PHP] pobierz, plaintext 

Ten post edytował morfineusz 13.07.2013, 17:54:25

A jak kod menu wygląda? Bo coś mi się wydaje, że Twój skrypt JS może być niepotrzebny.

Mój kod do ładowania menu wygląda tak:

[PHP] pobierz, plaintext 
<ul>
<?php
		$sql = 'SELECT * FROM `cms_site_menu` ORDER BY `poz` ASC';
		$result = mysql_query($sql);
 
			while ($row = mysql_fetch_array ($result, MYSQL_NUM)) 
			{	
				if($row[4]==1)
					{
						$id=mysql_query("SELECT `id` FROM cms_site_menu WHERE `name`=".$row[1]."");
						echo '<li><a href="?p='.$id.'&t='.$row[3].'" class="tip" title="'.$row[2].'" >'.$row[1].'</a></li>';
					}	
			}
?>
</ul>
[PHP] pobierz, plaintext 

Najprostsze rozwiązanie (jeśli chodzi o przekazywanie zmiennych PHP do JS) wygląda tak:

[PHP] pobierz, plaintext 
<script type="text/javascript">
window.onload = function(){displayText();}
function displayText()
{
document.getElementById('menu').innerHTML = "pobranie menu z bazy dancyh lub załadowanie skryptu PHP";
document.getElementById('text').innerHTML = "<?php echo $wiersz_pobrany_z_bazy; ?>";
}
</script>
[PHP] pobierz, plaintext 

Przydałby się jednak cały kod, bo nie do końca łapię co chcesz osiągnąć, za pomocą JS. Skoro elementy menu masz już pobrane, link masz pobrane, to wystarczy, że po kliknięciu wczytasz odpowiednią zawartość z bazy danych. Jakie tutaj ma mieć jeszcze zastosowanie JS? Natomiast jeśli idzie o załadowanie całości w jednym pliku, to zwyczajnie, zamiast wyświetlać zawartość przypisz ją do zmiennej:

[PHP] pobierz, plaintext 
<?php
$menu = '<ul>';
 
		$sql = 'SELECT * FROM `cms_site_menu` ORDER BY `poz` ASC';
		$result = mysql_query($sql);
 
			while ($row = mysql_fetch_array ($result, MYSQL_NUM)) 
			{	
				if($row[4]==1)
					{
						$id=mysql_query("SELECT `id` FROM cms_site_menu WHERE `name`=".$row[1]."");
						$menu .= '<li><a href="?p='.$id.'&t='.$row[3].'" class="tip" title="'.$row[2].'" >'.$row[1].'</a></li>';
					}	
			}
 
$menu .= '</ul>';
?>
[PHP] pobierz, plaintext 

I teraz nic nie stoi na przeszkodzie, by ową zmienną wywołać w dowolnym miejscu strony.

[PHP] pobierz, plaintext 
<?php
include('plik_z_menu.php');
?>
<body>
jakas sobie tresc
a tutaj chce miec menu
<?php echo $menu; ?>
[PHP] pobierz, plaintext 

Bardzo pomocny post oraz kod! Na pewno przyda mi się w rozwiązaniu problemu.

Dokładnie co chce osiągnąć:

Teraz ładowanie menu oraz tekstu wygląda tak:

[PHP] pobierz, plaintext 
<html>
  <head>
 
  </head>
  <body>
 
     <div id="menu">
         <?php include(menu.php); ?>
     </div>
 
     <div id="text">
         <?php include('text.php'); ?>
     </div>
 
  </body>
</html>
[PHP] pobierz, plaintext 

plik menu.php:

[PHP] pobierz, plaintext 
<ul>
<?php
		$sql = 'SELECT * FROM `cms_site_menu` ORDER BY `poz` ASC';
		$result = mysql_query($sql);
 
			while ($row = mysql_fetch_array ($result, MYSQL_NUM)) 
			{	
				if($row[4]==1)
					{
						$id=mysql_query("SELECT `id` FROM cms_site_menu WHERE `name`=".$row[1]."");
						echo '<li><a href="?p='.$id." class="tip" title="'.$row[2].'" >'.$row[1].'</a></li>';
					}	
			}
?>
</ul>
[PHP] pobierz, plaintext 

plik text.php

[PHP] pobierz, plaintext 
echo $text="SELECT `data` FROM `cms_site_menu` WHERE `id`=".$_GET['p']."";
[PHP] pobierz, plaintext 

Chce aby wyglądało to tak:

[PHP] pobierz, plaintext 
<html>
  <head>
       <?php include(ladowanie.php); ?>
  </head>
  <body>
 
     <div id="menu">
 
     </div>
 
     <div id="text">
 
     </div>
 
  </body>
</html>
[PHP] pobierz, plaintext 

a w pliku ladowanie.php skrypt który przekazuje menu do div'a id="menu" a potem tekst do div'a id="text". Pokombinuje z tym kodem co mi podesłałeś mam nadzieje że coś z tego wyjdzie.

Problem został rozwiązany! Dziękuje wszystkim za pomoc z tym skryptem, okazał się łatwiejszy niż przypuszczałem. Poniżej wklejam gotowy kod:

[PHP] pobierz, plaintext 
 
<?php
//Łączeni z bazą danych.
			@mysql_connect('localhost', 'root', '')
			or die('Brak połączenia z serwerm MySQL!');
			@mysql_select_db('cms_db')
			or die('Nie można połączyć się z wybraną bazą danych!');
 
//Pętla wczytywania menu z bazy danych i przekazanie do zmiennej.
 
$poczatek = '<ul>';
 
		$sql = 'SELECT * FROM `cms_site_menu` ORDER BY `poz` ASC';
		$result = mysql_query($sql);
 
			while ($row = mysql_fetch_array ($result, MYSQL_NUM)) 
			{	
 
 
						$id=mysql_query("SELECT * FROM cms_site_menu");
						$srodek .= '<li><a href="?p='.$row[0].'" class="tip" title="'.$row[2].'" >'.$row[1].'</a></li>';
 
			}
 
$koniec .= '</ul>';
 
 
$final = "".$poczatek.$srodek.$koniec.""; //WAŻNE ŻEBY ZMIENNA BYŁA W CUDZYSŁOWACH (musi zostać zapisana jako string, inaczej JS nie wyświetli zmiennej). 
?>
 
<script type="text/javascript">
window.onload = function(){
document.getElementById('menu').innerHTML = "<?php echo $final;?>";
}
</script>
 
	<div id="menu">
 
	</div>
[PHP] pobierz, plaintext