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
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:
Quote
<!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">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</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>
öhm danke für das Skipt aber ist glaube ich nicht das was ich suche??!!
Jetzt hab ich aber das richtige:
Quote
<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?
hey
cool danke das hab ich gebraucht
kriegst ein fettes big up von mir ;)
mfg nic
@xyz-27...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* xyz-48gö