Forum PHP.pl

Witam
Szukam szukam i znaleźć nie mogę. Potrzebuję skrypt który zmienia treść strony po kliknięciu w link bez jej przeładowania np:
KLIKNIJ
Tutaj jest na dole panel :
Produkty powiązane Klienci kupili również Komentarze

Po kliknięciu w link zmienia się tekst na dole. Znalazłem 1 kod ale działa przez xml i po wczytaniu pliku nie pobiera mi zmiennych i nie mogę przez to operować na php (wczytuje tylko sam tekst z pliku).
Czy spotkał się ktoś z czymś takim i może mnie naprowadzić ?

mowa oczywiście nt. simple ajax tutorial - wujek google służy pomocą ;]
http://www.google.pl/#hl=pl&source=hp&...da125088bfb5519

jednak trafiłem na to:
http://www.queness.com/post/328/a-simple-a...-with-jqueryphp

tylko mam pytanie czy jak ktoś w przeglądarce ma wyłączony js to nie będzie mu działać ?

Ten post edytował RubiX 13.09.2009, 12:29:01

[HTML] pobierz, plaintext 
function Link(div, tar) {
	$(div).load(tar);
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<a href="java script: Link('#main', 'plik.php')">Link 1</a>
[HTML] pobierz, plaintext 

*java script - zamień na javascript

Ten post edytował WebKing 13.09.2009, 12:35:01

hm, no raczej nie...

WebKing dzięki Twoje najlepsze tylko powiedzcie jeszcze jak zrobić żeby na starcie pierwszy plik już był wczytany ?
To pewnie będzie trzeba dodać coś do tego ?

[PHP] pobierz, plaintext 
 
      function Link(div, tar) {
 
      $(div).load(tar);
 
      }
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
$(document).ready(function(){
Link("#main", "jakiś_plik");
});
[HTML] pobierz, plaintext 

No niee.. albo coś źle zrobiłem albo ten skrypt nie pasuje.
Otóż załadowany plik do diva nie czyta mi zmiennych zapisanych w pliku który zawiera tego diva.
Np index ładuje div (np. plik s1.php) no i załadowany w diva do index.php kod z s1.php nie czyta mi zmiennych z pliku index.php i polskie znaczki sie krzaczą... coś źle zrobiłem czy ten skrypt jquery tak ma ?

Plik s1.php jest wykonywany zupełnie osobno i nie ma najmniejszego połączenia z plikiem index.php. Pomyśl - ładujesz index.php (na serwerze on się wykonuje, wysyła odpowiedź i się wyłącza), a potem ładujesz s1.php (który nie ma powiązania z index.php, chyba że dasz include()).

Ja Ci opisze tutaj dokladnie jaki ja sposob stosuje i
moze Ci sie przyda.
Robisz tak :
1. w miejscu gdzie ma byc podmieniana zawartosc, wyswietlana
za kazdym razem inna zawartosc strony bez przeladowania
umieszczasz :

[PHP] pobierz, plaintext 
<div id='changeMeOknoRozm'></div>
[PHP] pobierz, plaintext 

Miedzy znaczniki div rzecza jasna mozesz zaladowac dowolna
wartosc startowa, ktora pozniej zostanie zmieniona jesli w dowolnym
momencie bedziesz chcial to zrobic. W nazwie id mozesz umiescic
dowolna wartosc. Dzieki temu mozesz nawet kilka blokow na jednej
stronie podmieniac w dowolny sposob.

2. Robisz sobie ramke w dowolnym miejscu na stronie o wielkosci
1px x 1px dzieki czemu nie bedzie praktycznie widoczna :

[PHP] pobierz, plaintext 
<iframe name='czat_ram_okno_roz' marginwidth='0' marginheight='0' align='top' border='0' frameborder='0' width='1' height='1' src='czat_ramka_okno_rozm.php' scrolling='no'></iframe>
[PHP] pobierz, plaintext 

3. Teraz w tym skrypcie, ktory bedzie ladowany do ramki jesli chcesz
cos w nim podmienic to piszesz :

[PHP] pobierz, plaintext 
echo "<script  language=\"JavaScript\">";
echo "parent.document.getElementById(\"changeMeCHATownicy\").innerHTML = \"$lista\";";
echo "</SCRIPT>";
[PHP] pobierz, plaintext 

W zmiennej lista mozesz zaladowac dowolna zawartosc jaka ma sie
znalezc miedzy divami.

Mam nadzieje, ze wiesz jak sie pisze linki z wywolaniem ramki :

[PHP] pobierz, plaintext 
<a href='skrypt_obslugujacy_ramke.php' target='czat_ram_okno_roz'>cos</a>
[PHP] pobierz, plaintext 

Niezaleznie od tego jak wywolasz ramke i co w niej obliczysz to po wywolaniu tego
kawaleczka JavaScript zaladujesz na strone dowolna zawartosc bez przeladowywania.

Tutaj masz przyklad :
http://www.bluelan.pl/przyklad_gd/zawartosc.php

Moze malo elegancko, ale skrypt doslownie wyglada tak :
Plik 'zawartosc.php' :

[PHP] pobierz, plaintext 
<?php
 
echo "<a href='zawartosc_ramka.php?opcja=1' target='ramka'>tekst1</a>, ";
echo "<a href='zawartosc_ramka.php?opcja=2' target='ramka'>tekst2</a>, ";
echo "<a href='zawartosc_ramka.php?opcja=3' target='ramka'>tekst3</a>, ";
echo "<a href='zawartosc_ramka.php?opcja=4' target='ramka'>tekst4</a>, ";
echo "<a href='zawartosc_ramka.php?opcja=5' target='ramka'>Grafika</a>";
 
echo "<br><br><div id='changeMe' align='center'>zawartosc poczatkowa</div>";
 
 
echo "<iframe name='ramka' marginwidth='0' marginheight='0' align='top' border='0' "
	  ."frameborder='0' width='1' height='1' src='zawartosc_ramka.php' scrolling='no'></iframe>";
?>
[PHP] pobierz, plaintext 

Plik 'zawartosc_ramka.php' :

[PHP] pobierz, plaintext 
<?php
 
if ($_GET['opcja'] == '1') {
	$lista = 'Pierwszy tekst';
}
if ($_GET['opcja'] == '2') {
	$lista = 'Drugi tekst';
}
if ($_GET['opcja'] == '3') {
	$lista = 'Trzeci tekst';
}
if ($_GET['opcja'] == '4') {
	$lista = 'Czwarty tekst';
}
if ($_GET['opcja'] == '5') {
	$lista = "<img border='0' src='5.jpg'>";
}
if ($lista != '') {
	echo "<script  language=\"JavaScript\">";
	echo "parent.document.getElementById(\"changeMe\").innerHTML = \"$lista\";";
	echo "</SCRIPT>";
}
?>
[PHP] pobierz, plaintext 

mam pytanie, bo się męcze z tym (IMG:style_emoticons/default/tongue.gif)

w loader.php wrzuciłem do case'ów coś takiego (żeby na wejscie juz coś bylo widać)

[PHP] pobierz, plaintext 
default: { include('0.php');break; }        
[PHP] pobierz, plaintext 

i nic, normalnie jak robię stronę w php i wrzucam coś takiego to wszystko działa, a tu nic działa, w ogóle nie łapie. czym to jest spowodowane i jak zrobić, żeby działało? (IMG:style_emoticons/default/smile.gif)

cały loader.php wyglada tak:

[PHP] pobierz, plaintext 
<?
 
switch($_GET['page'])  {
 
 
case "#page1": { include('1.php');break; } 
case "#page2": { include('2.php');break; } 
case "#page3": { include('3.php');break; } 
case "#page4": { include('4.php');break; } 
default: { include('0.php');break; }    
 
}
 
echo $page;
?>
[PHP] pobierz, plaintext 

Ten post edytował Wojciechowy 20.09.2009, 08:40:51