Php: Menü über include Probleme

Thor · 5. Juli 2008

Habe nach langem suchen endlich gute php Einstiegsbücher gefunden und nun auch mal ein kleineres "Menü-Skript" gebastelt. Also

Home - Kontakt - About - Impressum

Skript, um die Inhalte zu lesen:

Code

<?
switch ($gehe) {
case home:
   include ("content/home.php"); break;
case Kontakt:
   include ("content/kontakt.php"); break;
usw....
default  include ("about_sub.php");
  break;
?>

Von den 4 Menüpunkten enthalten 2 Untermenüs und diese möchte ich über das obige Skript inkludieren. Also z.B.

Zitat

About
Ich - Du - Wir

Kontakt
Privat - Geschäftlich - Chef

Über "default"wird mir zwar das About-Submenü inkludiert. Wenn ich aber auf Kontakt klicke, erscheint zwar anfangs das Kontakt-Submenü, nach einem Klick auf "Privat.." ist das Kontakt-Submenü aber wieder weg und es erscheint das About-Submenü..

Wie bekomme ich es hin, dass das Kontakt-Submenü bestehen bleibt, wenn ich auf "Privat.." klicke und sich nicht das About-Submenü öffnet?

Habe im Internet schon nach Lösungen gesucht, aber außer etlichen komplizierteren Menüs (welche ich vorerst nicht brauche), keine brauchbare Lösung gefunden. Wenn jemand Tipps hat, wäre ich sehr dankbar in meinen Büchern habe ich hierzu leider auch nichts finden können.

Mein Lösungsansatz wäre gewesen, ein "default#2" zu setzen, aber das hat vorne und hinten nicht geklappt leider.

Martin · 5. Juli 2008

mom .. also du hast ein menü. wenn man auf nen punkt clickt, öffnet sich dieser zu einem untermenü.

und wenn man jetzt auf nen anderen menüpunkt clickt, willst du, daß der vorher aufgeklappte bereich auch sichtbar bleibt, und sich der neue zusätzlich aufklappt. richtig?

Thor · 5. Juli 2008

Jein =)

Ich möchte folgendes:

Wenn ich auf "Kontakt" klicke, soll das Kontakt-Submenü so lange offen bleiben, bis ich auf "About" klicke. Derzeit ist es aber leider so, dass durch "default" das Kontakt-Submenü sofort nach klicken auf einen der Unterpunkte verschwindet.

Im Prinzip möchte ich einfach nur erreichen, dass das jeweilige Submenü so lange bestehen bleibt, bis ich das andere öffne.

Ein Beispiel für so ein Menü:

http://www.woltlab.com/

Martin · 5. Juli 2008

machs mit ner variablen. durch drücken auf den menüpunkt z.B.
$kontaktmenu_open = "on";

und das gibst per POST immer mit weiter, und überprüfst mit ner if-schleife.
und wenn was anderes auf on gesetzt wird, machst halt gleichzeitig ein off für alle anderen menü-variablen.

wobei ich mit meinen murks-php-skillz so machen würd ein guter coder hat vielleicht ne elegantere lösung *g*

Thor · 5. Juli 2008

Danke Dir.

Werde das mal probieren, wobei ich mich da natürlich noch einarbeiten muss. Aber so wie Du das erklärst, klingt das logisch.

ps: Wäre das Ganze auch über hide & show als Javascript zu realisieren?

Martin · 5. Juli 2008

wahrscheinlich gibts da sogar ne super lösung über css ;-)) aber weder damit noch mit javascript bin ich so gut vertraut leider :-/

Thor · 5. Juli 2008

CSS kann ich eigentlich nicht schlecht, aber damit ein Submenü zu erstellen, traue ich mir leider auch nicht zu.

Werde jetzt versuchen, dass über Deinen Lösungsansatz hinzubekommen.

sinnFeiN · 7. Juli 2008

javascript kanns auch fix. Aber die idee mit boolscher Variable is sicher die einfachste

Thor · 7. Juli 2008

Mit javascript kenne ich mich leider sehr wenig aus. Wie würde das funktionieren?

Ich bekomme das PHP Skript zwar einigermaßen hin, nur leider funktioniert die Weitergabe über POST nicht =(

Steffi · 7. Juli 2008

Hast du'n Glück, ich hab mir sowas auchmal geschrieben in JS

Ich geb dir einfachmal die codes
Für einen Button bzw. die Verlinkung des Mainmenus

Code

<a href="#" onClick="showit(0)"><img src="bild.png" width="die_breite" height="die_hoehe" border="0"></a>
<a href="#" onClick="showit(1)"><img src="bild.png" width="die_breite" height="die_hoehe" border="0"></a>

das wichtigste showit(0) bzw. (1)

Das div-tag für die Subnavi (einfach dorthin wo sie sein soll unter die mainnavi - ach was ich nicht sage xD)

Code

<div id="describe" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>

Das eigentliche JavaScript

PHP

<script language="JavaScript">
var submenu=new Array()
 
submenu[0]='<div align="left"><a href="der lünk">Der Text</a> | <a href="der lünk">Der Text</a> | <a href="der lünk">Der Text</a> | <a href="der lünk">Der Text</a></div>'
submenu[1]='<div align="left"><a href="der lünk">Der Text</a> | <a href="der lünk">Der Text</a> | <a href="der lünk">Der Text</a> | <a href="der lünk">Der Text</a></div>'


var delay_hide=5000


//HIER NICHTS AENDERN, OHNE JS-Kenntnisse!!!!!!
var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""


function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}




function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}


function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}


function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}


</script>

Alles anzeigen

Ist natürlich beliebig erweiterbar, einfach in der verlinkung mit showit() immer eins raufgehen ...
dann natürlich auch im JS-Code bei submenu[] die selbe zahl eingeben, wie der button hat

Thor · 8. Juli 2008

Wow super, vielen Dank! Das klappt super, ich glaube, nach *php werde ich wohl ordentlich Javascript lernen müssen =)

Danke nochmal

Thor · 8. Juli 2008

Wie lernt man aus diesen Büchern am effektivsten? Bis lang schreibe ich die Scripts ab und versuche, das Ganze zu verstehen. Gibts vielleicht spezielle Tricks, denn die ganzen Formeln etc. kann man sich ja nie alle merken.

sinnFeiN · 8. Juli 2008

oft anwenden
prinzipien merken

so merkt man sichs eigentlich immer am besten

Code is immer ein Trial and Error bzw. eine reine Übungssache

hätt mir auch nie gedacht, dass ich jemals was grafisches in C/C++/C# zambring, aber mit Übung gehts schon

also, probieren, probieren, probieren

Steffi · 9. Juli 2008

Zitat

Original von sinnFeiN
oft anwenden
prinzipien merken

so merkt man sichs eigentlich immer am besten

Code is immer ein Trial and Error bzw. eine reine Übungssache

hätt mir auch nie gedacht, dass ich jemals was grafisches in C/C++/C# zambring, aber mit Übung gehts schon

also, probieren, probieren, probieren

Alles anzeigen

Jop

Martin · 9. Juli 2008

ich les dann immer auf selfhtml nach .. da stehen eh auch viele java- und css-codes drin. da kann man dann codes leichter "aufschlüsseln".

ansonsten, ja .. abschreiben, adaptieren, rausfinden was welche zeile macht, und probieren, probieren, probieren.

Thor · 9. Juli 2008

Ok danke euch für die guten Tipps. Ja so kleinere Nachschlagewerke werde ich mir dann mit den wichtigsten Befehlen selber anlegen. "Alle" werde ich eh über php.net nachgucken müssen.

Teilen