Java programozas, javascript
-
#71
Ha nagyon egyszerűen akarod megoldani (Javascript nélkül):
<iframe src="tartalom_hun.htm" name="tartalom"></iframe>
<a href="tartalom_hun.htm" target="tartalom">Magyar</a>
<a href="tartalom_eng.htm" target="tartalom">English</a>
<a href="tartalom_deu.htm" target="tartalom">Deutsch</a>
Ha komplikáltan akarod megoldani akkor két megoldás közül választhatsz:
1. A tartalmat belerakod egy Javascriptes változóba, és a linkre való kattináskor az adott id-jú elembe írod bele.
Szóval ilyesmiképpen:
<script type="text/javascript">
tartalomA='Ez az egyik tartalom';
tartalomB='Ez az másik tartalom';
tartalomC='Ez az harmadik tartalom';
function elso () {
document.getElementById('szovegmezo') = tartalomA;
}
function masodik () {
document.getElementById('szovegmezo') = tartalomB;
}
function harmadik () {
document.getElementById('szovegmezo') = tartalomC;
}
</script>
<div id="szovegmezo">Ide kerül a tartalom</div>
<a href="#" onlick="elso ();">Első</a>
<a href="#" onlick="masodik ();">Második</a>
<a href="#" onlick="harmadik ();">Harmadik</a>
Ennek hátránya hogy teljesen Javascript-függővé teszi az oldalt, ami nagyon helytelen (a látogatónak meg kell adni a lehetőséget az oldal minél átjárhatóbb látogathatóságára).
2. Ez a megoldás az előzőre épül annyi különbséggel, hogy a tartalmat egy külső (de domainen belüli) UTF-8-as kódolású oldalról hozzuk be (így némileg kikerülhető az előző példa Javascript függősége).
Ezt a technológiaegyüttest AJAX néven emlegetik.
Erre itt találhatsz egy gyorsan összeütött példát. Az oldalon levő linkeket a tartalom id-jú elembe nyitja meg (ha a Javascript ki van kapcsolva, akkor új oldalként nyílik meg).