Hi
Habe meine Vital info um einiges modifiziert und sie nimmt nun einen ganz schön großen Bereich auf der rechten Seite meines Designs ein. Daher möchte ich es so gestalten, dass die Vital info aus und ein klappar ist.
Beispiel:
ID, Rundenanzahl und Zeitanzeige des Benutzers werden unter der Überschrift "Informationen" zusammengefasst.
Darunter folgt dann die Überschrift "Zur Person", wo unter anderem der Name, das Level, die Stimmung etc des Benutzers zu finden sind.
Nun ist neben der Überschrift ein kleiner Pfeil. Dort kann der Benutzer drauf klicken. Sodass entweder nur die Überschrift oder auch die entsprechenden Werte zu finden sind.
Hier mal ein Bild wie es aussehen soll. Bislang habe ich das mit dem Pfeil nur in dem oberen Kasten, bei der Überschrift "Information" eingebaut:
http://www.hde-lotgd.d-be-online.de/images/BEISPIEL.jpg
Ich habe auch schon ein Scriptbeispiel für genau diese Sache im Netz gefunden.
Siehe hier:
http://webmatze.de/webdesign/javascript ... av.htm#nav
genau das soll es sein, eben nur nicht als Menü, sondern nur als Anzeige.
Leider funktioniert es noch nicht so recht auf meinem Testserver.
Hier mal der Link für den Testserver:
http://www.hde-lotgd.d-be-online.de
Wenn ihr euch das ansehen wollt, müsst ihr euch anmelden und das style "marbleelfs' auswählen. Passwort ist toXic
Kommen wir nun zu den Veränderungen die ich eingebaut habe ^^
1.
in der COMMON.PHP function PAGE_FOOTER im $script nach der function keyevent(e) aber noch über
//-->
</script>";
lege ich die Funktion ab:
[php]
function showhide(vitalvalue)
{
var e = document.getElementById(vitalvalue);
e.style.display = (e.style.display == 'block') ? 'none' : 'block';
}
[/php]
2.
in der COMMON.PHP function CHARSTATS füge ich die Überschrift hinzu
im titel habe ich das onClick event und das Bild, danach den Namen.
Unter der Überschrift beginnt dann der restliche Teil. Hier nur mit ID. Darunter kommen dann eben di Runden und der Tag. Dann wieder eine Überschrift, die dazugehörigen Inhalte... usw
[php]
//Informationen
$charstat.=appoencode(templatereplace("statfirst",array("title"=>"<a href='#' onClick='showhide('vitalvalue');'><img src='images/pfeil.jpg'/></a> Informationen")),true);
$charstat.=appoencode(templatereplace("statpoint",array("title"=>"Id","value"=>appoencode($u[acctid],false)))
[/php]
3.
in der MARBLEELFS.HTM habe ich dann das design mit festgelegt.
Für den Titel: vitaltitle
Für die Werte: klasse vitalvalue und eine ID "vitalvalue". Diese id übergebe ich ja auch in meinem javascript, wenn ich das richtig verstanden habe.
[php]
<!--!statfirst-->
<div class='vitaltitle'>{title}</div>
<!--!statpoint-->
<div class='vitalvalue' id='vitalvalue'>`b{title}:`b {value}</div>
[/php]
4.
in der MARBLEELFS.CSS habe ich dann die Definitionen festgelegt:
[php]
/*Werte in der Vital info*/
.vitalvalue{
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color:#eeeeee;
width: 150px;
padding: 2px;
}
/*Titel in der Vital info*/
.vitaltitle{
color: #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color:#cccccc;
font-weight:bold;
width: 150px;
padding: 2px;
margin-bottom: 3px;
}
[/php]
mehr habe ich nicht geändert.
Folgender Fehler tritt auf:
wenn man auf den Pfeil klickt, passiert einfach nichts.
Dazu sollte man sagen, dass ich mich mit Javascript noch nicht so gut auskenne.. eigentlich gar nicht ^^
Würde mich echt über Hilfe freuen, ich hab nämlich keinen Plan mehr ^^*
Ich hoffe ich habe es mehr oder minder verständlich ausgedrückt ...
ein lieber gruß
toXic