Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][AJAX]Losowe zdjęcia pobrane z bazy danych
adrianozo
post 14.10.2010, 13:52:26
Post #1





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----

Witam wszystkich.

Zastanawiam się jak wykonać następujący skrypt.
W pewnym miejscu na stronie chcę, aby wyświetlały się losowo zdjęcia, ale odnośniki do nich pobrane byłyby z bazy danych i zdjęcie miałoby się zmienić na inne dajmy na to po 10 sekundach tylko w tym rzecz, że nie chcę przeładowywać całej strony a tylko wylosować nowe zdjęcie.
Proszę o pomoc. Czego użyć oraz jakich funkcji.

Pozdrawiam smile.gif


--------------------
http://www.nportfolio.pl
Go to the top of the page
+Quote Post
kamil4u
post 14.10.2010, 18:46:35
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----

HTML:
Kod
<img src="#">

JS:
- setInterval
- DOM
-
Kod
el.src = './skrypt.php?'+AKTUALNA_DATA

PHP( skrypt.php ):
- header -> dla pliku PHP
- GD i generowanie obrazka + wyświetlanie go

LUB(co jest bardziej poprawne):
JS:
Kod
el.src = ajax();

- funkcja ajax -> to funkcja, która za pomocą AJAX-u(poczytaj o nim) zwróci odpowiednią ścieżkę
PHP: losowanie z bazy danych + wyświetlanie ścieżki

LUB:
- przy ładowani strony zapisać do tablicy JS wszystkie ścieżki. a nasŧepnie właśnie z tej tablicy losować ścieżkę -
Kod
el.src = tablica[losowa_wartość];


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
adrianozo
post 14.10.2010, 20:46:45
Post #3





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----

Mam takie coś:

[PHP] pobierz, plaintext 
  1. echo '<script type="text/javascript">
  2.     var zdjecia = new Array(
  3.     new Array("obrazek1", "asd1", "http://strona.pl"),
  4.     new Array("obrazek2", "asd2", "http://strona.pl"),
  5.     new Array("obrazek3", "asd3", "http://strona.pl")
  6.     );
  7.     var zdjecie = 0;
  8.     function wyswietlzdj(nr, id)
  9.     {
  10.         document.getElementById(id).innerHTML = \'<a href="\' + zdjecia[nr][2] + \'"><img src="\' + zdjecia[nr][0] + \'" alt="\' + zdjecia[nr][1] + \'"></a>\';
  11.     }
  12.     function kolejnezdj(id)
  13.     {
  14.         if(zdjecie >= zdjecia.length)zdjecie = 0;
  15.         wyswietlzdj(zdjecie, id);
  16.         ++zdjecie;
  17.     }
  18.     window.onload = function()
  19.     {
  20.         kolejnezdj("zdjecie");
  21.         var butt = document.createElement("button");
  22.         butt.innerHTML = "Wyświetl kolejne zdjęcie";
  23.         butt.onclick = function()
  24.         {
  25.             kolejnezdj("zdjecie");
  26.         }
  27.         document.body.appendChild(butt);
  28.     }";
  29.     </sript>';
  30.     echo '<div id="zdjecie">
  31.     <a href="http://wiktor.be/"><img src="obrazek1" alt="asd1" /></a>
  32.     </div>';
[PHP] pobierz, plaintext


Na razie na sztywno. Błędu nie otrzymuje ale zdjęcia też się nie pokazują... Nie mam pojęcia dlaczego


--------------------
http://www.nportfolio.pl
Go to the top of the page
+Quote Post
Fifi209
post 14.10.2010, 20:51:48
Post #4





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----

Masz 
[HTML] pobierz, plaintext 
  1. </sript>';
[HTML] pobierz, plaintext


zamiast script


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
adrianozo
post 14.10.2010, 21:12:54
Post #5





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----

Dzięki. smile.gif
Ale jest jeszcze jeden problem. Nie wyświetla się przycisk Wyświetl kolejne zdjęcie


--------------------
http://www.nportfolio.pl
Go to the top of the page
+Quote Post
kamil4u
post 14.10.2010, 21:27:49
Post #6





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----

Zobacz co pokazuje konsola błędów. Możliwe, że nie masz <body> w HTML.
Poza tym stosuj taki myk smile.gif :
Kod
<?php
//kod PHP - i teraz chcesz dać echo np. z HTML, to zamiast tego dajesz
?>
<html><body>TU KOD HTML</body></html>
<?php
//dalsza część kodu PHP

Wtedy jest to czytelne smile.gif - a zawsze możesz dodać fragment z PHP w tym kodzie HTML np.
Kod
?>
<html><body><?php echo('test'); ?></body></html>
<?php


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
adrianozo
post 15.10.2010, 18:24:57
Post #7





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----

A gdzie znajdę tą konsole błędów?


--------------------
http://www.nportfolio.pl
Go to the top of the page
+Quote Post
kamil4u
post 15.10.2010, 23:04:02
Post #8





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----

Np. w FF -> shift+ctrl+j w innych -> Google


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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

RSS Wersja Lo-Fi Aktualny czas: 25.04.2025 - 23:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn