[JavaScript] Odświeżanie skryptu Opcje

[miras]

Witam, mam następujący problem:

[XML] pobierz, plaintext 
var xmlhttp;
 
function showPart(str)
{
xmlhttp=GetXmlHttpObject();
var url="getuser.php";
url=url+"?part="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
 
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("informacja").innerHTML=xmlhttp.responseText;
}
}
 
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
 {
 return new XMLHttpRequest();
 }
return null;
}
 
[XML] pobierz, plaintext 

ten kod odświeża mi plik getuser.php, tylko wtedy jak zmieni się wartość selecta, a ja potrzebuję przerobić to tak, żeby odświeżało się samo np. co 10sekund, da się to osiągnąć ?

Dzięki z góry!

[kamil4u]

poczytaj o setInterval

[miras]

Moja znajomość js, nie jest nawet na poziomie podstawowym, czytałem już o różnych rozwiązaniach, ale za nic nie mogę tego zastosować..

Jakiś mały przykład to by było miło bo mi nic nie wychodzi..

[kamil4u]

Przykład... hmm... Google -> "setInterval js" -> https://developer.mozilla.org/pl/DOM/window.setInterval a, to jest dokumentacja. I masz tam przykład.

--edit--

Jakiś mały przykład to by było miło bo mi nic nie wychodzi..

Pokaż jak próbowałeś

Ten post edytował kamil4u 3.07.2012, 19:55:54

[miras]

Ja wykombinowałem coś takiego:

[XML] pobierz, plaintext 
 
var xmlhttp;
var coo = document.getElementsByName("rekord");
var co = co[0];
 
function showPart(str)
{
xmlhttp=GetXmlHttpObject();
var url="getuser.php";
url=url+"?part="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
 
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("informacja").innerHTML=xmlhttp.responseText;
}
}
 
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
 {
 return new XMLHttpRequest();
 }
return null;
}
 
intervalID = window.setInterval(showPart(co.value), 500);
[XML] pobierz, plaintext 

Nie robiłem tego 'na chama', żeby tylko pokazać, że coś robiłem i dostać gotowca, chociaż do tego bije, ale naprawdę się starałem..

[kamil4u]

intervalID = window.setInterval(showPart(co.value), 500);

Czytałeś w ogóle manual-a?

var idInterwalu = window.setInterval(funkcja, opóźnienie[, parametr1, parametr2, ...])

;
Zobacz gdzie masz parametry, a gdzie ona są u Ciebie.

Jeszcze, żebyś dobrze zrozumiał to co jest w manualu:
-

funkcja to funkcja, dla której ustawiane jest opóźnienie

Tu podajesz jedynie samą nazwę - bez parametrów i bez nawiasów - sama nazwa
-

kod to ciąg znaków zawierający kod javascript do cyklicznego wykonania

- tu możesz wstawić dowolny kod JS w cudzysłowach. Czyli może to wyglądać np. tak: "funkcja(1,2,3); funkcja2( test.value );" , jednak jest to niezalecane, dlatego zrób tak jak napisałem wyżej.

Poza tym:

Kod

var coo = document.getElementsByName("rekord");
var co = co[0];

Chyba coo[0]

I upewnij się, że masz DOM załadowany, czyli wstaw na chwilę po var co = coo[0]; linię alert( co );. Jeśli wyskoczy błąd( nie referencja do elementu ) to cały swój kod wstaw w:

Kod

onload = function(){
// tu wstaw kod
}

[miras]

ehh, mówiłem nie łapie tego, nie mam nawet żadnych podstaw js, więc o czym mowa, dobra, ale dzięki za fatyge.

[kamil4u]

No ale tu ni trzeba podstaw. Nie chcę Ci dawać gotowca i tyle. Trochę się pomęczysz to będziesz się lepiej czuł jak Ci wyjdzie. Czego nie rozumiesz - konkretnie?

[miras]

Myślę, że moja odpowiedź zobrazuje to, czego nie rozumiem:

[XML] pobierz, plaintext 
var xmlhttp;
var coo = document.getElementsByName("rekord");
var co = coo[0];
var intervalID = window.setInterval(showPart, 500[, coo, co]);
 
