nicht angemeldet
Hallo!
Wenn du die Zeichenkette "px" übergeben willst, musst du sie dort noch mal als Zeichenkette übergeben:
Oh, danke schön. Das habe ich irgendwie übersehen. Danke!
Aber auch jetzt geht es nicht. Was ist denn noch falsch? Firefox meldet, dass in Zeile 50 box nicht definiert sei. Woran liegt das? (Zeile 50 ist die erste Zeile der Funktion slide).
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div.topic{
width: 500px;
background-color: #E89300;
text-align: center;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-size: 1em;
font-family: sans-serif;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #000000;
padding: 0.2em 0 0.2em 0;
}
div.text{
width: 498px;
margin-left: auto;
margin-right: auto;
border-left-color: #E89300;
border-left-style: dashed;
border-left-width: 1px;
border-right-color: #E89300;
border-right-style: dashed;
border-right-width: 1px;
font-size: 0.8em;
height: 0px;
}
</style>
<script type="text/javascript">
var i = 0;
var lastOpenedBox = null;
function openBox(box, height, me){
if(lastOpenedBox != null){
closeBox(lastOpenedBox);
}
aktiv = window.setTimeout("slide(" + box + ", " + height + ", '" + me + "')", 50);
}
function closeBox(lastOpenedBox){
document.getElementById(lastOpenedBox).style.display = "none";
}
function slide(box, height, me){
document.getElementById(box).style.height = i + me;
document.getElementById(box).style.display = "block";
i++;
if( i == height ){
window.clearTimeout(aktiv);
}
}
~~~</script>~~~html
</head>
<body>
<div class="topic"><a href="#" onclick="openBox('text1', '140', 'px');return false">Sinn dieser Seite</a></div>
<div id="text1" class="text" style="display:none;">
Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text! Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text!
Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text! Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text!
Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text! Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text!
Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text! Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text!
Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text! Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text!
Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text! Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text!
Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text! Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text!
Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text! Gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz viel Text!
</div>
</body>
</html>
Vielen Dank für eure Hilfe! Grüße, Fabian
JürgenB