Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]wyświetlanie kolejnych ramek co 30 sekund
Forum PHP.pl > Forum > Przedszkole
kubek15
Witam

Mam pewien problem otóż jak moge uzyskac taki efekt:
Mam strone i na niej 2 pola start i stop, w polach wpisuje liczby i potem ma sie pojawić strona i na niej pierwsza ramka wysokośc ok. 100px;
po 30 sekundach kolejna ramka pod spodem itd aż dowartości pola stop czyli na 10 ramek i każda co 30 sekund. Jak cos takiego zrobić JS.

Bede wdzięczny za wszelkie sugestie oraz pomoce.

Pozdrawiam.
mortus
Wypróbuj:
  1. <script type="text/javascript">
  2. var intervalId = 0;
  3. var number = 1;
  4. function print() {
  5. intervalId = setInterval("div()", 5000);
  6. }
  7. function div() {
  8. if(number == document.getElementById("stop").value) {
  9. clearInterval(intervalId);
  10. }
  11. document.getElementById("content").innerHTML += "<div style=\"border: 1px solid #ccc; width: 100px; height: 100px;\"></div>";
  12. number += 1;
  13. }
  14. </head>
  15. <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
  16. <input id="stop" type="text" name="stop" /><input type="submit" value="Drukuj" onclick="print(); return false;" />
  17. </form>
  18. <div id="content">
  19. </div>
kubek15
Dzięki a możecie mi jeszcze powiedzieć jak wyświetlic coś jako funkcje w php? Dokładnie to chodzi mi o cos takiego, aby wyświeltiło mi się tak jak po przetworzeniu przez funkcje i to liczenie to jest funkcja i ona to przetworzy. Jak daje tak jak poniżej to nie działa zamiast to przetworzyć to pojawia się na stronie napis liczenie(1) itd.
  1. function($cos) {
  2. $cos = 1/10
  3. echo "liczba to $cos";
  4. }
  5.  
  6. document.getElementById("content").innerHTML += "liczenie("+ number +")";


i np jak jest liczenie(10) to ma być : liczba to 1, a pisze tak: liczenie(10).

Dlaczego?

jak przesłac ta zmienną number z js do php aby funkcja przetworzyła ta liczbe?
mortus
Tylko poprzez AJAX.

Polecam skorzystać z gotowego frameworka JS np. jQuery.
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.