HTML-szerkesztés kezdőknek!!!
-
#8845
Köszi már megoldódott. :) Így:
<html><head>
<script language="javascript" type="text/javascript">
function valtogategy()
{
if(egyestr==0)
{
document.getElementById('egy').style.visibility="visible";
document.getElementById('ketto').style.visibility="collapse";
document.getElementById('harom').style.visibility="collapse";
egyestr=1;
kettestr=0;
harmastr=0;
}
else
{
document.getElementById('egy').style.visibility="collapse";
egyestr=0;
}
}
function valtogatketto()
{
if(kettestr==0)
{
document.getElementById('ketto').style.visibility="visible";
document.getElementById('egy').style.visibility="collapse";
document.getElementById('harom').style.visibility="collapse";
kettestr=1;
egyestr=0;
harmastr=0;
}
else
{
document.getElementById('ketto').style.visibility="collapse";
kettestr=0;
}
}
function valtogatharom()
{
if(harmastr==0)
{
document.getElementById('harom').style.visibility="visible";
document.getElementById('egy').style.visibility="collapse";
document.getElementById('ketto').style.visibility="collapse";
harmastr=1;
egyestr=0;
kettestr=0;
}
else
{
document.getElementById('harom').style.visibility="collapse";
harmastr=0;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teszt</title>
</head>
<body>
<script language="javascript" type="text/javascript">
var egyestr=0;
var kettestr=0;
var harmastr=0;
</script>
<p>Szöveg.</p>
<table border="0">
<tr id="egy" style="visibility:collapse;"><td>Első tartalom.</td></tr>
<tr id="ketto" style="visibility:collapse;"><td>Második tartalom.</td></tr>
<tr id="harom" style="visibility:collapse;"><td>Harmadik tartalom.</td></tr>
</table>
<p>Szöveg.</p>
<span style="position: absolute; left: 5px; top: 150px;"<p><a href="javascript:void(0);" onclick="valtogategy()">Kattints ide ha kedves az életed!</a></p>
<p><a href="javascript:void(0);" onclick="valtogatketto()">Vagy kattints ide!</a></p>
<p><a href="javascript:void(0);" onclick="valtogatharom()">Vagy ide!</a></p>
</body></html>