• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Submenüs einbinden

Status
Für weitere Antworten geschlossen.
N

nullhorn

Neues Mitglied
Hi Leuz,

bin ganz neu hier und nicht so der Progger.

Habe mit einem Template diese Seite hier erstellt:

Daniel Dahinten [[email protected]]

Nix großes, Grafiken werden noch geändert usw....

Jetzt sieht man ja oben in der Navi die Bereiche:
Home
Bauingeneurwesen
Schweißfachingeneur
Freizeit
Kontakt

nun will ich, dass wenn ich auf

Bauingeneuwesen klicke dass dann im linken blauen Feld die Unterpunkte

STUDIUM
PRAKTIKAS
TRAGWERKSPLANUNG UND-Prüfung
DIPLOMARBEIT

auftauchen, und bei den anderen Menüpunkten natürlich auch Untermenüs.

Ich denke mir man löst dass wohl am besten in dem man die Submenüs in div-container packt und dann darstellt. aber wie habe ich keine ahnung von!

Kann mir ma jmd helfen, es ist wohl ja auch keine große sache aber wenn man da gar keinen raff von hat dann schon :)

THX
a
LOT
FLOOOOO
 
mmmh nicht schlecht aber

1.) gehts im IE net!
2.) hab ich solche schon gefunden aber ich suche ja eins, bei dem sich das submenü an einer anderen stelle öffnet - also nicht direkt unter dem link!

geht das damit wohl auch???
 
man könntes mit JavaScript machen
Code: 
...
<script type="text/javascript">
function show(divid) {
  document.getElementById(divid).style.display = 'block';
}
</script>
...
<div id="submenu" style="display:none;">
  Hier das Menu
</div>
...
<a href="#" onclick="show('submenu');">Hier der Link</a>
...
oder mit PHP
PHP: 
...
<?php if($_GET['action'] == 'bauingeneurwesen') { ?>
  <div id="submenu">
    Hier das Menu
  </div>
<?php } ?>
...
Setzt natürlich das umbenennen der Datei in *.php, den aufruf der Seite mit *.php?action=bauingeneurwesen sowie die generelle Verfügbarkeit von PHP auf dem Server voraus

ne andere Möglichkeit würde mir jetzt auf die Schnelle nicht einfallen
 
Machst du die Seiten mit HTML oder setzt du PHP ein?
Wenn du die Seiten nur ganz normal mit html schreibst, dann kannst du ja einfach auf jeder Seite die ganzen anderen Links einfügen, die du halt eben im Untermenü brauchst.
 
Man kann die Seite ja mit HTML machen und man verwendet iFrames... :D

Und jede Seite ist mit HTML gemacht. Man bezieht PHP mit ein, und macht die Seite nicht mit PHP :D

Nur so als Hinweis.



MfG, matibaski
 
ui jetzt war ich seid sonntag nich mehr hier und schon so viele anworten!

thx erst mal....

@ matibaski - so hab ich das wohl bisher immer gemacht, aber mir sagte man dass man iframes heut zu tage nicht mehr benutzt genau so wie tabellen zum anlegen von seiten. die neue art des bauens ist wohl im css und im xhtml und php gefunden worden. wie auch immer -
ich wollte die seite so schlicht wie möglich halten, da ich überhaupt kein progger bin. soll heißen, ich bin schon mit den paar div-containern und dem css überfordert. deshalb auch meine folgende frage...

mein code sieht z.zt. so aus:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
 
<script type="text/javascript" language="JavaScript"> 
 
function toggleMe(a){ 
var e=document.getElementById(a); 
if(!e)return true; 
if(e.style.display=="none"){ 
e.style.display="block" 
} else { 
e.style.display="none" 
} 
return true; 
} 
 
</script> 
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title>Daniel Dahinten [[email protected]]</title> 
<meta name="keywords" content="" /> 
<meta name="description" content="" /> 
<link href="default.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<div id="header"> 
 
</div> 
<div id="menu"> 
<ul> 
<li class="active"><a href="#" accesskey="1" title="">Home</a></li> 
<li><a href="#" accesskey="2" title="">Bauingeneurwesen</a></li> 
<li><a href="#" accesskey="3" title="">Schwei&szlig;fachingeneur</a></li> 
<li><a href="#" accesskey="4" title="">Freizeit</a></li> 
<li><a href="#" accesskey="5" title="">Kontakt</a></li> 
</ul> 
</div> 
<div id="content"> 
<div id="colOne"> 
<p>Hier kommen die Submenüs hin!</br> 
Hier kommen die Submenüs hin!</p> 
Hier kommen die Submenüs hin!</br> 
Hier kommen die Submenüs hin!</p> 
</div> 
 
