Site Active Button

[Aary]

Hallo,

ich habe eine frage, ich weiss nicht genau ob ich im HTML Forum richtig bin, aber ich denke schon.

Also, ich habe folgendes Problem:

Ich habe eine Website gebaut mit einer index.php wo die restlichen Elemente Included werden und Navigations Buttons in einer Tabelle eingefügt sind:

<table width="100%" border="0" cellspacing="0" cellpadding="0" background="Bilder/hp_2-13.png">
      <tr>
        <td><a href="/index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','Bilder/Änderung/Bilder/mausover_1.jpg',1)"><img src="Bilder/hp_2-03.png" name="news" width="87" height="51" border="0" id="Bild56" /></a></td>
        <td><img src="Bilder/hp_2-04.png" width="2" height="51" /></td>
        <td><a href="/index.php?site=forum" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forum','','Bilder/Änderung/Bilder/mausover_1-02.jpg',1)"><img src="Bilder/hp_2-05.png" name="forum" width="102" height="51" border="0" id="Bild55" /></a></td>
        <td><img src="Bilder/hp_2-06.png" width="2" height="51" /></td>
        <td><a href="http://www.dkp.dynasty-onyxia.de" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild58','','Bilder/Änderung/Bilder/mausover_1-03.jpg',1)"><img src="Bilder/hp_2-07.png" name="Bild58" width="80" height="51" border="0" id="Bild58" /></a></td>
        <td><img src="Bilder/hp_2-08.png" width="2" height="51" /></td>
        <td><a href="index.php?site=progress" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild59','','Bilder/Änderung/Bilder/mausover_1-04.jpg',1)"><img src="Bilder/hp_2-09.png" name="Bild59" width="131" height="51" border="0" id="Bild59" /></a></td>
        <td><img src="Bilder/hp_2-10.png" width="2" height="51" /></td>
        <td><a href="index.php?site=recruitment" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild60','','Bilder/Änderung/Bilder/mausover_1-05.jpg',1)"><img src="Bilder/hp_2-11.png" name="Bild60" width="146" height="51" border="0" id="Bild60" /></a></td>
        <td><img src="Bilder/hp_2-12.png" width="2" height="51" /></td>
        <td><a href="/index.php?site=about" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild57','','Bilder/aboutmaus.jpg',1)"><img src="Bilder/suchebutton_2222.jpg" name="Bild57" width="109" height="51" border="0" id="Bild57" /></a></td>
        <td><img src="Bilder/suchebutton_1-14.jpg" width="2" height="51" /></td>
        <td><img src="Bilder/hp_2-13.png" width="26" height="51" /></td>
        <td background="Bilder/hp_2-13.png" height="51px"><?php include("quicksearch.php"); ?>&nbsp;</td>
        <td background="Bilder/hp_2-13.png"><img src="Bilder/hp_2-13.png" width="81" height="51" /></td>
        <td><img src="Bilder/suchebutton_1.jpg" width="5" height="51" /></td>
      </tr>
    </table>

so, darin ist natürlich auch ein Rollover-Bild und das Standart bild was angezeigt wird wenn man auf die Seite kommt.
Ich suche nun einen Code das die Aktive Seite (auf der man sich gerade befindet bspw. Forum) ein anderes Bild bekommt, sprich z.b. ein Blaues, die restlichen dann aber das Standart bild haben und sobald man auf eine andere Seite wechselt wird dieses Blaue Bild dann wieder zu dem Standart bild.

Bsp.: http://www.ensidia.com

Ich habe dieses Problem schon mal auf einer anderen homepage ganz simple umgesetzt aber weiss den code nicht mehr, habe die index.php auch nicht mehr und habe keinen Plan mehr wie der Code war.
Nur war er so ähnlich wie dieses hier:

if ($site == 'forum')

So einen Code in der Art wurde dann in:

<img src="Bilder/hp_2-05(Glaube hier war das).png" name="forum" width="102" height="51" border="0" id="Bild55" />

eingefügt und die neue datei hat dann ebend einen namen bekommen der genau so anfängt wie das standart bild halt dann mit bspw. "_active" dahinter und wenn man auf der Seite war also auf der aktiven hat sich das bild ebend auf das "_active" bild geändert.

Weiss jemand was ich meine ?

Ich danke für die hilfe

 

[Alex_T]

Hallöle,

also Ensidia handhabt das Ganze ja so, dass sie verschiedene ".php" Seiten haben. Da ist das natürlich ganz einfach, denn man braucht in diesem Falle kein PHP da statisches HTML ausreicht.

Solltest du das Ganze nun jedoch so vorhaben, wie du das schon beschrieben hast, dann probier mal folgendes:

Du formatierst die Tabellenteile nicht direkt im Code, sondern lagerst das CSS in eine extra Datei aus. Da basteltst du dir für die verschiedenen Fälle deine Hintergründe bzw. alle anderen Formatierungen zurecht.
Im Code kannst du dann mit PHP weiterarbeiten und eine Fallunterscheidung durchführen:

<table>
<tr>

<td <?php if($_POST['Bedingungsobjekt'] == "News") { echo"id='hover_1'} else {echo"id='not_active'}?>>News</td>

<td <?php if($_POST['Bedingungsobjekt'] == "Blog") { echo"id='hover_2'} else {echo"id='not_active'}?>>Blog</td>
</tr>
</table>

Das wärs eigentlich auch schon...

 

[Aary]

Hallo Alex,

danke für deine Tipps, ich werde das gleich mal umbauen und schauen wie das funktioniert, wenn ich da noch fragen habe melde ich mich nochmal, aber erstmal recht herzlichen dank

Grüße