Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] zmiany tylko tabeli/diva/td ; >
Forum PHP.pl > Forum > Przedszkole
e-jox
Witam ; ) To moj pierwszy post i niestety staje sie pytaniem, a nawet małym problemem.
Dopiero jestem na początku drogi php : )) Zaczałem juz pisać proste skrypty.... ale zainspriowała mnie pewna galeria którą spotkałem w Internecie

http://photo.chicagopl.com/gallery/3215374#177445222

otóż moje pytanie : ))
Jak zrobić by klikając na zdjęcie zmieniała mi sie tylko zawartość pewnej tabeli/komorki/diva ; >
Kiedyś jeszcze za starych dziejow pamietam było w php coś a'la iframe czyli jak sie klikało to sie zmieniała pewna rama/tabela ; > Ale nie pamietam tego i nie wiem czy na tej samej zasadzie to działa : ))

Chciałbym by moja galeria była na podobnej zasadzie : )) Wiem ze to dość profesjonalna galeria a ja jestem - bądź co bądź - laikiem ; ]

Nie wiem jak sie za to zabrac... do tej pory robiłem to na zasadzie laikowskiej czyli robiłem tabele w niej były miniatury i jak sie klikało to sie otwierał obrazek (nie na stronie...tylko tak normalnie)...ale to jest ehhh : P : )))

Z góry dziękuje za dość konkretna odpowiedź oraz wyrozumiałość ;-)))

Pozdrawiam
Paweł P
kossa
Wystarczy uzyć javascript.

Np w pliku na miniaturce dodajesz onClick='obrazek.src=nowy.jpg' i po wykonaniu tej akcji w obrazku o nazwie obrazek pojawi się fota nowy.jpg

Tam gdzie ma się pojawić obrazek to w znaczniku img name='obrazek'


Jeżeli chcesz się odwoływać przed wyświetleniem obrazka do serwera to możesz użyć ajax i innerHtml np. div_name.innerHTML='...'


Pisane tak z ręki smile.gif

Łukasz
Cysiaczek
Przeniosłem z PHP
e-jox
Eee cos mi w poscie znaczniki w FF nie dzialaja ; p albo źle robie ; p zrobilem recznie przez code - tzw wyswietlilem kod : )

Cos takiego zrobilem testowo czy zadziala... ale nie dziala ; ( Tj. nie wyświetla sie obrazek tam gdzie powinien
Z pewnością robie jakiś laikowski blad.. ;> Sory   sad.gif ((



Kod
<html>



<body>

<table width="600" align="center">

<tr>

<td width="300">

<a href="galeria/foty/licealiada/1.jpg" onClick='obrazek.src=galeria/foty/licealiada/1.jpg'>

<img src="galeria/foty/licealiada/1.jpg" width="90" height="90">

</a>

</td>

<td width="300">



<img name='obrazek'>

<?php



$wielkosc= filesize('obrazek');

$data = filetime('obraze');



echo 'Wielkość pliku: $wielkosc <br />

Data dodania pliku: $filetime'

?>

</td>

</tr>

</table>



</body>

</html>
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.