The_Eye
Neues Mitglied
Hallo Forum,
Ich sitze grade an einer Seite und komme nicht weiter. Es geht darum, das Text-Absätze verstecket und per Click angezeigt werden sollen. Das funktioniert auch.
Das Probem ist aber, dass die angezeigten Absätze die Länge (nach unten) bzw. die Gesamthöhe der Seite beeinflusssen sollen. Sprich, ist der angezeigte Absatz 100 Zeilen lang, verlängert sich die Webseite. Ist der nächste Absatz nur 50 Zeilen lang, verkürzt sie sich.
Ich weiß nicht, ob das überhaupt möglich ist. Aber vielleicht hat von euch jemand einen Tip oder kennt eine Seite, die so funktioniert.
Die Bilder "Shot1.jpg" und "Shot2.jpg" zeigen wie es im Moment aussieht und wie es mal aussehen soll.
Frames sollen eigentlich nicht zum Einsatz kommen.
Die Elemente werden versteckt bzw.angezeigt durch folgendes Script:
Der Quelltext der Seite so:
Ich sitze grade an einer Seite und komme nicht weiter. Es geht darum, das Text-Absätze verstecket und per Click angezeigt werden sollen. Das funktioniert auch.
Das Probem ist aber, dass die angezeigten Absätze die Länge (nach unten) bzw. die Gesamthöhe der Seite beeinflusssen sollen. Sprich, ist der angezeigte Absatz 100 Zeilen lang, verlängert sich die Webseite. Ist der nächste Absatz nur 50 Zeilen lang, verkürzt sie sich.
Ich weiß nicht, ob das überhaupt möglich ist. Aber vielleicht hat von euch jemand einen Tip oder kennt eine Seite, die so funktioniert.
Die Bilder "Shot1.jpg" und "Shot2.jpg" zeigen wie es im Moment aussieht und wie es mal aussehen soll.
Frames sollen eigentlich nicht zum Einsatz kommen.
Die Elemente werden versteckt bzw.angezeigt durch folgendes Script:
Code:
function change(menu, newClass)
{
if (document.getElementById)
{
document.getElementById(menu).className = newClass;
}
}
function wahl(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("menu").getElementsByTagName("DIV");
if(el.style.display == "none"){
for (var i=0; i<ar.length; i++){
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
document.onselectstart = new Function("return false");
HTML:
<body>
<script language="JavaScript" src="menu.js" type="text/javascript"></script>
<!-- Eingefügtes MAIN-Menu -->
<?php
// Navigation
include("menu.htm");
?>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="699">
<tr>
<td height="220" valign="top" style="background-image:url(p/back.jpg)">
<div id="menu">
<h3 id="rasen1" class="normal" onclick="wahl('rasen2')" onmouseover="change('rasen1','aktiviert')" onmouseout="change('rasen1','normal')" title="Menu: A">Link1</h3>
<div class="links" style="display: inline; " id="rasen2">
<p>ddddddddddddddddddddddddddddddddddddddddddddd<br>
ddddddddddddddddddddddddddddddddddddddddddddd<br>
dddddddddddddddddddddddd<a href="1.htm">dddddddd</a>ddddddddd</p>
<p>ddddddddddddddddddddddddddddddddddddddddddddd<br>
ddddddddddddddddddddddddddddddddddddddddddddd<br>
dddddddddddddddddddddddd<a href="1.htm">dddddddd</a>ddddddddd</p>
<p>ddddddddddddddddddddddddddddddddddddddddddddd<br>
ddddddddddddddddddddddddddddddddddddddddddddd<br>
dddddddddddddddddddddddd<a href="1.htm">dddddddd</a>ddddddddd</p>
</div>
<h3 id="lexikon1" class="normal" onclick="wahl('lexikon2')" onmouseover="change('lexikon1','aktiviert')" onmouseout="change('lexikon1','normal')" title="Menu: Kleines Konversationlexikon">Link2</h3>
<div class="links" id="lexikon2" style="display: none;">
<p>ddddddddddddddddddddddddddddddddddddddddddddd<br>
ddddddddddddddddddddddddddddddddddddddddddddd<br>
dddddddddddddddddddddddd<a href="1.htm">dddddddd</a>ddddddddd</p>
</div>
usw. usw. usw.
</div>
</td>
</tr>
</table>
<!-- Eingefügt UNTEN -->
<?php
// Navigation
include("unten.htm");
?>
</body>
