Willkommen in der Webstatt Zum Webstatt Blog und Stories
der_nic der_nic am 01.04.06 21: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

netcup.de Warum gibt es hier Werbung?
BNightSpeeder am 01.04.06 22: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:

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');">
&nbsp;&nbsp;&nbsp;<select name="vstd" onChange="MM_jumpMenu('parent',this,0)">
</div>
</form>

</div>

</body>
</html>

der_nic der_nic am 01.04.06 22:25

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

BNightSpeeder am 01.04.06 22:42

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?

der_nic der_nic am 01.04.06 23:47

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

mfg nic

Rene Rene am 02.04.06 00: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* Dangö

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt