Fashold skræmbillede
Jeg er helt ny i JavaScript, men det går nu meget godt.Jeg har denne kode...
<script type="text/javascript">
//<![CDATA[
function Opskrift()
{
document.getElementById('Opskrift').style.display = 'block';
document.getElementById('Bruger').style.display = 'none';
document.getElementById('NyeOpskrifter').style.display = 'block';
document.getElementById('TopBruger').style.display = 'none';
document.getElementById('AJAXopskrifter').src='img/AJAXopskrift_s.jpg';
document.getElementById('AJAXbruger').src='img/AJAXbruger_i.jpg';
}
function Bruger()
{
document.getElementById('Bruger').style.display = 'block';
document.getElementById('Opskrift').style.display = 'none';
document.getElementById('TopBruger').style.display = 'block';
document.getElementById('NyeOpskrifter').style.display = 'none';
document.getElementById('AJAXopskrifter').src='img/AJAXopskrift_i.jpg';
document.getElementById('AJAXbruger').src='img/AJAXbruger_s.jpg';
}
//]]>
</script>
<table style="border:none;" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="#" onclick="Opskrift();">
<img src="img/AJAXopskrift_s.jpg" width="69" height="25" id="AJAXopskrifter" alt="Opskrift" style="position:relative;top:4px;left:3px" class="no-border" />
</a>
<a href="#" onclick="Bruger();">
<img src="img/AJAXbruger_i.jpg" width="60" height="25" id="AJAXbruger" alt="Bruger" style="position:relative;top:4px;left:3px" class="no-border" />
</a>
</td>
</tr>
<tr>
<td align="center" style="background-color:#B5B5B5;border-top:solid black 1.0pt;border-bottom:solid black 1.0pt;">
<div id="Opskrift" style="display:block;height:315px;position:relative;top:6px;">
<?php include "MySQL/Plugin/Sidste_MySQL.php"; ?>
</div>
<div id="Bruger" style="display:none;">
Bruger
</div>
</td>
</tr>
</table>
Det virker også som det skal men når jeg trykker på en knap så hopper den op i toppen, hvilket ikke er så praktisk. Hvordan undgår man det ?
Se eventuelt her: http://www.kogebogen.a-mweb.dk/ (nederst, højre)
