Panel ktory zmienia zawartość

[Warrior]

Witam,

Postanowilem wziaść się za skryptowanie. Jak narazie nieźle mi szło, ale spotkałem się z jedną przeszkodą.

Zobaczcie na ten styl: http://egaming.in/zdjecia/asd.jpg

Chodzi mi o panel (prawy dolny róg), gdzie znajdują się nadchodzące mecze itd. Twórcy tego szablonu, zapewne chodziło, że podczas kliknięcia w dany tekst (Nadchodzące mecze, Najnowsze Artykuły itd.) zawartość panelu zmienia się.

No więc moje pytanie, czy znacie jakiś sposób na wykonanie tego "efektu".

Pozdrawiam i z góry dziękuję

[JarekMk]

Ajax

[Warrior]

A istnieje jakis gotowy "szablon" tego typu? Ajaxa jeszcze sie nie uczylem, byc moze jest to proste, ale poprostu jestem w tym ciemny.

[eSpEY]

kiedyś napisałem sobie coś podobnego w js

Kod: Zaznacz wszystko

<script language="JavaScript">
//espey soft 2004
<!--

function PokazDiva(name)

{

  var Divek = (document.getElementById) ? document.getElementById(name) : document.all[name];

  if(Divek != null) {
       Divek.style.display = (Divek.style.display == "none") ? "" : "none";
}
}

-->

</script>


i Pokazywanie:

Kod: Zaznacz wszystko

<a HREF="javascript:PokazDiv('NaZWA DIVA');">pokaz</a>
<div id="NaZWA DIVA" style="display: none;"></div>


Mała przeróbka aby chował wszystkie po kliknięciu prócz wybranej i masz

[Warrior]

Sry, ale nie jestem dobry w JavaScripcie, czy moglbys napisac mi przykladowy kod, ktory includowal by jakis plik i mniej wiecej wyjasnil na czym polega ta zabawa w dodawanie nowych zmiennych, czy jak to tam sie zwie

[JarekMk]

kiedyś napisałem sobie coś podobnego w js

//espey soft 2004

To wo końcu napisałeś czy wykorzystałeś?

Warrior, nie ma za bardzo co tłumaczyć... Wszystko jak na talerzu, szczególnie w 2 kodzie...

[eSpEY]

Warrior, tak jak powiedział JarekMk - wszystko opiera się na pokazywaniu i chowania divów.

Pozdr.

[Warrior]

kk, jakos sobie dalem rade, miales drobna literowke w skrypcie dj_disc

zamiast:

Kod: Zaznacz wszystko

<a HREF="javascript:PokazDiv('NaZWA DIVA');">pokaz</a>

Kod: Zaznacz wszystko

<a HREF="javascript:PokazDiva('NaZWA DIVA');">pokaz</a>

A co do tego, aby zostawala jedna zawartosc, a druga sie chowala, moglibyscie mi w tym pomoc ?

Narazie mam cos takiego: http://xtfs.xaa.pl/warrior/

[eSpEY]

kk, jakos sobie dalem rade, miales drobna literowke w skrypcie dj_disc

tak widziałem... ale miałem nadzieje że wychwycisz bo nie mam czasu ... i nadal nie mam...


powinieneś tam dopisać/ zmienić aby chował wszystkie divy

Kod: Zaznacz wszystko

nazwadiva = document.getElementById('id_diva');
nazwadiva.style.display == "block"; //albo block lub nic


^^ takim sposobem

[Warrior]

dj_disc, jakbys byl tak mily i podal mi sklejony kod.

Sorry, ale ja raczkuje w kwesti JS.

Pozdrawiam

[eSpEY]

Okie ... pomyślałem napisałem i jest... :]

Kod: Zaznacz wszystko

<script language="JavaScript">
//espey soft 2004 update 2009
<!--

function PokazDiva(name)

{
var div1 = document.getElementById('Nadchodzace Mecze');
var div2 = document.getElementById('Ostatnie Newsy');
var div3 = document.getElementById('Ostatnie Artykuly');
div1.style.display = "none";
div2.style.display = "none";
div3.style.display = "none";

var Divek = (document.getElementById) ? document.getElementById(name) : document.all[name];

  if(Divek != null) {
     
       Divek.style.display = (Divek.style.display == "none") ? "" : "none";
}

}

-->

</script>

Kod: Zaznacz wszystko

<table>
<td>
<a href="javascript:PokazDiva('Nadchodzace Mecze');">Nadchodzace Mecze</a><br>
<a href="javascript:PokazDiva('Ostatnie Newsy');">Ostatnie Newsy</a><br>
<a href="javascript:PokazDiva('Ostatnie Artykuly');">Ostatnie Artykuly</a><br>

</td>
<td>
<div id="Nadchodzace Mecze" style="display: none;">EXTRA KLAN vs. Super clan<br>EXTRA KLAN vs. Super clan<br>EXTRA KLAN vs. Super clan</div>
<div id="Ostatnie Newsy" style="display: none;">Brak ostatnich newsow :)</div>
<div id="Ostatnie Artykuly" style="display: none;">Brak ostatnich artykulow :P</div>
</td>
</table>



Autor postu otrzymał pochwałę

[Warrior]

Bardzo Ci dziekuje

Pozdrawiam

[drink86]

a czy znacie moze skrypt który chowalby cala reszte divow bez okreslania ich na poczatku?
mam rozne divy generowane przez php np.

Kod: Zaznacz wszystko

<div id="div[0]"></div>
<div id="div[1]"></div>

itp, itd...
zdecydowanie prosciej by bylo gdyby wlaczenie jednego diva ukrywalo te o pozostalych numerach...
z góry dzieki i wybaczcie za toporna forme.