Nils
26.05.2009, 23:34:04
Hallo liebe User ..
Nach 2 Stunden googlen und lesen hab ich beschlossen mich an euch zu wenden.
Im Bereich DIV bin ich absoluter Anfänger.
Ich hab folgendes Problem:
Auf meiner Seite: http://gronaurockzameland.de.vu/
möchte Ich Verschiedene "Bereiche" einteilen.
Denn immer wenn man im Menü zwischen News, Galerie etc. klickt lädt die ganze Seite neu.
Ich möchte lediglich das der Inhalt (mittiger Bereich) immer neu lädt.
Wie mach Ich das bloß ? =/
Ich hatte unten im Code schon ganz verzwifelt einen Versuch gestartet der natürlich nicht geklappt hat.
Bitte um Hilfe.
Lg & ein Danke im Voraus, Nils .
Code meiner Seite:
<link rel="SHORTCUT ICON" href="http://www.kgreene.com/uploads/1181488468_ic.ico" type="image/x-icon" />
<html>
<head>
<style> <!--
TEXTAREA { Color: #FFFFFF; Background-Color: transparent; Font-Family: lucida sans; Font-Size: 10pt; Border:2px; Border-Color: #FFFFFF; Border-Style: solid; width:189; height:190;}
INPUT { Color: #FFFFFF; Background-Color: transparent; Font-Family: lucida sans; Font-Size: 11px; Border:2px; Border-Color: #FFFFFF; Border-Style: solid; }
.navi { color: #FFFFFF; font-weight: bold;} //--> </style>
</head>
<div src=scrolling="no" style="overflow:auto; position: absolute; width:1; height:1; left:2; top:200">
{PLACE_POWEREDBY}</div>
<body background="">
<style type="text/css">
body, table , div {
font-family: lucida sans;
color: #ffffff;
font-size: 13px;
line-height: 15px;
text-align: absolute;
font-weight: normal; }
A:link, a:visited, a:active
{
font-family: lucida sans;
font-size; 14px ;
text-decoration: none;
color: #ffffff;
}
A:hover
{
font-family: lucida sans;
font-size; 14px ;
text-decoration: none;
color: #660099;
}
b{FONT-FAMILY: lucida sans; FONT-SIZE:10pt; COLOR:
#FFFFFF; letter-spacing: 0;}
i{FONT-FAMILY: lucida sans, FONT-SIZE: 12pt; COLOR: #FFFFFF;letter-spacing: 2;}
u{FONT-FAMILY: lucida sans; FONT-SIZE: 8pt; COLOR: #FFFFFF; letter-spacing: 1px; border-bottom: 2px dashed; border-color: #FFFFFF;}
s{FONT-FAMILY: lucida sans; FONT-SIZE:7pt; COLOR: #FFFFFF; letter-spacing: 1px;}
.post {
display: block;
font-size: 8pt;
color:#FFFFFF;
border-bottom: 3px solid #FFFFFF;
text-align: center;
font-weight: bold;
}
BODY {
background: url(http://i130.photobucket.com/albums/p254/nils_09/music.jpg) repeat #00000; }
</style></body>
<div style="width:1000px; height: 1200px; position: absolute; left: 0px; top: 0px;"><img src="http://i130.photobucket.com/albums/p254/nils_09/music.jpg"> </div>
<div align="center" style="width: 740 px; height: 140px; position: absolute; left: 130px; top: 600px">
<div style="width:740px; text-align: center;"><embed type="application/x-shockwave-flash" wmode="transparent" src="http://w130.photobucket.com/pbwidget.swf?pbwurl=http://w130.photobucket.com/albums/p254/nils_09/thumbs/a6a378d2.pbw" height="120" width="740"></a></div></div>
<div align="center" style="width: 740 px; height: 70px; position: absolute; left: 220px; top: 575px">
<a href="http://amelandpage.myblog.de">NEWS</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565012">BETREUER</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565468">GALERIE</a>
<a href="http://amelandpage.myblog.de/amelandpage/gb">GAESTEBUCH</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565240">WEBCAM</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565924">GOODIES</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1566152">WIKI</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1566380">SITE</a>
<a href="http://amelandpage.myblog.de">HOME</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565696">IMPRESSUM</a>
</div>
<div style="width:734px; height: 499px; position: absolute; left: 133px; top: 742px; overflow: auto; z-index: 1">
<center>{PLACE_CONTENT}</center><br><br>
</div>
<style><!--.inhaltetable {width: 100%}//--></style>
<div align="center" style="width: 143px; height: 80px; position: absolute; left: 145px; top:1375px">
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.onlinewebservice3.de/onlinecount.php?id=c105298&offset=5&style=x&text=Webmaster: Nils Haupt BRUser: ONLINE online BRHits: HITS BRVersion: 3.0 BROnline Since: October 2007 BR"></SCRIPT>
</div>
<div align="center" style="width: 200px; height: 120px; position: absolute; left: 120px; top:330px">
<SPAN id=c1 style="FONT: bold 20px arial; COLOR: 660099;"></SPAN><br>
<SPAN id=c2 style="FONT: bold 15px arial; COLOR: white;">;</SPAN><br>
<SPAN id=c3 style="FONT: bold 12px arial; COLOR: 660099;">
</SPAN><br>
<small>...bis zum 20 Juli 2009 / 00:00 Uhr</small>
</div>
<script type='text/javascript'>
// Erstellt mit dem Countdown-Generator - Homepage-Total.de
var end = new Date('July 20, 2009 00:00:00');
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' TAGE';
document.getElementById('c2').innerHTML = hours + ' STUNDEN '
document.getElementById('c3').innerHTML = minutes + ' MINUTEN '
setTimeout('countdown()', 100);
}
}
countdown();
</script>
<div align="center" style="width: 120px; height: 300px; position: absolute; left: 875px; top:735px">
<!-- BEGIN Shoutbox.de CODE -->
<iframe src="http://213800.shoutbox.de/" width="120" height="453" frameborder="1" allowTransparency="true"></iframe>
<!-- END Shoutbox.de CODE-->
</div>
</div>
</html>
<html>
<head>
<title>youtube</title>
</head>
<body>
<div id='header'="center" style="width: 445px; height: 285px; position: absolute; left: 283px; top:22px">
<object width="445" height="285"><param name="movie" value="http://www.youtube.com/v/uTDafjfxu5c&hl=de&fs=1&rel=0&color1=0x402061&color2=0x9461ca&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/uTDafjfxu5c&hl=de&fs=1&rel=0&color1=0x402061&color2=0x9461ca&border=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="285"></embed></object>
</div> </div>
</body>
</html>
Nach 2 Stunden googlen und lesen hab ich beschlossen mich an euch zu wenden.
Im Bereich DIV bin ich absoluter Anfänger.
Ich hab folgendes Problem:
Auf meiner Seite: http://gronaurockzameland.de.vu/
möchte Ich Verschiedene "Bereiche" einteilen.
Denn immer wenn man im Menü zwischen News, Galerie etc. klickt lädt die ganze Seite neu.
Ich möchte lediglich das der Inhalt (mittiger Bereich) immer neu lädt.
Wie mach Ich das bloß ? =/
Ich hatte unten im Code schon ganz verzwifelt einen Versuch gestartet der natürlich nicht geklappt hat.
Bitte um Hilfe.
Lg & ein Danke im Voraus, Nils .
Code meiner Seite:
<link rel="SHORTCUT ICON" href="http://www.kgreene.com/uploads/1181488468_ic.ico" type="image/x-icon" />
<html>
<head>
<style> <!--
TEXTAREA { Color: #FFFFFF; Background-Color: transparent; Font-Family: lucida sans; Font-Size: 10pt; Border:2px; Border-Color: #FFFFFF; Border-Style: solid; width:189; height:190;}
INPUT { Color: #FFFFFF; Background-Color: transparent; Font-Family: lucida sans; Font-Size: 11px; Border:2px; Border-Color: #FFFFFF; Border-Style: solid; }
.navi { color: #FFFFFF; font-weight: bold;} //--> </style>
</head>
<div src=scrolling="no" style="overflow:auto; position: absolute; width:1; height:1; left:2; top:200">
{PLACE_POWEREDBY}</div>
<body background="">
<style type="text/css">
body, table , div {
font-family: lucida sans;
color: #ffffff;
font-size: 13px;
line-height: 15px;
text-align: absolute;
font-weight: normal; }
A:link, a:visited, a:active
{
font-family: lucida sans;
font-size; 14px ;
text-decoration: none;
color: #ffffff;
}
A:hover
{
font-family: lucida sans;
font-size; 14px ;
text-decoration: none;
color: #660099;
}
b{FONT-FAMILY: lucida sans; FONT-SIZE:10pt; COLOR:
#FFFFFF; letter-spacing: 0;}
i{FONT-FAMILY: lucida sans, FONT-SIZE: 12pt; COLOR: #FFFFFF;letter-spacing: 2;}
u{FONT-FAMILY: lucida sans; FONT-SIZE: 8pt; COLOR: #FFFFFF; letter-spacing: 1px; border-bottom: 2px dashed; border-color: #FFFFFF;}
s{FONT-FAMILY: lucida sans; FONT-SIZE:7pt; COLOR: #FFFFFF; letter-spacing: 1px;}
.post {
display: block;
font-size: 8pt;
color:#FFFFFF;
border-bottom: 3px solid #FFFFFF;
text-align: center;
font-weight: bold;
}
BODY {
background: url(http://i130.photobucket.com/albums/p254/nils_09/music.jpg) repeat #00000; }
</style></body>
<div style="width:1000px; height: 1200px; position: absolute; left: 0px; top: 0px;"><img src="http://i130.photobucket.com/albums/p254/nils_09/music.jpg"> </div>
<div align="center" style="width: 740 px; height: 140px; position: absolute; left: 130px; top: 600px">
<div style="width:740px; text-align: center;"><embed type="application/x-shockwave-flash" wmode="transparent" src="http://w130.photobucket.com/pbwidget.swf?pbwurl=http://w130.photobucket.com/albums/p254/nils_09/thumbs/a6a378d2.pbw" height="120" width="740"></a></div></div>
<div align="center" style="width: 740 px; height: 70px; position: absolute; left: 220px; top: 575px">
<a href="http://amelandpage.myblog.de">NEWS</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565012">BETREUER</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565468">GALERIE</a>
<a href="http://amelandpage.myblog.de/amelandpage/gb">GAESTEBUCH</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565240">WEBCAM</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565924">GOODIES</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1566152">WIKI</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1566380">SITE</a>
<a href="http://amelandpage.myblog.de">HOME</a>
<a href="http://amelandpage.myblog.de/amelandpage/page/1565696">IMPRESSUM</a>
</div>
<div style="width:734px; height: 499px; position: absolute; left: 133px; top: 742px; overflow: auto; z-index: 1">
<center>{PLACE_CONTENT}</center><br><br>
</div>
<style><!--.inhaltetable {width: 100%}//--></style>
<div align="center" style="width: 143px; height: 80px; position: absolute; left: 145px; top:1375px">
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.onlinewebservice3.de/onlinecount.php?id=c105298&offset=5&style=x&text=Webmaster: Nils Haupt BRUser: ONLINE online BRHits: HITS BRVersion: 3.0 BROnline Since: October 2007 BR"></SCRIPT>
</div>
<div align="center" style="width: 200px; height: 120px; position: absolute; left: 120px; top:330px">
<SPAN id=c1 style="FONT: bold 20px arial; COLOR: 660099;"></SPAN><br>
<SPAN id=c2 style="FONT: bold 15px arial; COLOR: white;">;</SPAN><br>
<SPAN id=c3 style="FONT: bold 12px arial; COLOR: 660099;">
</SPAN><br>
<small>...bis zum 20 Juli 2009 / 00:00 Uhr</small>
</div>
<script type='text/javascript'>
// Erstellt mit dem Countdown-Generator - Homepage-Total.de
var end = new Date('July 20, 2009 00:00:00');
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' TAGE';
document.getElementById('c2').innerHTML = hours + ' STUNDEN '
document.getElementById('c3').innerHTML = minutes + ' MINUTEN '
setTimeout('countdown()', 100);
}
}
countdown();
</script>
<div align="center" style="width: 120px; height: 300px; position: absolute; left: 875px; top:735px">
<!-- BEGIN Shoutbox.de CODE -->
<iframe src="http://213800.shoutbox.de/" width="120" height="453" frameborder="1" allowTransparency="true"></iframe>
<!-- END Shoutbox.de CODE-->
</div>
</div>
</html>
<html>
<head>
<title>youtube</title>
</head>
<body>
<div id='header'="center" style="width: 445px; height: 285px; position: absolute; left: 283px; top:22px">
<object width="445" height="285"><param name="movie" value="http://www.youtube.com/v/uTDafjfxu5c&hl=de&fs=1&rel=0&color1=0x402061&color2=0x9461ca&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/uTDafjfxu5c&hl=de&fs=1&rel=0&color1=0x402061&color2=0x9461ca&border=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="285"></embed></object>
</div> </div>
</body>
</html>