Inhalte verstecken | Webstatt.org Community

user-162

01.04.2006 19:22

hi
kann mir einer sagen wie man solche tollen pull-down Inhaltsboxen macht. Solche mit einem Plus (+) wo man drauf klicken kann und der Inhalt geht auf und dann (-) damit alles wieder verschwindet.
So etwas wie hier auf der Startseite vom Forum.

mfg nic

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine

user-137

01.04.2006 20:19

Das müsste mit div gehen, und dan noch ein script damit sich der div zeigt bzw nicht.
Ich suche mal bei Google...

__________________________________________________________________________
EDIT:

Hab was gefunden:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css">
<script src="bearbeiter/cal2.js" language="javascript" type="text/javascript"></script>
<script language="JavaScript" src="bearbeiter/overlib_mini.js"></script>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body>
<h3>Auswertungen der Ergebnislisten</h3>
<div id="container" style="z-index:1; position: absolute; ">
<div id="overDiv" style="position:relative; visibility: visible; z-index:1000;"></div>

<form action="test.php" method="post" enctype="multipart/form-data" target="_self">

<div id="form1" style="position:relative; z-index:4; ">
<select name="menu2" onchange="MM_jumpMenu('parent',this,0)">
<option>unnamed1</option>
<option>unnamed2</option>
<option>unnamed3</option>
<option>unnamed4</option>
<option>unnamed5</option>
</select>
</div>
<div id="click" style="position:absolute; z-index:999; ">

Zeitraum : von <input type="text" value="<? if ((isset($von)) AND (isset($bis))) echo $anfang; else echo "(klick)"; ?>" name="von" size="20" readonly onClick="show_calendar('aus.von';">
   <select name="vstd" onChange="MM_jumpMenu('parent',this,0)">
</div>
</form>

</div>

</body>
</html>

user-162

01.04.2006 20:25

öhm danke für das Skipt aber ist glaube ich nicht das was ich suche??!!

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine

user-137

01.04.2006 20:42

Jetzt hab ich aber das richtige:

<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) {
if (ie4) {
return document.all[id];
} else {
return document.getElementById(id);
}
}

function toggle(link, divId) {
var lText = link.innerHTML; var d = getObject(divId);
if (lText == '+' {
link.innerHTML = ''; d.style.display = 'block';
} else { link.innerHTML = '+'; d.style.display = 'none';
}
}
</script>

<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE; width:200px ">
<table border="0" cellspacing="0" cellpadding="2" width="200" style="background: #000000; color: #FFFFFF; ">
<tr>
<td>Textbox</td>
<td align="right"> [<a title="show/hide" id="" href="javascript: void(0);" onClick="toggle(this, 'box1';" style="text-decoration: none; color: #FFFFFF; ">-</a>]
</td>
</tr>
</table>
<div id="box1" style="padding: 3px;">Testinhalt von der Testbox, die man auf- und zumachen kann. Toll!</div>
</div>

EDIT:

Quelle: JSwelt.de

So gut?

user-162

01.04.2006 21:47

hey
cool danke das hab ich gebraucht
kriegst ein fettes big up von mir zwinkern

mfg nic

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine

user-290

01.04.2006 22:58

@BNightSpeeder...Quellenangabe wär nicht schlecht, sollte das Script nicht von dir sein. Nich, dass sich hier wer beschwert o. ä. Außerdem gehört sich das einfach so *hust* user-158gö