HTML: Navigation

Post Reply
Message
Author
Dieter

HTML: Navigation

#1 Post by Dieter »

Moin,

Vor einiger Zeit habe ich bei uns in der Firma ein paar ASP-Seiten mit Datenbankanbindung geschrieben. (leider sind das ein Windowsfanatiker und ich musste mich an die Vorgaben halten)
Nun möchte ich gerne die ASP-Seiten in PHP oder Perl umwandeln und die MS-SQL-Datenbank in eine mySQL-Datenbank um auch dort ein bisschen erfahrung zu Sammeln.

Nun stehe ich aber schon vor dem ersten Problem und weiß nicht wie ich die IEoptimierte Navigation Browserunabhängig machen soll, bzw wie ich es Browserunabhängig hinbekomme das das Menü in jedem Browser läuft.
Die Möglichkeit es mit meheren Seiten darzustellen kenn ich, aber ich würde diese Möglichkeit gerne vermeiden.

Hier der bisherige Quellcode:

<STYLE>
#menuTable {
PADDING-RIGHT: 0px
}
#SubMenu TD {
PADDING-RIGHT: 8px; LINE-HEIGHT: 18px
}
#SubMenu A {

}
</STYLE>
<body bgcolor="#FFFFFF">
<script>
function FolderInit(){
tempColl = document.all("SubMenu");
for (i=0; i<tempColl.length; i++) {
x= eval("menuImage" +i);
tempColl(i).style.display = "none";
x.src = "0.System/0.3.images/closedArrow.gif";
}
}

function openMenu($1){
//FolderInit();
tempCollSub = document.all("SubMenu");
i = eval($1);
x= eval("menuImage" +$1);

if(tempCollSub(i).style.display == "block"){
tempCollSub(i).style.display = "none";
x.src = "0.System/0.3.images/closedArrow.gif";
}else{
tempCollSub(i).style.display = "block";
x.src = "0.System/0.3.images/openArrow.gif";
}

for (m=0; m<tempCollSub.length; m++) {
if(m != i){
x= eval("menuImage" +m);
tempCollSub(m).style.display = "none";
x.src = "0.System/0.3.images/closedArrow.gif";
}
}
}
</script>
<table width="175" border="0" bgcolor="#003366" cellspacing="1" cellpadding="0" height="100%">
<tr>
<td vAlign=top width="165" bgcolor="#003366">
<table id=menuTable cellspacing=1 cellpadding=0
bgcolor=#003366 border=0 align="left" width="100%">
<tbody>
<tr>
<td class=links noWrap align=right
bgcolor=#eeeeee><a
href="#" onClick="openMenu('0');"><b>Stammdaten</b></a>
<b>&nbsp;</b></td>
<td noWrap width=20 bgcolor=#336699><img id=menuImage0
onClick="openMenu('0');" height=23 alt="Expand Tree"
src="0.System/0.3.images/closedArrow.gif"
width=20 border=0><br>
</td>
</tr>
<tr id=SubMenu style="DISPLAY: none">
<td class=links noWrap align=right bgcolor=#e9f6ff>
<p><a href="#" target="main">Firmen</a><br>
<a href="#" target="main">Ansprechpartner</a><br>
<br>
</p>
</td>
<td bgcolor=#aaccee></td>
</tr>
<tr>
<td class=links noWrap align=right
bgcolor=#eeeeee><a
href="#" onClick="openMenu('1');"><b>Aktionen</b></a><b>
&nbsp;</b></td>
<td noWrap width=20 bgcolor=#336699><img id=menuImage1
onClick="openMenu('1');" height=23 alt="Expand Tree"
src="0.System/0.3.images/closedArrow.gif"
width=20 border=0><br>
</td>
</tr>
<tr id=SubMenu style="DISPLAY: none">
<td class=links noWrap align=right bgcolor=#e9f6ff>
<p class="links"><span class="links"><a href="#" target="main">Aktionen</a><br>
</span> <span class="links"><a href="#" target="main">Suche</a></span><br>
<span class="links"></span><span class="links">
<!-- <a href="#" target="main">Projekte</a><br> -->
</span><br>
<span class="links"> </span> </p>
</td>
<td bgcolor=#aaccee></td>
</tr>
<tr>

<td rowspan="2" bgcolor="#3399CC" width="10">&nbsp;</td>
</tr>
<tr>
<td width="162" bgcolor="#CCCCCC" height="100%">&nbsp;</td>
</tr>
</table>


Danke für Eure Tipps

Dieter
Ich hoffe es kennt da jemand eine gute Möglichkeit dies zu realisieren. Hab da leider noch zu wenig erfahrung mit <img src="http://www.pl-forum.de/UltraBoard/Images/Sad.gif" border="0" align="middle">

rag
Posts: 24
Joined: 24. Jan 2002 10:37

Re: HTML: Navigation

#2 Post by rag »

gib mal die url in der die Navi läuft... Ich muss mir das mal genauer ansehen.

Gruß
raG
-*-
<-there is no life before coffee->
-*-

Post Reply