function showPart(str)
{
xmlhttp=GetXmlHttpObject();
var url="getuser.php";
url=url+"?part="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
 
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("informacja").innerHTML=xmlhttp.responseText;
}
}
 
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
 {
 return new XMLHttpRequest();
 }
return null;
}
 
[XML] pobierz, plaintext 

[kamil4u]

No to teraz: var intervalID = window.setInterval(showPart, 500[, coo, co]); --> var intervalID = window.setInterval(showPart, 500, co.value);

i

I upewnij się, że masz DOM załadowany, czyli wstaw na chwilę po var co = coo[0]; linię alert( co );. Jeśli wyskoczy błąd( nie referencja do elementu ) to cały swój kod wstaw w:

Kod

onload = function(){
// tu wstaw kod
}

[miras]

Podziwiam za cierpliwość, to już działa, a jeszcze jedno pytanko - mógłbyś jeszcze podpowiedzieć jak zmienić kod js, żeby nie było trzeba w indexie dawać tych selectow ?

[HTML] pobierz, plaintext 
<form>
<strong>Wybierz część</strong>
<select name="rekord" onchange="showPart(this.value)">
 <option value="1">Lusterko</option>
 <option value="2">Opony letnie</option>
 <option value="3">Katalizator</option>
</select>
</form>
[HTML] pobierz, plaintext 

[XML] pobierz, plaintext 
onload = function() {
 
var xmlhttp;
var coo = document.getElementsByName("rekord");
var co = coo[0];
var intervalID = window.setInterval(showPart, 500, co.value);
 
function showPart(str)
{
xmlhttp=GetXmlHttpObject();
var url="getuser.php";
url=url+"?part="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
 
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("informacja").innerHTML=xmlhttp.responseText;
}
}
 
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
 {
 return new XMLHttpRequest();
 }
return null;
}
 
}
[XML] pobierz, plaintext 

[kamil4u]

Nie rozumiem pytania. Opisz dokładniej.

[miras]

to tak są 2 pliki:

index.php:

[HTML] pobierz, plaintext 
<html>
 <head>
 <script type="text/javascript" src="wybor.js"></script>
</head>
<body>
 
<form>
<strong>Wybierz część</strong>
<select name="rekord" onchange="showPart(this.value)">
 <option value="1">Lusterko</option>
 <option value="2">Opony letnie</option>
 <option value="3">Katalizator</option>
</select>
</form>
<br />
 
<div id="informacja">Opis wybranej części:</div>
 
</body>
</html>
[HTML] pobierz, plaintext 

- tak wygląda a plik wybor.js w poprzendnim poście jest, problem polega na tym, że jeżeli usunę z pliku index.php

ten kawałek:

[HTML] pobierz, plaintext 
<form>
<strong>Wybierz część</strong>
<select name="rekord" onchange="showPart(this.value)">
 <option value="1">Lusterko</option>
 <option value="2">Opony letnie</option>
 <option value="3">Katalizator</option>
</select>
</form>
[HTML] pobierz, plaintext 

to już nie wyświetla rekordów z bazy danych, a potrzebowałbym usunąć ten fragment kodu, rozumiesz ?

[kamil4u]

Ta linia:

Kod

var intervalID = window.setInterval(showPart, 500, co.value);

Mówi: Wywołaj funkcję showPart, co pół sekundy z parametrem co.value.

co.value to wartość aktualnie wybranej opcji z listy. Teraz patrzysz na wartości value, mogą one być 1, 2 lub 3.

Więc skasuj ten HTML i ten kod:

Kod

var coo = document.getElementsByName("rekord");
var co = coo[0];
var intervalID = window.setInterval(showPart, 500, co.value);

zamień na:

Kod

var intervalID = window.setInterval(showPart, 500, XXX);

Gdzie pod XXX wstaw 1,2 lub 3 w zależności od tego co chcesz.

Jeżeli nadal coś nie tak to opisz jeszcze dokładniej.

[miras]

Wszystko dobrze zrozumiałeś, dzięki za zmarnowanie na mnie całego wieczoru .