16.01.2003, 20:50
Ja geht schon wie ich das schon einmal gemeint habe ... einfach in die JS-Datei folgendes rein:
document.write('<table width="100%" border="0">
<tr>
<td><a href="javascript:text1(\'1\')"><b>Tauch-Infos</b></a><br></td>
</tr>
<tr>
<td id="1"></td>
</tr>
<tr>
<td><a href="javascript:text2(\'2\')"><b>Community</b></a></td>
</tr>
<tr>
<td id="2"></td>
</tr>
<tr>
<td><a href="javascript:text3(\'3\')"><b>Wien-Infos</b></a></td>
</tr>
<tr>
<td id="3"></td>
</tr>
</table>';
Und dann einfach an der Stelle der Tabelle die Datei einbinden:
<html>
<head>
<link rel="stylesheet" href="tauchen.css">
<title>Tauchen für Anfänger</title>
<meta name="description" content="Alle Infos übers Tauchen für Anfänger. Große Communtiy, guter Service, nette Leute!">
<meta name="author" content="Thiltges">
<meta name="keywords" content="tauchen, tauchplätze, beschreibungen, Tests, Gozo, Malta, Tauchbasen, Equipment, Buddys">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#2E3354" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<script language="javascript" type="text/javascript">
<!-- 1.Funktion -->
function text1(tauchinfo)
{
if((document.getElementById(tauchinfo).innerHTML) == '')
{
var anzahl = 3;
for(i=1;i<=anzahl;i++)
{
document.getElementById(i).innerHTML = '';
}
document.getElementById('1').innerHTML = '<p><a href="#"> - Tauchplätze</a><br><a href="#"> - Tauchbasen/-shops</a><br></p>';
}
else
document.getElementById('1').innerHTML = '';
}
<!-- 2.Funktion -->
function text2(community)
{
if((document.getElementById(community).innerHTML) == '')
{
var anzahl = 3;
for(i=1;i<=anzahl;i++)
{
document.getElementById(i).innerHTML = '';
}
document.getElementById('2').innerHTML = '<p><a href="#"> - Forum</a><br><a href="#"> - Chat</a><br></p>';
}
else
document.getElementById('2').innerHTML = '';
}
<!-- 3.Funktion -->
function text3(wieninfos)
{
if((document.getElementById(wieninfos).innerHTML) == '')
{
var anzahl = 3;
for(i=1;i<=anzahl;i++)
{
document.getElementById(i).innerHTML = '';
}
document.getElementById('3').innerHTML = '<p><a href="#"> - Termine</a><br><a href="#"> - News</a><br></p>';
}
else
document.getElementById('3').innerHTML = '';
}
</script>
<div id="tauchen">
<div id="text">
<br><br>
<u><font size="4">Diese Seite ist im Aufbau.</font></u>
<br><br>
Geplanter Inhalt:<br>
<ul>
<li type="disc"> Große Community</li>
<li type="disc"> Alle Infos für Taucher rund um Wien.</li>
<li type="disc"> FAQ für Anfänger</li>
</ul>
<br><br>
Wollen sie alle Neuigkeiten als erster erhalten? Dann schicken sie bitte eine e-mail mit dem Betreff "Tauch-Infos" an folgende adresse. <font color="red"><a href="mailto:tauch_info@yahoo.de">tauch_info@yahoo.de</a> </font>
<br><br> <br><br>
<!-- InterNetWORX Counter -->
<a href="http://www.internetworx.de" align="_top">
<img src="http://www.internetworx.de/cgi-bin/Count.cgi?dd=B&df=63725&ft=0"
border="0" alt="Kostenloser Besucherzähler von InterNetWORX"></a>
<!-- InterNetWORX Counter -->
</div>
</div>
<div id="navigation">
<br>
<script language="JavaScript" type="text/javascript" src="datei.js"></script>
<b><a href="#">Impressum</a></b><br>
</div>
<!-- Begin Nedstat Basic code -->
<!-- Title: Tauchen für Anfänger -->
<!-- URL: http://www.tauchen.hits4.net/tauchen/index.html -->
<script language="JavaScript" src="http://m1.nedstatbasic.net/basic.js">
</script>
<script language="JavaScript">
<!--
nedstatbasic("AB7zYQ2TE3ITN/gcNfxZ820YkxlQ", 0);
// -->
</script>
<noscript>
<a target="_blank" href="http://v1.nedstatbasic.net/stats?AB7zYQ2TE3ITN/gcNfxZ820YkxlQ"><img
src="http://m1.nedstatbasic.net/n?id=AB7zYQ2TE3ITN/gcNfxZ820YkxlQ"
border="0" nosave width="18" height="18"></a>
</noscript>
<!-- End Nedstat Basic code -->
</body>
</html>
Müsste eigentlich so gehen.
document.write('<table width="100%" border="0">
<tr>
<td><a href="javascript:text1(\'1\')"><b>Tauch-Infos</b></a><br></td>
</tr>
<tr>
<td id="1"></td>
</tr>
<tr>
<td><a href="javascript:text2(\'2\')"><b>Community</b></a></td>
</tr>
<tr>
<td id="2"></td>
</tr>
<tr>
<td><a href="javascript:text3(\'3\')"><b>Wien-Infos</b></a></td>
</tr>
<tr>
<td id="3"></td>
</tr>
</table>';
Und dann einfach an der Stelle der Tabelle die Datei einbinden:
<html>
<head>
<link rel="stylesheet" href="tauchen.css">
<title>Tauchen für Anfänger</title>
<meta name="description" content="Alle Infos übers Tauchen für Anfänger. Große Communtiy, guter Service, nette Leute!">
<meta name="author" content="Thiltges">
<meta name="keywords" content="tauchen, tauchplätze, beschreibungen, Tests, Gozo, Malta, Tauchbasen, Equipment, Buddys">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#2E3354" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<script language="javascript" type="text/javascript">
<!-- 1.Funktion -->
function text1(tauchinfo)
{
if((document.getElementById(tauchinfo).innerHTML) == '')
{
var anzahl = 3;
for(i=1;i<=anzahl;i++)
{
document.getElementById(i).innerHTML = '';
}
document.getElementById('1').innerHTML = '<p><a href="#"> - Tauchplätze</a><br><a href="#"> - Tauchbasen/-shops</a><br></p>';
}
else
document.getElementById('1').innerHTML = '';
}
<!-- 2.Funktion -->
function text2(community)
{
if((document.getElementById(community).innerHTML) == '')
{
var anzahl = 3;
for(i=1;i<=anzahl;i++)
{
document.getElementById(i).innerHTML = '';
}
document.getElementById('2').innerHTML = '<p><a href="#"> - Forum</a><br><a href="#"> - Chat</a><br></p>';
}
else
document.getElementById('2').innerHTML = '';
}
<!-- 3.Funktion -->
function text3(wieninfos)
{
if((document.getElementById(wieninfos).innerHTML) == '')
{
var anzahl = 3;
for(i=1;i<=anzahl;i++)
{
document.getElementById(i).innerHTML = '';
}
document.getElementById('3').innerHTML = '<p><a href="#"> - Termine</a><br><a href="#"> - News</a><br></p>';
}
else
document.getElementById('3').innerHTML = '';
}
</script>
<div id="tauchen">
<div id="text">
<br><br>
<u><font size="4">Diese Seite ist im Aufbau.</font></u>
<br><br>
Geplanter Inhalt:<br>
<ul>
<li type="disc"> Große Community</li>
<li type="disc"> Alle Infos für Taucher rund um Wien.</li>
<li type="disc"> FAQ für Anfänger</li>
</ul>
<br><br>
Wollen sie alle Neuigkeiten als erster erhalten? Dann schicken sie bitte eine e-mail mit dem Betreff "Tauch-Infos" an folgende adresse. <font color="red"><a href="mailto:tauch_info@yahoo.de">tauch_info@yahoo.de</a> </font>
<br><br> <br><br>
<!-- InterNetWORX Counter -->
<a href="http://www.internetworx.de" align="_top">
<img src="http://www.internetworx.de/cgi-bin/Count.cgi?dd=B&df=63725&ft=0"
border="0" alt="Kostenloser Besucherzähler von InterNetWORX"></a>
<!-- InterNetWORX Counter -->
</div>
</div>
<div id="navigation">
<br>
<script language="JavaScript" type="text/javascript" src="datei.js"></script>
<b><a href="#">Impressum</a></b><br>
</div>
<!-- Begin Nedstat Basic code -->
<!-- Title: Tauchen für Anfänger -->
<!-- URL: http://www.tauchen.hits4.net/tauchen/index.html -->
<script language="JavaScript" src="http://m1.nedstatbasic.net/basic.js">
</script>
<script language="JavaScript">
<!--
nedstatbasic("AB7zYQ2TE3ITN/gcNfxZ820YkxlQ", 0);
// -->
</script>
<noscript>
<a target="_blank" href="http://v1.nedstatbasic.net/stats?AB7zYQ2TE3ITN/gcNfxZ820YkxlQ"><img
src="http://m1.nedstatbasic.net/n?id=AB7zYQ2TE3ITN/gcNfxZ820YkxlQ"
border="0" nosave width="18" height="18"></a>
</noscript>
<!-- End Nedstat Basic code -->
</body>
</html>
Müsste eigentlich so gehen.