Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [AJAX] Zakladki
Arriss
post
Post #1





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 7.02.2009

Ostrzeżenie: (0%)
-----


Witam
Poszukuje prostego w uzyciu skryptu Zakladek. Chcialbym aby przy kliknieciu na jedna z nich wykonywala sie odpowiednia funkcja php ewentualnie wyswietlalo zawartosc danej strony php.
Czy jest ktos w stanie zaproponowac cos fajnego i prostego w instalacji? Ajax jest dla mnie czarna magia. (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Przydalby sie tez jakis prosty opis instalacji w PL.

Dzieki za kazda pomoc.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
DeemR
post
Post #2





Grupa: Zarejestrowani
Postów: 16
Pomógł: 1
Dołączył: 7.02.2009
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Może takie coś:

w <HEAD>
CODE

<script type="text/javascript">
var historia = new Array();
var decyzja = false;
function wyswietl_zawartosc(adres, div_id)
{
if(decyzja == false)
{
historia[historia.length] = adres;
}
decyzja = false;
if(historia.length > 1)
{
document.getElementById("input").disabled = false;
}
else
{
document.getElementById("input").disabled = true;
}
if(window.ActiveXObject)
{
zadanie = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
zadanie = new XMLHttpRequest();
}
else
{
alert('Twoja przegladarka nie obsluguje AJAX-u');
}
zadanie.onreadystatechange = function()
{
otworz_strone(zadanie, div_id);
}
zadanie.open('GET', adres, true);
zadanie.send(null);
}

function otworz_strone(zadanie, div_id)
{
if(zadanie.readyState == 4)
{
if(zadanie.status == 200 || window.location.href.indexOf("http") == -1)
{
document.getElementById(div_id).innerHTML = zadanie.responseText;
}
else
{
alert('Wystąpił błąd przy polaczeniu z serwerem');
}
}
}

function wstecz()
{
historia.pop();
decyzja = true;
wyswietl_zawartosc(historia[historia.length-1], 'warstwa');
}
</script>


i w <BODY>
CODE

<div>

<a href="#" id="s1">Strona1</a>
<a href="#" id="s2">Strona2</a>
<a href="#" id="s3">Strona3</a>
<input type="button" id="input" value="Wstecz" disabled="disabled" />
<div id="warstwa"></div>
</div>
<script type="text/javascript">
document.getElementById("s1").onclick = function(){wyswietl_zawartosc('strona1.html', 'warstwa')};
document.getElementById("s2").onclick = function(){wyswietl_zawartosc('strona2.html', 'warstwa')};
document.getElementById("s3").onclick = function(){wyswietl_zawartosc('strona3.html', 'warstwa')};
document.getElementById("input").onclick = function(){wstecz()};
</script>


No i tworzysz trzy strony o nazwie strona1, strona2, strona3 i tam możesz umieścić sobie dowolny kod
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.09.2025 - 00:50