Ładowanie podstron do DIV-ów w HTML i Java

KR2YS2T0F · Post autor: **KR2YS2T0F** » 02 czerwca 2012, 16:03

Dzień dobry Wszystkim.

Mam problem, którego nie umiem rozwiązać. Dlatego chcę go poruszyć na forum. Mam nadzieję, że takiego postu jeszcze nie ma i się nie powtórzę. Ale do rzeczy.

Chcę załadować podstronę w pliku html do DIV-a za pomocą metody: ,,onClick load''. Zamierzony efekt uzyskałem, ale działa tylko w przeglądarce Firefox.

Kod źródłowy pliku głównego jest następujący:

[html]<!DOCTYPE html PUBLIC >
<html xmlns="html://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta name="generator" content="Bluefish 2.2.2" />
<meta name="author" content="k" />
<meta name="copyright" content="K"/>
<meta name="keywords" content="slowa/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link href="./style/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="./img/jquery-1.4.min.js"></script>
<script type="text/javascript">
$(function(){
$('#center div').hide();
$('#center').show().slideUp(0).delay(500).fadeIn(2 000);
});
</script>
<script type="text/javascript">
function loadPage(file) {
$('#center').load(file);
}
</script>
<title>Z...h</title>
</head>
<body >
<div class="shadow">

<div class="shadow">
<h1><a><img width="100%" src="./img/baner.png" ></img></a></h1>
</div>

<div id="menu">
<a href="#">K...</a>
<a href="#" onClick="loadPage('kolor.html');">Podstrona 1</a>
</div>

<div id="center">
</DIV>

<div id="foot">
<P> &#169 2012</P>
</div>
</div>
</body>
</html>

[/html]

Proszę o radę: co robię nie tak. Nie chcę stosować PHP ani wyszukanych technik. Strony się ładują tylko w przeglądarce Firefox, a chcę aby kod działał na wszystkich przeglądarkach (sprawdzałem na Chrome, Opera i nie działa).

Za radę z góry dziękuję.

Bastian · Post autor: **Bastian** » 04 czerwca 2012, 22:02

Po pierwsze:

http://lmgtfy.com/?q=czy+javascript+to+ ... co+java%3F

Po drugie:

Edytuj treść kodu i wstaw je w znaczniki kodu.

KR2YS2T0F · Post autor: **KR2YS2T0F** » 05 czerwca 2012, 09:47

Dziękuję Bastian - mój błąd zamiast JS użyłem określenia JAVA. Dziękuję za przypomnienie.
Mimo wszystko dalej nie doszukałem się odpowiedzi na mój problem.

P.S. Co miałeś na myśli pisząc:

Edytuj treść kodu i wstaw je w znaczniki kodu

Bastian · Post autor: **Bastian** » 05 czerwca 2012, 19:51

P.S. Co miałeś na myśli pisząc:
Edytuj treść kodu i wstaw je w znaczniki kodu.

Np.:

Kod: Zaznacz cały


echo "Hello world"

Żeby można było pomóc, musisz zaprezentować Nam kod w przystępnej formie.

KR2YS2T0F · Post autor: **KR2YS2T0F** » 05 czerwca 2012, 22:48

Witam.
Już rozumiem. Nie mam pojęcia jak wskoczyła ta tabela. Wykonałem kopiuj - wklej z pliku źródłowego.

Źródło:
[html]<!DOCTYPE html PUBLIC >

<html xmlns="html://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">

<head>

<meta name="generator" content="Bluefish 2.2.2" />

<meta name="author" content="k" />

<meta name="copyright" content="K"/>

<meta name="keywords" content="slowa/>

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<link href="./style/style.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="./img/jquery-1.4.min.js"></script>

<script type="text/javascript">

$(function(){

$('#center div').hide();

$('#center').show().slideUp(0).delay(500).fadeIn(2000);

});

</script>

<script type="text/javascript">

function loadPage(file) {

$('#center').load(file);

}

</script>

<title>Z...h</title>

</head>

<body >

<div class="shadow">



<div class="shadow">

<h1><a><img width="100%" src="./img/baner.png" ></img></a></h1>

</div>



<div id="menu">

<a href="#">K...</a>

<a href="#" onClick="loadPage('kolor.html');">Podstrona 1 ładująca plik kolor.html</a>

</div>



<div id="center">

</DIV>


<div id="foot">

<P> &#169 2012</P>
</div>

</div>

</body>
</html>
[/html]

Dodatkowo gotowe pliki można pobrać z:
http://itkrzysztofc.republika.pl/www/zrodlo.zip