Herzlich willkommen im Archiv vom ABAKUS Online Marketing Forum
Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.
Code: Alles auswählen
<html>
<head>
<script language="javascript">
function ausblenden() {
document.getElementById('image').style.visibility="hidden";
}
function einblenden() {
document.getElementById('image').style.visibility="visible";
}
</script>
</head>
<body>
<br><br>
<img id="image" src="images/image.gif" width="30" height="30" alt="">
<br><br>
<a href="#" onclick="ausblenden();">auf klick ausblenden</a><br>
<a href="#" onclick="einblenden();">auf klick einblenden</a><br>
</body>
</html>
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" language="javascript">
function switcher()
{
status = document.getElementById("merker").value;
if(status == "an")
{
document.getElementById("merker").value = "aus";
Knoten = document.getElementById("bild").firstChild;
document.getElementById("bild").removeChild(Knoten);
}
else
{
document.getElementById("merker").value = "an";
img = document.createElement("img");
img.width = "301";
img.height = "110";
img.src = "http://www.google.de/intl/de_de/images/logo.gif";
document.getElementById("bild").appendChild(img);
}
}
</script>
</head>
<body onLoad="switcher()">
<a href="#" onclick="switcher()">An/Aus</a><br /><br />
<input type="hidden" id="merker" />
<span id="bild"></span>
</body>
</html>
Code: Alles auswählen
<script type="text/javascript">
function click( id ) {
var e = document.getElementById( id );
if( e.style.display == 'none' ) {
e.style.display = '';
}
else {
e.style.display = 'none';
}
}
</script>
<div id="pic"><img src="/img/img.gif" alt="pic" /></div>
<a href="javascript:click('pic');">bla</a>
weil bei setzen der visibility auf hidden lediglich die sichtbarkeit genommen wird, der platz, den das element benötigt, wird weiterhin reserviert.axelm hat geschrieben:>display='none'
>wäre meiner meinung nach besser
wieso?
tobsn hat geschrieben:Code: Alles auswählen
<script type="text/javascript"> function click( id ) { var e = document.getElementById( id ); if( e.style.display == 'none' ) { e.style.display = ''; } else { e.style.display = 'none'; } } </script> <div id="pic"><img src="/img/img.gif" alt="pic" /></div> <a href="javascript:click('pic');">bla</a>
jomd hat geschrieben: kann mir jemand dabei helfen, wie ich es schaffe, dass bei o.g. script das bild beim laden der seite erstmal "versteckt" ist und erst beim klick auf den link das bild erscheint?
Code: Alles auswählen
function click( id ) {
var e = document.getElementById( id );
if( e.style.display == 'none' ) {
e.style.display = '';
}
else {
e.style.display = 'none';
}
}
</script>
<img id="pic" style="display:none" src="/img/img.gif" alt="pic" />
<a href="javascript:click('pic');">bla</a>
Code: Alles auswählen
<script language="JavaScript" type="text/javascript">
<!--
if (document.getElementById) {
document.write('<style type="text/css">');
document.write('#pic { display:none; }');
document.write('<\/style>');
}
//-->
</script>