Forum PHP.pl > [HTML][JavaScript] Menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

miras

28.08.2012, 17:58:20

Witam, mam następujący problem - potrzebuję przerobić ten kod:

[XML] pobierz, plaintext 
<script type="text/javascript">
function loadPage(file) {
    $('#kontener').load(file);
}
</script>
[XML] pobierz, plaintext

żeby treść diva kontener wypełniały informacje z divów np. #info1,#info2 itd.. a nie z plików php tak jak jest teraz:

[HTML] pobierz, plaintext 
<a href="#" onClick="loadPage('vip.php');">vip</a>
<a href="#" onClick="loadPage('premium.php');">premium</a>
<a href="#" onClick="loadPage('exp.php');">exp</a>
[HTML] pobierz, plaintext

Potrzebuję jeszcze zrobić tak, żeby po wejściu na stronę i jeżeli nikt nic jeszcze nie kliknął, to, żeby jakiś defaultowy div się ładował, żeby strona nie była pusta..

Trochę namotałem, ale mam nadzieję, że zrozumiecie,

Za wszystkie wskazówki dzięki z góry!

Helid

28.08.2012, 18:06:18

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<body>
 
<h1>My First Web Page</h1>
 
<p id="demo">Domyślna zawartość</p>
 
<div id="info1" style="display: none;">123</div>
<div id="info2" style="display: none;">1234</div>
<div id="info3" style="display: none;">12345</div>
 
<script>
function load_div(div)
{
document.getElementById("demo").innerHTML = document.getElementById(div).innerHTML;
}
</script>
 
<a href="#" onClick="load_div('info1');">vip</a>
<a href="#" onClick="load_div('info2');">vip2</a>
<a href="#" onClick="load_div('info3');">vip3</a>
 
</body>
</html> 
[HTML] pobierz, plaintext

miras

28.08.2012, 18:57:09

Dzięki, wszystko jest ok, z tym, że z tą domyślną zawartością źle się wyraziłem, potrzebuję zrobić tak, żeby domyślnie ładował się któryś z divów np. info1

+ mam jeszcze jeden problem, bo jak jest <a href="#"> .... to po klinięciu w to rozsuwana strona przesuwa się do samej góry ( przenosi tzn ), da się temu jakoś zapobiec ?

Helid

1.09.2012, 19:14:24

Kod

function load_div(div)
{
document.getElementById("demo").innerHTML = document.getElementById(div).innerHTML;
return false;
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.