[js] Problem z moim skryptem..., ... Opcje

[ApC]

Witam:

Kod

<div id="abc"></div>


<script type="text/javascript">
function procent() {
var czas = <? print time(); ?>;
document.getElementById("abc").innerHTML= czas;
setTimeout("procent();", 1000);
}
procent();
</script>

I wszystko działa, ale jest problem, nie wiem czemu ale za każdym odświeżeniem time(); się nie zmienia, po mimo tego, że skrypt całkowicie się odświeża (funkcja procent() ). Ktoś wie?

[nexis]

[HTML] pobierz, plaintext 
var czas = <? print time(); ?>;
[HTML] pobierz, plaintext 

PHP jest językiem wykonującym się po stronie serwera, a nie przeglądarki. Skoro chcesz użyć JavaScript to użyj też jego funkcji do wyświetlania czasu!

Ten post edytował nexis 13.10.2007, 10:00:50

[pjozwiak1]

Nie rozumiem co chcesz uzyskać?
Wykonując funkcję [js] procent() przeładowujesz zawartość <div id="abc">
W funkcji procent() zmienna czas jest raz zainicjowana wartością wygenerowaną na stałe przez php.
funkcją setTimeout() co 1 sekundę wywołujesz znowu funkcję procent, która w diva wstawia tą samą wartość.

Spróbuj może takiego rozwiązania, ono pokaże Ci zasadę działania:

[HTML] pobierz, plaintext 
<div id="abc" onmouseover="procent();"> </div>
 
 
<script type="text/javascript">
var czas = <? print time(); ?>;
 
function procent() {
  czas++;
  document.getElementById("abc").innerHTML= czas;
  setTimeout("procent();", 1000);
}
</script>
[HTML] pobierz, plaintext 

[ApC]

I tak nie działa, dlaczego - nie wiem. Problem polega na tym, że jeżeli mam var czas = <? print time(); ?>; pod tym function { } to powinno mi pobierać za każdym razem nowy time(); Jak mam teraz to i tak nie działa, odwołajmy się do mojego przykładu, pierwszego. Dlaczego nie działa, jeżeli mam w function albo przed? o co tutaj dokładnie chodzi ? Bo mam skrypt w php który oblicza z time(); i muszę koniecznie mieć 'phpowskie' time(); Nie wiem czy ktoś mnie zrozumiał, ale nie działa. Spójrzcie na to co napisałem i postarajcie się pomóc - dzięki. Chcę aby zwracało mi poprawny aktualny time();

---

Nexis - a mam pytanko, czy javascript ma coś o takiej samej wartości jak php ma time(); ? :/

Ten post edytował ApC 13.10.2007, 10:40:25

[maziak]

Nie nie, to nie tak działa.

Całe PHP wykonuje sie na serwerze, po czym zawartosc tej juz "obrobionej" przez PHP strony jest wysyłana do użytkownika. PHP juz wtedy "nie obchodzi" co sie dalej z tą stroną dzieje, i każde dalsze ingerowanie w strukture strony to już musi być technika działająca po stronie przeglądarki(do łączenia przeglądarkiz serwerem mozna zastosowac np. AJAX, ale to juz wyższa szkoła jazdy). Dla tego wlasnie mozna jednorazowo wrzucić zmienne PHP do kodu js, ktory zostanie wysłany do przeglądarki, a nie można np. co sekunde wykonywać jakiejś funkcji php.

przykładowo :

[PHP] pobierz, plaintext 
<?php 
$zmienna="kek";
?>
<script type="text/javascript">';
var czas = <? echo $zmienna ?>;
 
</script>
[PHP] pobierz, plaintext 

Przegladarka zobaczy jako :

[HTML] pobierz, plaintext 
<script type="text/javascript">';
var czas = kek;
 
</script>
[HTML] pobierz, plaintext 

Ten post edytował maziak 13.10.2007, 10:42:44

[ApC]

Nie nie, to nie tak działa.

