Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX] Zakladki
Arriss
post 7.02.2009, 12:30:51
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. biggrin.gif
Przydalby sie tez jakis prosty opis instalacji w PL.

Dzieki za kazda pomoc.
Go to the top of the page
+Quote Post
piotrooo89
post 7.02.2009, 15:55:07
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




po polsku to: http://mintajax.pl/Przewodnik/Kontrolki/
jQuery: http://stilbuero.de/jquery/tabs/

no i rzecz jasna google


--------------------
Go to the top of the page
+Quote Post
DeemR
post 7.02.2009, 21:36:22
Post #3





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
Arriss
post 8.02.2009, 20:20:59
Post #4





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

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


dzieki porobilem wszytsko co chcialem oprocz jednej malej rzeczy. moze mi ktos dopisac do tego animacje jakas ciekawa przy wgrywaniu pobieranej strony jakies rozwijanie ladowanie cokolwiek biggrin.gif
Go to the top of the page
+Quote Post
WebKing
post 9.02.2009, 12:26:35
Post #5





Grupa: Zarejestrowani
Postów: 219
Pomógł: 16
Dołączył: 16.07.2007

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


Rozwijanie?
http://docs.jquery.com/Effects/slideToggle#speedcallback
Za darmo, i efektownie.
Go to the top of the page
+Quote Post
foqz
post 10.02.2009, 16:07:11
Post #6





Grupa: Zarejestrowani
Postów: 18
Pomógł: 0
Dołączył: 14.01.2009

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


http://stilbuero.de/jquery/tabs/index.html#section-1
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 12:35