TDave86 (557)  1x Beste Antwort 1x "Danke"
|
Hi ich würde gerne eine Shoutbox in eine art Klapp Menü einarbeiten, so dass die shoutbox aus dem Bild ausgeblendet werden kann und bei bedarf wiedergeholt werden.
Die NAvigation, die ich dazu "missbrauchen" möchte ^^
sähe ungefähr so aus http://www.javarea.de/index.php3?opencat=Javascript&subcat=Navigation&id=133
und in so etwas möchte ich gerne die Shoutbox einfügen.
Wie kann man das umsetzten?
ICh würde mich auf eure Antworten freuen :-)
LG
Hat dir diese Antwort geholfen?
Hi |
Also mal knapp umrissen:
Du brauchst ein DIV, in dem die Shoutbox lagert. Dann baruchst du einen Button oder sowas, der zum Öffnen und Schließen dient. Mit dem Button modifizierst du die Style-Eigenschaft 'display' vom DIV. Einfach immer den Status auslesen und den jeweils anderen Status setzen. Das war's schon 
greez 
JoSsiF
Hat dir diese Antwort geholfen?
ok danke erstmal für die antwort :-)
jetzt weiß ich zumindest was mir fehlt ^^
Nur leider habe ich kaum ein Wort verstanden 
Leise zwar schon einige Bücher, aber so schnell bi ich leider nicht 
Kan n ich vielleicht irgendwo beispiele sehen mit Quellcodes oder so???
Schonmal danke 
LG
So wie ich das verstanden hab meint JoSsiF folgendes Beispiel:
<script language="javascript">
function Change () {
if ( document.getElementById('MeinDiv').className == 'deaktiviert' ) {
document.getElementById('MeinDiv').className = 'aktiviert' ;
}
else {
document.getElementById('MeinDiv').className = 'deaktiviert' ;
}
}
</script>
<style type="text/css">
.aktiviert {
display:block;
}
.deaktiviert {
display:none;
}
</style>
<input type="button" onclick="Change();" value="Wechsel" />
<div id="MeinDiv" class="deaktiviert ">Raum für den Inhalt von MeinDiv</div>
Hat dir diese Antwort geholfen?
Ok.
also ich habe jetzt einfach mal das vorhandenen zusammengebastelt, wie ich es mir später mal vorstelle, was nicht so wirklich geklappt hat ^^
wieso zB ist die gif datei im folgenden weiter nach unten verschoben und die shoutbox hängt ganz oben???
statt nebeneinander?
Sprich die Navigation ist risig groß geworden????????
- Bei Firefox
Wieso
<html>
<head></head>
<body onload="clickmenu()">
<SCRIPT language="javascript">
<!--
// (C) 2000 Klaus Hentschel [ All rights reserved ].
// e-mail: [email protected]
// www: http://www.javarea.de
if (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) >=3))
|| ((navigator.appName == "Microsoft Internet Explorer")&&(parseInt(navigator.appVersion.substring(0,1)) >=4)))
{
var version=true
}
// Abfrage ob Object bekannt?
if (document.layers){
ns = 1;ie = 0;}
else {
ns = 0;ie = 1;
}
// Funktion Dokument initialisieren
function clickmenu() {
if (ns) layer = document.menu;
if (ie) layer = menu.style;
}
// Menue verschieben rechts
function auf() {
if(ns)
{
document.menu.left=-10; // ebene die im - Bereich verbleibt
}
else{
menu.style.left=-10; // ebene die im - Bereich verbleibt
}
}
// Menue verschieben links
function zu(){
if(ns)
{
document.menu.left=-155;} // ebene die im - Bereich verschoben wird
else{
menu.style.left=-155; // ebene die im - Bereich verschoben wird
}
}
// -->
</SCRIPT>
<div id="menu" style="position:absolute;z-index:1;left:-155;top:39;visibility:visible; width:182; height:328">
<table border="0" width="180" bgcolor="#000040">
<tr>
<td align="center" valign="top" bgcolor="#000040">
<table border="0">
<tr>
<td align="center" valign="top" bgcolor=""><font color="black" face="arial,Helvertica" size="2"><b>..:: Shout it out ::.. </b></FONT><br>
</td>
</tr>
<tr><iframe width="135" height="300" src="http://146251.shoutbox.de/" name="main" border="0" frameborder="0" target="_self"></iframe>
</tr>
</table>
</tr>
<td align="right" width="21" bgcolor="#000040">
<img src="http://people.freenet.de/young-scene/menubar.gif" width="21" height="318" alt="Menü öffnen" border="0" usemap="#klaus hentschel">
<MAP NAME="klaus hentschel">
<AREA SHAPE="rect" COORDS="0,0,20,30" alt="Menü öffnen" href="Javascript:auf('Menü öffnen')" onfocus="this.blur()">
<AREA SHAPE="rect" COORDS="0,288,20,318" alt="Menü schließen" href="Javascript:zu('Menü schließen')" onfocus="this.blur()">
</map>
</td>
</tr>
</table>
</div>
Hat dir diese Antwort geholfen?
Nun, das JavaScript funzt ja schonmal!
Wenn man sich dann allerdings deine Tabellenstruktur anschaut, dann wird schnell klar, dass da eigentlich in Sachen Layout nichts funktionieren kann.
Tipp: Tabs benutzen, um die verschiedenen Strukturebenen im Editor einzurücken, denn dann sieht man, wo etwas fehlt.
Noch ein Tipp: de.selfhtml.org
greez
JoSsiF
| « CGI output in html einfügen | Win XP: HTML Code » | ||
