Połączenie PHP z JS Opcje

[klakier1991]

Witam,
Z góry piszę, że jestem początkujący zacząłem przygodę z PHP około 3tyg temu.
Stworzyłem galerię w PHP i teraz chciałbym użyć jakiejś galerii z JavaScriptu.
Niestety napotkałem na problem mianowicie, Galeria z .JS wczytuje zdjęcia na sztywno a ja chciałbym by były pobierane dynamicznie z
galerii stworzonej już wcześniej w PHP lub z bazy danych.
Galeria w PHP wygląda tak, że z bazy danych pobiera wszystkie odnośniki do zdjęć danego użytkownika i wypisane są za pomocy pętli.

[PHP] pobierz, plaintext 
for ($i=0; $i <$num_results; $i++)  {  
	$row = mysql_fetch_array($result); 
 
	$photolocation = 'http://www.raceonline.cba.pl/images/'.$id.'/'.$row['cover'];
 
	$photo = "<img src='$photolocation'  />";
 
	print " "; 
 
 
print $photo;
 
}
[PHP] pobierz, plaintext 

$id = id użytkownika
$row['cover'] = odnośnik do zdjęcia np. 23.jpge

a JavaScript wygląda tak

var JaS = {
// Customization parameters
imagePath : "pictures/",
images : [

["1.jpg", "Bat bridge in Austin", "Bridge"],
["2.jpg", "Blossoming tree", "Tree"],
["3.jpg", "Bat bridge from below", "Bridge"],
["4.jpg", "Birds", "Birds"]

],

Chciałbym stworzyć galerię JS by była dynamiczna w zależności na jakiego użytkownika się wchodzi stąd moje pytanie czy takie coś jest możliwe.
Podejrzewam, że trzeba jakoś zaincludować PHP do JS lub na odwrót.
Proszę o jakieś wskazówki z góry dzięki.

[CuteOne]

Mały przykład:

[PHP] pobierz, plaintext 
<?php
 
$img = 'image.jpg';
 
echo '<script type="text/javascript">
                var img = "images/'.$img.'";
                alert(img);
      </script>';
?>
[PHP] pobierz, plaintext 

Ten post edytował CuteOne 19.05.2011, 14:17:33

[klakier1991]

Przeczytałem kilka postów na ten temat ale żaden nie był do końca opisany.
Mogli byście mnie naprowadzić jak zrobić by zmienna z PHP została odczytana w pliku .js
Próbowałem pokombinować ale w ogóle nie znam się na języku JavaScript.
Z tego co przeczytałem to z PHP wysyłam zmienną do pliku po przez:

[PHP] pobierz, plaintext 
echo "<script type="text/javascript"></script>
[PHP] pobierz, plaintext 

ale gdzie wpisuje nazwę do jakiego pliku podejrzewam że tak:

[PHP] pobierz, plaintext 
echo "<script type="text/javascript src="gdzies.js"></script>
[PHP] pobierz, plaintext 

Ale nie mam zielonego pojęcia jak odebrać i wyświetlić tą zmienną w pliku .js
Nie prosił bym o pomoc gdybym znał coś z języka JS dopiero jestem w trakcie uczenia PHP.

Ten post edytował klakier1991 19.05.2011, 19:15:11

[kulmen]

Po pierwsze języki PHP i javascript to byty z dwóch różnych planet - PHP działa wyłącznie po stronie serwera javascript po stronie klienta. Dlatego nie istnieje możliwość bezpośredniego przekazywania sobie zmiennych przez te języki. Jednak dzięki temu, że PHP generuje po prostu kod do wyświetlenia przez przeglądarkę, jak również dzięki temu, że javascript może wywołać dowolny adres, istnieją pewne formy komunikacji. Ale na pewno nie możesz zrobić jednej rzeczy - do pliku javascript nie da się przekazać czegokolwiek z PHP. W drugą stronę OK - możesz w pliku PHP wygenerować kod javascript. W pliku js masz:

var JaS = {
// Customization parameters
imagePath : "pictures/",
images : [

["1.jpg", "Bat bridge in Austin", "Bridge"],
["2.jpg", "Blossoming tree", "Tree"],
["3.jpg", "Bat bridge from below", "Bridge"],
["4.jpg", "Birds", "Birds"]

],
....
}

czyli obrazki znajdują się w własności images obiektu JaS. Zatem w pliku PHP możesz wygenerować kod javascript zmieniający tą własność np:

[PHP] pobierz, plaintext 
<script type="text/javascript">
JaS.images = [ <?php foreach($obrazki as $o): ?> 
["<?php echo $o['nazwa_pliku']; ?>", "<?php echo $o['opis_pliku']; ?>", "<?php echo $o['atrybut_alt']; ?>"],
<?php endforeach; ?>
];
[PHP] pobierz, plaintext 

Gdzie $obrazki to dwuwymiarowa tablica PHP zawierająca nazwy, opisy itp. obrazków, które chcesz wyświetlić. Aby nie komplikować kodu darowałem sobie sprawdzanie czy jest to ostatni element tablicy, Ty jednak musisz to zrobić bo wygenerowany kod będzie miał postać:

["aaa1","bbb1", "ccc1"],
["aaa2","bbb2", "ccc2"],
["aaa3","bbb3", "ccc3"],
...

czyli będzie miał przecinek po każdym elemencie tablicy. Tak być powinno poza ostatnim elementem. Jeśli po ostatnim elemencie też będzie przecinek, kod javascript nie będzie Ci działał.

Ten post edytował kulmen 20.05.2011, 11:01:01

[klakier1991]

Wielkie dzięki, pokombinowałem troszkę, zrobiłem tak jak napisałeś ale nie mam pojęcia jak teraz wyświetlić tą galerię mam plik html

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/DTD/strict.dtd">
 
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>JaS - JavaScript Slides</title>
	<script type="text/javascript" src="js/jas.js"></script>
	<style type="text/css">
		@import url("css/jas.css");
	</style>
	<!--[if lt IE 7]>
		<link rel="stylesheet" href="css/ie.css" type="text/css">
	<![endif]-->
</head>
 
<body>
 
	<div id="container">
 
		<h1>JaS</h1>
 
		<div id="jas-frame">
			<div id="jas-tags">
				<h3>Tags:</h3>
				<p>
					<input type="checkbox" id="jas-select-all-tags" checked="checked">
					<label for="jas-select-all-tags">Select all</label>
				</p>
			</div>
			<div id="jas-container">
				<img id="jas-image" src="images/1.jpg" alt="">
				<h2 id="jas-image-text">Bat bridge in Austin</h2>
			</div>
		</div>
 
		<ul id="navigation-controls">
			<li><a id="previous-image" href="index.htm">Previous</a></li>
			<li id="image-counter">1 / 12</li>
			<li><a id="next-image" href="index.htm">Next</a></li>
			<li class="slideshow-item">
				<a id="start-slideshow" href="index.htm">Start slideshow</a>
				<a id="stop-slideshow" href="index.htm">Stop slideshow</a>
			</li>
		</ul>
 
</body>
</html>
[HTML] pobierz, plaintext 

i nie mam pojęcia jak to połączyć przydały by się jakieś wskazówki

Ten post edytował klakier1991 21.05.2011, 14:33:35

[everth]

Po pierwsze języki PHP i javascript to byty z dwóch różnych planet - PHP działa wyłącznie po stronie serwera javascript po stronie klienta

Ehe, źródła poproszę.

@klakier1991
Zakoduj to funkcją json_encode() i osadzaj bezpośrednio w JS. JSON to praktycznie kod JS. Nie będziesz musiał użerać się z przecinkami i klamrami.