Vorschlag/Idee : Neues MENÜ für Details.html ???

[Chicco]

HI.


Hätte da mal eine neue Idee bezüglich den ganzen Buttons in der Detail-Ansicht. Wäre es nicht möglich, das ganze per DHTML-Aufklappmenü darzustellen? Habe von DHTML genauso wenig Ahnung wie von PHP. Kenne mich nur in HTML und Javascript aus.

Also mal das ganze als Bilder gezeigt. Habe da mal was zusammengemalt in PS: Das Layout ist änderbar. Ganz klar. Habe , wie gesagt, was auf die Schnelle zusammengemalt, wie ich mir das ungefähr vorstelle.

Bild 1
zeigt es, wie es normalerweise aussieht. (Bespiel zeigt eingeloggten Admin gerade)
Diese Button sollen weg!

Bild 2
zeigt die neue Version. Ein kleiner Button unten Rechts, unter dem Bild soll nur noch sichtbar sein.

Bild 3
Sobald man mit der Maus über diesen Button fährt, klappt sich ein Menü auf, welches über das darüberliegende Bild geht. Dort sind dann alle notwendigen Buttons drin. Je nach Status (Admin, Gast, Mitglied) sind die Buttons ausgeblendet oder dekativiert eben

Sowas wäre doch was, oder?
Müsste doch auch machbar sein, oder?

[TIMT]

Coole Idee!

[Chicco]

Thanks.

Ich hatte schon die Idee das Ganze per Flash zu machen. Da bin ich ebenfalls ziemlich fit. Aber dann müsste ich a) jeden User quasi dazu zwingen, das Flash-Plugin zu installieren (okay, sollte eigentlich sowieso jeder drauf haben, aber wir alle wissen ja, das es auch solche User gibt, die ziemlich eingeschränkt sind usw... Wisst schon wie ich es meine... ) und b) würde es dann wohl "etwas" das System ausbremsen, wenn erst noch das Flash-Modul (*.swf) geladen werden muss....

Da finde ich das ganze mit DHTML schon etwas flinker.....

Ausserdem habe ich noch gar nicht getest, ob man überhaupt im Flash die Parameter wie "{if admin links}" usw. auslesen lassen kann in Zusammenarbeit mit dem PHP.

[trez]

wird einfach sein, falls das s morgen keiner gemacht hat setzt ich mich mal dran und bis morgen abend ist es fertig. Wuerd dich nur bitten mir die namen der gewuenschten buttons zu posten.

[Chicco]

Guten Morgen.

Ja wie jetzt : :

Trez: Habe ich das wirklich richtig verstanden, das du quasi "für" mich (natürlich auch für alle anderen) diesen "MOD". schreiben würdest???
Wau.....Tief beeindruck! Ohne Mist. Also wenn das klappt bzw.. schon allein die Arbeit, hast du bei mir was fettes Gut.

Ähmm, reden wir nun von der DHTML-Version oder eher von der Flash-Version? DHTML, oder?

Nun, die Buttons, welche nachher dort erscheinen sollen, sind quasi die gleichen wie es bisher gibt.
- Postcard
- Fotoalbum
- Download
- Download ZIP

(wenn der Admin eingeloggt ist dann noch zusätzlich:
- Foto bearbeiten
- Foto löschen
)

Auch sollen dann je nach Userstatus (Gäste, Mitglieder oder Admin) die Buttons grau (bei DEAKTIVIERT) hinterlegt sein oder farbig (bei AKTIV)
Auch wenn jemand es fürs Fotoalbum markiert hat, sollte entsprechend der Fotoalbum-Button dann aussehen (mit oder ohne Hacken).

Das es nachher alles in einem Menü ist, welches eine bestimmte Breite ja hat, und man grafische Buttons verwendet, muss man die Buttons eben nue erstellen, so das alle gleich breit sind. Das ist klar.

Also nochmals TREZ:
Momentan weiß ich zwar nicht, was oder wie ich mich dafür revochieren kann, aber wenn dir was einfällt, dann sag es....

PS: Ich habe schon mal im Internet nach sog. DHTML- Navigations-Menü-Generatoren geasucht, aber die ganzen kostenlosen Dinger taugen irgendwie nichts... Man könnte evtl. das Ganze auch per Javascript vielleicht erstellen. Ähnlich dem "blur-Effekt", wenn einer mit der Maus über die Thumbnails fährt und ein Hinweisfenster sofort erscheint. Kennst ja bestimmt, oder?

[Chicco]

Hier sind meine Buttons, falls diese brauchst. Alle gleich lang  und gleich hoch. Wer sie noch braucht, kann sie gerne haben....Have fun!

[trez]

ok, werd mich etwas spaeter ransetzen, werds versuchen in dhtml zu coden, resultat etwa gegen 2/3 uhr in der frueh oder morgen

[Chicco]

Wie okay?