<div id="colTwo"> 
<h2>Herzlich willkommen auf meiner Seite.</h2> 
<p>Meine Homepage wird gerade aktualisiert.</br> 
In wenigen Tagen ist sie wieder online!</p> 
Wenn es um dringende Angelegenheiten geht, schreibt mir einfach...</br> 
<a href="mailto:[email protected]">[email protected]</a></p> 
</div> 
 
<div id="colThree"> 
<a href="#"><img src="http://www.html.de/images/ad_120x600_2.jpg" alt="" width="120" height="600" /></a> </div> 
<div style="clear: both;">&nbsp;</div> 
</div> 
 
<a onclick="return toggleMe('para00')" href="javascript:void(0)"> 
Home 
</a> 
 
<div id="para00" style="display:none"> 
Home 
</div> 
 
<a onclick="return toggleMe('para01')" href="javascript:void(0)"> 
Bauingeneurwesen 
</a> 
 
<div id="para01" style="display:none"> 
STUDIUM<br> 
PRAKTIKAS<br> 
TRAGWERKSPLANUNG UND-Pr&Uuml;fung<br> 
DIPLOMARBEIT<br> 
</div> 
 
<a onclick="return toggleMe('para02')" href="javascript:void(0)"> 
Schwei&szlig;fachingeneur 
</a> 
 
<div id="para02" style="display:none"> 
SCHWEI&szlig;TECHNIK<br> 
WERKSTOFFKUNDE<br> 
STAT. BERECHNUNG<br> 
PR&Uuml;FUNG<br> 
SLV-MÜNCHEN<br> 
</div> 
 
<a onclick="return toggleMe('para03')" href="javascript:void(0)"> 
Freizeit 
</a> 
 
<div id="para03" style="display:none"> 
FUSSBALL<br> 
ANGELN<br> 
AQUARISTIK<br> 
SKI FAHREN<br> 
FOTOALBUM<br> 
VEREINE<br> 
WERKELN<br> 
FREUNDE/LINKS<br> 
</div> 
 
<a onclick="return toggleMe('para04')" href="javascript:void(0)"> 
Kontakt 
</a> 
 
<div id="para04" style="display:none"> 
Kontakt 
</div> 
 
<div id="footer"> 
<p>Copyright flo haaf - hosting&design</p> 
</div> 
</body> 
</html>

wie definiere ich jetzt aber das die container "par00" - "par04" eben nicht am ende des bildschirmrandes stehen sondern im div-container "colOne" dort wo jetzt die schrift noch steht???


Mod-Edit: Code-Tags hinzugefügt. Bitte um Codes zu posten nicht die Zitat-Funktion verwenden. (Maxi)
 
Zuletzt bearbeitet von einem Moderator:
matibaski schrieb:
Und jede Seite ist mit HTML gemacht. Man bezieht PHP mit ein, und macht die Seite nicht mit PHP :D

Nur so als Hinweis.
Zum Vergrößern anklicken....

Wo hab ich geschrieben, ob die Seite nur mit PHP gemacht wird? Ich habe lediglich gefragt, ob es auch eingesetzt wird.

matibaski, les dir bitte die Beiträge genau durch, bevor du auf diese Antwortest, danke.
 
nullhorn schrieb:
wie definiere ich jetzt aber das die container "par00" - "par04" eben nicht am ende des bildschirmrandes stehen sondern im div-container "colOne" dort wo jetzt die schrift noch steht???
Zum Vergrößern anklicken....
indem du sie einfach in den Container "colOne" reinschreibst
Code: 
<div id="colOne">
  <div id="para01" style="display:none"> 
    STUDIUM<br> 
    PRAKTIKAS<br> 
    TRAGWERKSPLANUNG UND-Pr&Uuml;fung<br> 
    DIPLOMARBEIT<br> 
  </div>
  <div id="para02" style="display:none"> 
    SCHWEI&szlig;TECHNIK<br> 
    WERKSTOFFKUNDE<br> 
    STAT. BERECHNUNG<br> 
    PR&Uuml;FUNG<br> 
    SLV-MÜNCHEN<br> 
  </div>
 <!-- und so weiter -->
</div>
hoffe das meintest du

Anmerkung: "PRAKTIKAS" gibt es nicht ;)
 
Ich rate dir eher PHP an, denn wenn ein Besucher Javascript deaktiviert hat, dann ist das grosse Problem da.
Menüs würde ich nie mit Javascript programmieren. Wenn, dann nur teilweise, wenn einer deaktiviert hat, dass es denndoch irgendwie funktioniert.
Aber wenn alles mit JS ist, kann der nix mehr machen.


MfG, matibaski
 
@ bcf - big thx! so einfach ist das :)

@ mati - ich würde es ja auch mit php verwirklichen, aber! ich kann kein php und im php gibt es meines wissens keine auklappbaren submenüs oder?
 
Man muss sie machen :D
Man kann Abfragungen machen, welches Submenü angezeigt werden soll.


MfG, matibaski
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben