Welcome, Guest. Please login or register.
Did you miss your activation email?
May 25, 2012, 10:39:59 AM

Login with username, password and session length
Search:     Advanced search
Wollen Sie dem WebsiteBaker Team beitreten?
Nähere Informationen finden Sie unter hier und auf unserer neuen Webseite.
155494 Posts in 21710 Topics by 7736 Members
Latest Member: deenangle
* Home Help Search Login Register
Pages: [1] 2   Go Down
Print
Author Topic: Menü mit Grafikbuttons_funktioniert auf Unterseiten nicht  (Read 2083 times)
Peg

Offline Offline

Posts: 16
« on: April 14, 2009, 02:46:56 PM »
Hallo an alle,

bin noch ziemlich neu auf dem Gebiet, aber habe meine Seite fast fertig. Aber nur fast. Ich habe bisher mein Menu so aufgebaut wie es Bernd es schon beschrieben hat. Das hat mir schon sehr geholfen. Bei mir sieht das so aus:

Code:
<?php 
$button = '[if(class==menu-current){<img src="'.TEMPLATE_DIR.'/bilder/a-buttons/[menu_title].png" border="0" width="168" height="36" alt="[page_title]" />}]';
$button .= '[if(class==menu-sibling || class==menu-parent){[a]';
$button .= '<img src="'.TEMPLATE_DIR.'/bilder/buttons/[menu_title].png" border="0" width="168" height="36" alt="[page_title]"';
$button .= 'onMouseOver=this.src="'.TEMPLATE_DIR.'/bilder/a-buttons/[menu_title].png"; ';
$button .= 'onMouseOut=this.src="'.TEMPLATE_DIR.'/bilder/buttons/[menu_title].png"; ';             
$button .= '/></a>}]';                    

show_menu2(1, SM2_ROOT, SM2_START, SM2_ALL, '[li]'.$button); 
?>

Der Ordner "a-buttons" steht für die aktiven Menupunkte. Die normalen inativen Menupunkte befinden sich im Ordner "buttons".
Funktioniert alles in der Hauptnavigation, nur wenn ich auf einen Unterpunkt klicke, zeigt es nur den dazugehörigen Hauptnavipunkt an. Dieser ist auch inaktiv dargestellt - soll aber aktiv sein und weiterhin sollen die anderen Menupunkte (also die inaktiven im Ordner "buttons") angezeigt werden.

Ich weiß absolut nicht weiter, kenne mich leider auch nicht mit php und javascipt aus.

Könntet ihr mir in dem Zusammenhang auch den Code zum Vorladen, der Bilder zeigen?

Habe bisher das - ist das korrekt und ausreichend? - ich merke da nicht viel Unterschied:

Code:
<script language="JavaScript">
<!--
function BilderVorladen()
{
    document.Vorladen = new Array();

    if(document.images)
    {
        for(var i = 0; i < BilderVorladen.arguments.length; i++)
        {
            document.Vorladen[i] = new Image();
            document.Vorladen[i].src = BilderVorladen.arguments[i];
        }
    }
}
//-->
</script>-->

Im body steht dann das:

Code:
<body onload="BilderVorladen('<?php echo TEMPLATE_DIR;?>/bilder/amt_entwurf3_headerbild_stand.jpg','<?php echo TEMPLATE_DIR;?>/bilder/Home.png','<?php echo TEMPLATE_DIR;?>/bilder/a-buttons/Home.png','<?php echo TEMPLATE_DIR;?>/bilder/buttons/Leistungen.png','<?php echo TEMPLATE_DIR;?>/bilder/a-buttons/Leistungen.png','<?php echo TEMPLATE_DIR;?>/bilder/buttons/Produkte.png','<?php echo TEMPLATE_DIR;?>/bilder/a-buttons/Produkte.png','<?php echo TEMPLATE_DIR;?>/bilder/schatten.png');">

Ich weiß, dass ist jetzt vielleicht etwas viel auf einmal, aber das ist alles was mir noch fehlt, um die Seite fertig zu stellen. Der Rest funktioniert mit WebsiteBaker wunderbar - super Sache smiley

Ich brauche unbedingt eure Hilfe, damit ich die Seite fertig stellen kann.

Vielen Dank im Vorraus.

Grüßle Peg
Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #1 on: April 14, 2009, 04:32:19 PM »
Hallo Peg,

bei dem Menü ist die If-Abfrage noch nicht so ganz passend - probiers mal damit:

Code:
<?php
$button = '[if(class==menu-current || class==menu-parent){<img src="'.TEMPLATE_DIR.'/bilder/a-buttons/[menu_title].png" border="0" width="168" height="36" alt="[page_title]" />}else{[a]';
$button .= '<img src="'.TEMPLATE_DIR.'/bilder/buttons/[menu_title].png" border="0" width="168" height="36" alt="[page_title]"';
$button .= 'onMouseOver=this.src="'.TEMPLATE_DIR.'/bilder/a-buttons/[menu_title].png"; ';
$button .= 'onMouseOut=this.src="'.TEMPLATE_DIR.'/bilder/buttons/[menu_title].png"; ';
$button .= '/></a>}]';

show_menu2(1, SM2_ROOT, SM2_START, SM2_ALL, '[li]'.$button);
?>

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #2 on: April 15, 2009, 07:14:43 AM »
Hi Michael,

genial - jetzt funktioniert es - echt super - bin total glücklich - DANKE schön.

Jetzt muss nur noch das Bilder-Vorladen hinhauen - funktioniert das auf die Art und Weise wie ich es in meinem ersten Post beschrieben habe?

Danke schön im Voraus.

Viele Grüße

Peg
Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #3 on: April 15, 2009, 09:35:10 AM »
Hallo Peg,

das Vorladen der Bilder ist wohl hauptsächlich für die Menü-Bilder gedacht, die beim Mouseover angezeigt werden. Wenn die nicht vorgeladen sind, ist der Effekt beim Drüberfahren unter Umständen unschön weil sie dann erst nachgeladen werden. Die Bilder die immer auf der Seite angezeigt werden müssen sowieso geladen werden - da spielt es keine große Rolle ob das vor oder während dem Seitenaufbau passiert.

Das Testen der Funktion ist auch nicht unbedingt einfach. Außer einem geleerten Browsercache brauchst du auch eine entsprechend langsame Verbindung um die Nachlade-Effekte zu merken.

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #4 on: April 15, 2009, 12:07:05 PM »
Hi Michael,

danke für deine Antwort. Allerdings dachte ich, dass ich mit diesem Code gleich alle Bilder vorladen kann, da z. B. das Headerbild ziemlich lange braucht, bis es vollständig angezeigt wird (habe schon die kleinst mögliche Größe verwendet).

Ist denn mein Code überhaupt richtig?

Kann denn auch die Smooth Gallery an sich schneller geladen werden, ohne vorher festlegen zu müssen, welche Bilder drin sind?

Ja, eine langsame Verbindung finden ist nicht ganz so einfach.

Danke schön.

Gruß Peg
Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #5 on: April 15, 2009, 12:38:05 PM »
Hallo Peg,

wie oben schon erwähnt bringt das Vorladen bei sichtbaren Bildern rein gar nichts bei der Geschwindigkeit des Seitenaufbaus. Du musst auch mit Vorlade-Funktion darauf warten bis sie übertragen sind.

Der Code ist schon richtig, nur eben für einen anderen Einsatzzweck gedacht. Du kannst damit z.B. Bilder vorladen, die erst auf späteren Seiten erscheinen. Nützlich ist das bei Slideshows.

Ob die Smooth Gallery eine Vorladefunktion besitzt kann ich nicht sagen. Grundsätzlich muss aber alles was angezeigt werden soll, auch irgendwann mal übertragen werden und das dauert eben seine Zeit. Wink

Um mit langsameren Übertragungsgeschwindigkeiten zu experimentieren ist unter Umständen das Tool NetLimiter hilfreich.

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #6 on: April 20, 2009, 07:11:00 PM »
Hi Michael,

danke für den Tipp, werde es mal testen.

Ich hätte da doch noch eine Frage zu dem oben beschriebenen Menü.
Wenn ich auf den Unterseiten bin und dann wieder auf den dazugehörigen Hauptnavigationspun kt klicke, um dessen Inhalt sehen zu können, wird man nicht weitergeleitet. Ich muss erst auf einen anderen Hauptnavipunkt klicken, um wieder zu der eigentlichen Seite zu gelangen - denn da funktioniert der Link wieder.

Kann man das noch irgendwie einstellen, dass man auch von den Unterseiten wieder auf den aktiven Hauptnavigationspun kt klicken kann, um den Inhalt anzeigen lassen zu können?

Vielen Dank im Voraus.

Viele Grüße Peg
Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #7 on: April 20, 2009, 07:15:42 PM »
Hallo Peg,

mit folgendem Code gibt es bei allen Menüpunkten einen Link:

Code:
<?php
$button = '[if(class==menu-current || class==menu-parent){[a]<img src="'.TEMPLATE_DIR.'/bilder/a-buttons/[menu_title].png" border="0" width="168" height="36" alt="[page_title]" /></a>}else{[a]';
$button .= '<img src="'.TEMPLATE_DIR.'/bilder/buttons/[menu_title].png" border="0" width="168" height="36" alt="[page_title]"';
$button .= 'onMouseOver=this.src="'.TEMPLATE_DIR.'/bilder/a-buttons/[menu_title].png"; ';
$button .= 'onMouseOut=this.src="'.TEMPLATE_DIR.'/bilder/buttons/[menu_title].png"; ';
$button .= '/></a>}]';

show_menu2(1, SM2_ROOT, SM2_START, SM2_ALL, '[li]'.$button);
?>

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #8 on: April 28, 2009, 06:25:42 AM »
Hi Michael,

hast recht - funktioniert alles. Ich hatte da ein "a" vergessen. Danke noch mal.

Hast du Erfahrung mit anynews? Hätte gern gewußt, wie man da die News auf bestimmten Seiten ausblenden kann - z. B. bei Kontakt. Bei mir ist das Template ja dreiteilig. Der rechte Bereich ist für News, Bilder oder Kontaktadresse. Wenn es dort die News dranhängt, sieht das nicht mehr schön aus und ist einfach zu viel auf der entsprechenden Seite.

Hast du da nen Tipp - vielleicht muß man das irgendwie mit php machen - doch da hab ich keinen Plan sad

Ganz lieben Dank.

Peg
Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #9 on: April 28, 2009, 08:19:01 AM »
Hallo Peg,

eine Möglichkeit, Inhalt nur auf bestimmten Seiten anzeigen zu lassen, wurde vor kurzem hier im Forum besprochen. Da musst du dann nur die echo ... Zeile im else-Teil durch deinen Aufruf von Anynews ersetzen.

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #10 on: April 28, 2009, 11:01:16 AM »
Hi Michael,

Danke schön, aber da haut was nicht hin bei mir. Ist der Code so richtig?