Hey Hey...mach dir bitte wegen mir frei keinen Stress!!!!!!!! Also das hat locker flocker Zeit das Ganze....Musst deshalb nicht bis nachts 3 Uhr am Rechner sitzen!!! Da bekomme ich ja schlechtes Gewissen! Ohne Mist! Und wenn du es nächste Woche hinbekommst....wäre das schon super! Also bitte......

Mag ja sein, das du sonst auch immer während der Woche bios spätnachts am PC sitzt. Aber mach es nicht wegen mir! Denk daran: Kohle bekommst keine dafür von mir..

[trez]

was denn fuer kohle ne mal im ernst, hab in etwa ne vorstellung wie es gehn wird, und geld verlangen wuerd ich sowieso net, da ich hier schon so oft support bekommen habe, von daher ..

PS: Ich arbeite immr bis spaet in die nacht

[trez]

so eine kleine BETA version


1. oeffne/open header.html

finde/find:

das erste / the first:

Code: [Select]

</script>
2. danach einfuegen / insert below

Code: [Select]

<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:right;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">



var persistmenu="yes"
var persisttype="sitewide"

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>
speichern / save

3. oeffne / open details.html

finde / find:

Code: [Select]

{image}
danach einfuegen:

Code: [Select]

<table width="100%" border="0" cellspacing="0" cellpadding="1" class"************************">
<tr>
<td align="right" valign="top" class="***************************">

<div id="masterdiv">



<img src="{template_url}/images/******hier_der_button_zum_oeffnen************.gif" onclick="SwitchMenu('sub1')"><br>



<span class="submenu" id="sub1">
{if admin_links}{admin_links}<br>{endif admin_links}
{lightbox_button}<br>
{postcard_button}<br>
{download_button}<BR>
{download_zip_button}

</span>

</div>

</td>
</tr>
</table>


wie gesagt ist beta, menue oeffnet sich derzeit nach unten. Zweites problem, wenn die bilder eine unterschiedliche breite haben wird der button nicht automatisch am ende des bildes gesetzt, sondern am ende der tabelle.

+zusatzoption: das script merkt sich per cookie ob der user die optionen sehen will oder nicht, d.h.: Wenn der user das menue oeffnet, und dann aufs naechste bild geht, wird das menue offen dargestellt. Falls er es wieder schliesst, wird es beim naechsten bild geschlossen dargestellt.

getestet mit: IE 6 / FF 1.07

werde etwas spaeter den mod fortsetzen, hoffe bist derzeit mit dem status zufrieden

gruss

georg


EDIT: da wo die ********** sind jeweils mit deinen daten editieren

[Chicco]

Zufrieden?? Zufrieden? Hey, das ist schon weit aus mehr, als ich mir anfangs mit meiner FRage erhofft hatte. Danke nochmals bis hierher....

Den Mod werde ich dann mal (weiss aber nicht wann ich dazu komme) ausprobieren...

Mit dem Problem, das der Button offen bleibt und nicht usw....Hmm, kenn mich ja nicht aus, aber ist denn diese Cookiefunktion überhaupt notwendig? Könnte man doch einfach weglassen, oder? Oder einfach einen normalen Button setzen und dann das script drauflegen (sowie mouseover oder sowas, weißt wie ich es meine?). Denn so wie es auf die Schnelle gerade gesehen habe, wird ja der Button bereits im script gesetzt.

Das mit dem Button am Ende der Tabelle ist gar kein Problem, da ich sowieso eine Tabelle verwende und das Bild als Hintergrundbild geladen wird und als Bild selbst ein transparente GIf.

Gruß und viel Erfolg.
Michael

[Chicco]

Also... Sieht schon echt gut aus..... Habe bzw. hatte es mal kurz eingebaut gehabt.

Darf ich was dazu bemängeln bzw. sagen?

Also es wäre nicht schlecht, wenn automatisch gleich das Menü aufklappt, sobal man mit der maus darüber fährt. Nicht erst bie Klick. Aber ggf. könnte man damit leben.

Dann natürlich das Problem mit dem nach unten.. Sollte nach oben und ÜBER das Bild sich öffen und nicht alles dann nach oben oder unten verschieben. Und as mit dem offen bleiben vom Menü wenn man das nächste bild lädt....

Aber wie gesagt...Bin schon voll zufrieden...Wollte jetzt nicht auch noch meckern......Also bitte nicht falsch verstehen jetzt...

[trez]

Heh, kein problem freut mich dass es dir mehr oder weniger gefaellt. Werde versuchen bis heute abend deine wuensche umzusetzen.

gruss

georg

[tdkpaul]

die idee ist voll cool!!

Könnte das mal jemand fortsetzten.

Vielen Dank im Vorraus 

[trez]

jeder, der ein wenig html versteht kann meinen "mod" fortsetzen - ich hab leider keine zeit, ausser es geht um kleinigkeiten