Witam,
Mam taki problem, na stronie którą tworzę chcę zrobić listę elementów- tekst i link. Chcę aby po kliknięciu w link, pokazywał się „div” z jego opisem. Robię to przy pomocy skrypt JavaScript który zamieszczam w tym poscie. Chcę żeby tekst opisu był pobierany dynamicznie z bazy danych. Potrafię napisać skrypt PHP który pobierze te dane z bazy. Mój problem polega na tym że nie potrafię przekazać id (parametr funkcji szczegoły) do skryptu PHP oraz nie wiem jak wpisać dane pobrane przez skrypt do wybranego diva bez odświeżania strony.
Dużo szukałem po necie ale nie znalazłem niczego konkretnego. Czytałem coś na temat AJAX’u bo chyba to potrzebuje wykorzystać ale nie znalazłem rozwiązania mojego problemu. Proszę o pomoc
Pozdrawiam
Oto kod strony wraz ze skryptem JS:
<html>
<head>
<script type="text/javascript">
function szczegoly(nr_id)
{
var div = document.getElementById(nr_id);
var view = div.style.display; //stan - czy ukryte czy nie
if (view == "none")
{
div.style.display = "block";
}
if (view == "block")
{
div.style.display = "none";
}
}
</script>
</head>
<body>
<li>linia 1 <a href="javascript:szczegoly('001')">szczegoly</a>
<div style="display: none" id="001">ten tekst ma byc dynamiczny</div>
</li>
<li>linia 2 <a href="javascript:szczegoly('002')">szczegoly</a>
<div style="display: none" id="002">ten tekst ma byc dynamiczny</div>
</li>
<li>linia 3 <a href="javascript:szczegoly('003')">szczegoly</a>
<div style="display: none" id="003">ten tekst ma byc dynamiczny</div>
</li>
<li>linia 4 <a href="javascript:szczegoly('004')">szczegoly</a>
<div style="display: none" id="004">ten tekst ma byc dynamiczny</div>
</li>
</body>
</html>