Code:
$hide_header = array(81, 82, 83, 84);
if (in_array(PAGE_ID, $hide_header)) {
   echo '';
} else {    
   echo if (function_exists('displayNewsItems')) {
    displayNewsItems();
}

Zeigt nur noch ne weiße Seite an sad. Muß ich "$hide_header" noch irgendwo definieren oder reinschreiben?

Gruß Peg
Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #11 on: April 28, 2009, 12:27:21 PM »
Hallo Peg,

da ist noch ein echo zuviel geblieben und eine schließende Klammer verschwunden:

Code:
$hide_header = array(81, 82, 83, 84);
if (in_array(PAGE_ID, $hide_header)) {
   echo '';
} else {    
   if (function_exists('displayNewsItems')) {
    displayNewsItems();
   }
}

Wichtig ist auch noch dass der obige code in <?php ... ?> verpackt ist.

Wenn du so etwas ausprobierst, ist es oft hilfreich in den Optionen das Error-Reporting auf E_ALL zu setzen. Dann müsste es in so einem Fall nicht nur eine leere Seite sondern eine (hoffentlich aussagekräftige) Fehlermeldung geben.

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #12 on: April 28, 2009, 01:14:30 PM »
Hi Michael,

danke schön - jetzt funktioniert alles.

Danke für den Tipp mit dem Error-Reporting - zum Testen sehr praktisch.

Du kannst dir gar nicht vorstellen, wie dankbar ich dir für alles bin. Jetzt funktioniert fast alles so wie ich es will.
 
Außer im Internetexplorer. Da haut mein dreispaltiges Layout nicht hin - er verschiebt immer den mittleren Teil.

Und noch ein php- Problem habe ich - ich muß das unbedingt mal lernen - aber ich weiß gar nicht wann sad

Also, ich habe eine gif-Animation in mein Template gebaut. Bei Mozilla funktioniert das wunderbar, dass es nur beim Aufrufen der Seite, also auf der Startseite, abgespielt wird, doch im IE jedes Mal, wenn ich auf einen anderen Navipunkt klicke.

Hast du da zufällig noch ne Anweisung parat, mit der ich das Abspielen in allen Browsern nur auf die Startseite begrenzen kann. Ich habe auch schon ein Hintergundbild hinter der Animation, wo sie still steht.

Vielen, vielen Dank.

Viele Grüße

Peg
Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #13 on: April 28, 2009, 08:26:56 PM »
Hallo Peg,

freut mich dass es klappt. Smiley

Beim Internetexplorer hakt es mit meinen Layouts auch oft - da ist dann teilweise tricksen angesagt. Wenn du einen Link zu der Seite postest, gibt es sicherlich fähige Leute die ne Lösung finden.

Bei der Sache mit den Animationen bin ich so aus dem Bauch raus auch überfragt - hast du da nen Link? Wenn du auf der Startseite ein anderes Bild haben willst, geht das im Prinzip analog zu den News nur kommt dann in den if-Zweig das erste Bild und in den else-Zweig dann das zweite.

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #14 on: April 29, 2009, 06:52:47 AM »
Hi Michael,

so in der Art?

Code:
        <?php
$hide_header = array(81);
if (in_array(PAGE_ID, $hide_header)) {
   echo 'TEMPLATE_DIR;?>/bilder/animation/animation.gif" width="642" height="67" position="relative" top="132"/>';
} else {    
   echo '';
   }
       ?>

Jetzt wird im IE die Zeile anstatt dem Bild angezeigt.

Müßte hier auch anders herum sein - nur für id=81 soll die gif-Animation gezeigt werden sonst soll er nix tun - da das Bild im Hintergrund per CSS schon eingebaut ist.

Danke für die Unterstützung.

Gruß Peg
« Last Edit: April 29, 2009, 06:55:58 AM by Peg » Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #15 on: April 29, 2009, 09:01:22 AM »
Hallo Peg,

das war schon fast richtig - nur ein ' zu wenig und ein php-ende zu viel. Probiers mal so:

Code:
        <?php
$hide_header = array(81);
if (in_array(PAGE_ID, $hide_header)) {
   echo TEMPLATE_DIR.'/bilder/animation/animation.gif" width="642" height="67" position="relative" top="132"/>';
} else {     
   echo '';
   }
       ?>

Bei der Konstruktion erscheint das gif nur auf der Seite 81.

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #16 on: April 29, 2009, 09:18:57 AM »
Hallo Michael,

leider ist die gif-Animation immer noch ausgeschalten und es zeigt die URL des Bildes an der linken oberen Ecke an - also position und top nimmt IE und Mozilla auch nicht an.

Hm, und nun?

Gruß Peg
« Last Edit: April 29, 2009, 09:20:31 AM by Peg » Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #17 on: April 29, 2009, 09:43:59 AM »
Hallo Peg,

da fehlt natürlich noch das img-Tag - das ist mir nicht aufgefallen Wink

Code:
        <?php
$hide_header = array(81);
if (in_array(PAGE_ID, $hide_header)) {
   echo '<img src="'.TEMPLATE_DIR.'/bilder/animation/animation.gif" width="642" height="67" position="relative" top="132"/>';
} else {     
   echo '';
   }
       ?>

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #18 on: April 29, 2009, 10:13:02 AM »
Hi Michael,

jetzt funktioniert es einwandfrei -super danke dir ganz ganz doll. Jetzt muß ich nur noch das Layout im IE anpassen - dann geht alles wunderbar.

Mir ist aber grad wieder was neues aufgefallen, bei einer anderen Seite, die ich gemacht habe.

Das Menü ist ein Drop-Down-Menü und hat auf allen Seiten die gleiche Schriftgröße (in der Hauptnavigation). Plötzlich aber verändert sich die Größe, wenn ich auf Kontakt klicke, wo sich das Kontaktformular befindet. Da wird die ganze Navigation ein Stück kleiner. Klicke ich auf eine Unterseite von Kontakt springt es wieder auf die ursprüngliche Schriftgröße.

Ich denke das Formular verändert die Schriftgröße der Navigation - wie kann ich das unterbinden? Ich glaube auch, dass es erst seit kurzem so ist - es hat jedenfalls schon mal richtig funktioniert. Mit Berechtigungen hat das aber nix zu tun, oder? - die habe ich mal im WebsiteBaker verändert gehabt, und anschließend konnte ich bei Kontakt kein gif einfügen.

Ich finde auch, sobald eine Gallery oder ein großes Bild oder ein Formular oder News (wenn sie komplett zum Lesen geöffnet wird) auf der Seite ist - hüpft das Bild also die Seite im Browser hin und her. Nur dort, wo normaler Text ist, bleibt alles an seiner Stelle.

Fällt dir dazu auch was ein?

Ganz lieben Dank schon mal.

Grüßle Peg
Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #19 on: April 29, 2009, 11:21:01 AM »
Hallo Peg,

ohne die Seite zu sehen, fällt eine Analyse nicht leicht - gibts da nen Link dazu?

Die Überlagerung des CSS kannst du verhindern, indem du in der index.php deines Templates vor dem Import der zugehörigen CSS-Datei noch eventuelle CSS-Definitionen der genutzten Module importierst. Das sollte ungefähr so aussehen:

Code:
<?php
    if(function_exists('register_frontend_modfiles')) {
        register_frontend_modfiles('css');
        register_frontend_modfiles('js');
    }
?>
<link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />

Die letzte Zeile sollte schon so ähnlich bestehen - die brauchst du natürlich nicht zu ersetzen.

Gruß

Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #20 on: April 29, 2009, 05:02:00 PM »
Hi Michael,

hab den Code eingefügt vor dem Link zur screen.css eingefügt, nur leider hat sich nix geändert.

Klick mal bitten zwischen den Navipunkten hin und her - da hüpft die Seite. Bei Kontakt, wie gesagt, ändert sich die Schriftgröße.

Danke schon mal.

Gruß Peg
« Last Edit: May 01, 2009, 05:51:37 PM by Peg » Logged
BlackTiger

Offline Offline

Posts: 166
« Reply #21 on: April 29, 2009, 05:33:08 PM »
Hallo Peg,

für die Links unter Kontakt gilt folgende CSS-Eigenschaft der frontend.css des Form-Moduls (ab Zeile 66):

Code:
a:link, a:visited, a:active {
font-family:Arial,Helvetica,sans-serif;
text-decoration:underline;
}

die überschreibt die Eigenschaft in deiner screen.css (ab Zeile 16):

Code:
body {
color:#616870;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.8em;
}

beheben kannst du das ganze, indem du auch die font-family der Links in der screen.css setzt, z.B.:

Code:
a:link, a:visited, a:active {
font-family:Verdana,Arial,Helvetica,sans-serif;
}

Gefunden habe ich das Ganze mit Firebug - das ist ein empfehlenswertes Addon für Firefox.

Bei meinem Browser (Firefox 3) merke ich nix von Sprüngen beim Durchklicken des Menüs. Meinst du evtl. die Verschiebung des Inhalts, wenn auf einer Seite eine Scrollbar eingeblendet wird und auf einer anderen nicht (Praxis ist z.B. länger als Labor)? Da fiele mir nur ein, eine gewisse Mindesthöhe vorzugeben um den Scrollbalken immer aktiv zu haben.

Gruß
Michael
Logged
mr-fan

Offline Offline

Posts: 1556


WWW
« Reply #22 on: April 29, 2009, 05:42:08 PM »
firefox 3.0 auch hier - und ich merke das sich der header/die seite verändert/hüpft wenn man auf der "news" seite auf weiterlesen klickt...

grüße martin
Logged
 
BlackTiger

Offline Offline

Posts: 166
« Reply #23 on: April 29, 2009, 05:44:24 PM »
...aber auch nur wenn vorher kein Scrollbalken da war - wenn ich das Fenster so weit zusammenschiebe dass der Scrollbalken schon bei den News sichtbar ist, bleibt das Layout beim weiterlesen stabil.

Gruß
Michael
Logged
Peg

Offline Offline

Posts: 16
« Reply #24 on: April 29, 2009, 07:03:55 PM »
Hi zusammen,

vielen Dank für den Hinweis. Hab bei allen Link-Formatierungen die font-family eingetragen - Menü funktioniert jetzt ohne, dass sich etwas ändert.

Dennoch springt die Seite, wenn man auf ne Seite klickt, die eine Gallery drin hat bzw. wieder wegklickt und auch bei News, wenn man auf weiterlesen klickt. Eine Mindesthöhe hab ich für den mittleren und rechten Teil festgelegt.

Bin wirklich sehr dankbar, wenn ihr da noch nen Tipp habt.

Grüße Peg
Logged
Pages: [1] 2   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!
Impressum & Datenschutz | powered by WebsiteBaker. ©2004–2010 by Website Baker Org e.V. , all rights reserved | Legal Notice & Privacy Policy