Całe PHP wykonuje sie na serwerze, po czym zawartosc tej juz "obrobionej" przez PHP strony jest wysyłana do użytkownika. PHP juz wtedy "nie obchodzi" co sie dalej z tą stroną dzieje, i każde dalsze ingerowanie w strukture strony to już musi być technika działająca po stronie przeglądarki(do łączenia przeglądarkiz serwerem mozna zastosowac np. AJAX, ale to juz wyższa szkoła jazdy). Dla tego wlasnie mozna jednorazowo wrzucić zmienne PHP do kodu js, ktory zostanie wysłany do przeglądarki, a nie można np. co sekunde wykonywać jakiejś funkcji php.

przykładowo :

[PHP] pobierz, plaintext 
<?php
$zmienna=&#092;"kek\";
?>
<script type=\"text/javascript\">';
var czas = ;
[PHP] pobierz, plaintext 

Przegladarka zobaczy jako :

[HTML] pobierz, plaintext 
<script type="text/javascript">';
var czas = kek;
 
</script>
[HTML] pobierz, plaintext 

Całkowicie to rozumiem, ale co mi dały te twoje przykłady? Przecież w pierwszym poście napisałem:

Kod

var czas = <? print time(); ?>;

Dużo mi nie pomogłeś... Wie ktoś jak zrobić, aby mi pobierało aktualny time() co 1 s w skrypcie js?

[nexis]

[HTML] pobierz, plaintext 
<script type="text/javascript">
/* Odpowiednik funkcji time() w PHP */
var currentTime = new Date();
var czas = Math.round(currentTime.getTime()/1000);
document.write(czas);
/* Pamiętajmy jednak, że JavaScript pobiera czas z komputera, na którym jest wywoływany - PHP zaś czas z serwera! */
</script>
[HTML] pobierz, plaintext 

Ten post edytował nexis 13.10.2007, 10:46:51

[maziak]

Nie przeczytales za bardzo tego co napisałem, wiedział byś gdzie leżał błąd.
Twój kod :

[HTML] pobierz, plaintext 
<script type="text/javascript">
function procent() {
var czas = <? print time(); ?>;
document.getElementById("abc").innerHTML= czas;
setTimeout("procent();", 1000);
}
procent();
</script>
[HTML] pobierz, plaintext 

Czyli co sekunde powtarzałeś funkcje, przypisujac zawsze ta sama wartosc do zmiennej "czas"(jednorazowo wygenerowaną przez PHP). Najlepiej to skorzystaj z tego, co napisał nexis, a jezeli nie kończysz pisania stron na tym przykładzie to zdecydowanie polecam zrozumienie zasady działania php względem js, bez tego ani rusz.
Pozdrawiam.

PS. lekko zedytowane to co napisał pjozwiak

[HTML] pobierz, plaintext 
<div id="abc"> </div>
 
<script type="text/javascript">
var czas = <? print time(); ?>;
 
function procent() {
czas++;
document.getElementById("abc").innerHTML= czas;
}
 
setInterval("procent();", 1000);
</script>
[HTML] pobierz, plaintext 

Powinno działać.

Ten post edytował maziak 13.10.2007, 11:08:16

[nexis]

Jeśli chcesz jednak pobierać czas z serwera użyj AJAX!

js/advajax.js

js/actions.js

[PHP] pobierz, plaintext 
<?php
function procent() {
  advAJAX.get({
	url : "time.php",
	onSuccess : function(obj) {
	  document.getElementById("time").innerHTML = obj.responseText;
	}
  });
  setTimeout("procent()", 1000);
}
?>
[PHP] pobierz, plaintext 

index.html

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Funkcja time() w JavaScript</title> 
	<script type="text/javascript" src="js/advajax.js"></script>
  <script type="text/javascript" src="js/action.js"></script>
</head>
<body>
 
<div id="time" onmouseover="procent()">?</div>
 
</body>
</html>
[HTML] pobierz, plaintext 

time.php

[PHP] pobierz, plaintext 
<?php
echo time();
?>
[PHP] pobierz, plaintext