Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Losowy wpis
Forum PHP.pl > Forum > Po stronie przeglądarki
d4ng
Witajcie potrzebuje napisać prosty skrypcik który będzie wyświetlać losowy wpis z bazy wpisów znajdującej się w tablicy. Domyślam się że mam zbudowac tablice i pętle losującą ale nie bardzo wiem jak to zrobić w javascript (to warunek)

Bardzo proszę o pomoc. Pozdrawiam : )

  1. <div id="wpis">
  2. <h2>Tytuł Wpisu</h2>
  3. <p>Jakaś treśc wylosowanego wpisu</p>
  4. </div>
  5. <div id="wpis">
  6. <h2>Tytuł Wpisu</h2>
  7. <p>Jakaś treśc wylosowanego wpisu</p>
  8. </div>
  9. <div id="wpis">
  10. <h2>Tytuł Wpisu</h2>
  11. <p>Jakaś treśc wylosowanego wpisu</p>
  12. </div>
  13. <div id="wpis">
  14. <h2>Tytuł Wpisu</h2>
  15. <p>Jakaś treśc wylosowanego wpisu</p>
  16. </div>
kamil4u
A dlaczego chcesz to zrobić JS, a nie od razu w PHP, skoro i tak bierzesz wpis z bazy?

ID musi być unikalne

W JS poczytaj o:
- innerHTML
- DOM -> getElementsByTagName
- tablicach i losowaniu z nich: http://www.doman.art.pl/kursjs/kurs/array.html
owca_82
Cytat(kamil4u @ 18.01.2014, 11:58:28 ) *
- tablicach i losowaniu z nich: http://www.doman.art.pl/kursjs/kurs/array.html


Akurat ten kurs zawiera nieścisłości dotyczące tablic sad.gif
tomxx
http://www.kurshtml.edu.pl/js/ - tu masz bardziej "ścisły" kurs JavaScript wink.gif

Dlaczego jednak chcesz to robić w JavaScript? smile.gif Przecież w PHP będzie to o wiele wygodniejsze.
mysql_fetch_row
array_rand

Tworzysz tablicę z danych z bazy, a potem tylko: echo $tablica[array_rand($tablica)];
d4ng
Niestety takie miałem wytyczne haha.gif liczyłem na jakąś gotową funkcje rand, więc poradziłem sobie tak:

  1. var wpisy = new Array();
  2. cytaty[0]='<h2>Tytuł Wpisu</h2><p>Jakaś przykładowa treść wpisu...</p>';
  3. cytaty[1]='<h2>Tytuł Wpisu</h2><p>Jakaś przykładowa treść wpisu...</p>';
  4. cytaty[2]='<h2>Tytuł Wpisu</h2><p>Jakaś przykładowa treść wpisu...</p>';
  5. cytaty[3]='<h2>Tytuł Wpisu</h2><p>Jakaś przykładowa treść wpisu...</p>';
  6.  
  7. function getWpis() {
  8. return wpisy[Math.floor(Math.random() * wpisy.length)];
  9. }
  10.  
  11. document.getElementById("wpisy").innerHTML = getWpis();


Dziękuje wszystkim za pomoc, miłego weekendu smile.gif
temat zamknięty
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.