Editprofile, den Inhalt durch menu ändern

[Sunny C.]

Hallo zusammen, wie kann ich den Inhalt mit einem Menu ändern?

Anhang 1. So sieht es zum beispiel in der Kategorie (Allgemein) aus.

Wenn ich z.B auf Kontakt Klicke (Anhang2), soll sich der Inhalt ändern!

Also unter dem Punkt allgemeines, können die user dann allgemeine Dinge einstellen, unter Kontakt.. halt Kontaktmöglichkeiten etc.

Aber wie geht das?

[Rembrandt]

Hi!

du könntest es mit frames machen:
<frame src="kontakt.htm" name="Daten" >
<frame src="arbeit.htm" name="Daten" >

mfg Andi

[KurtW]

Hi,

dafür gibt es zig scripte im netz...
z.b.
http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/


Kurt

[Sunny C.]

Ich wusste nicht wie das heisst!
Mal schauen ob ich das schaffe das einzubauen!
Weil via iFrame übernimmt er die Langtags nicht!

[Sunny C.]

Das klappt ganz gut, zwar nicht ganz perfekt wie ich das wollte aber das ist eine sehr gute Lösung!

Wenn ich z.B auf Tab2 klicke, sieht man aber nicht das es gedrückt wurde, bzw. das man in diesem Tab ist, das finde ich etwas doof. man sieht zwar wenn man über das tab mit der maus fährt, aber es bleibt wenn man drückt nicht stehen, so das man sehen kann das man im Tab2 ist.

CSS des Tab-menus was ich verwende:

Code: [Select]

.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(../images/menu/menug_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}

.glossymenu li{
float:left;
}

.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}

.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(../images/menu/menug_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(../images/menu/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}
So sieht es im Code aus:

Code: [Select]

              <ul id="countrytabs" class="glossymenu">
<li class="current"><a href="" rel="#default"><b>Allgemein</b></a></li>
<li><a href="profil.php?action=allgemein" rel="countrycontainer"><b>Kontakt</b></a></li>
<li><a href="profil_persoenlich.php" rel="countrycontainer"><b>Pers&ouml;nliches</b></a></li>
<li><a href="profil_arbeit.php" rel="countrycontainer"><b>Arbeit</b></a></li>
<li><a href="profil_tools.php" rel="countrycontainer"><b>Fun</b></a></li>
<li><a href="profil_upload.php" rel="countrycontainer"><b>Upload</b></a></li>
</ul>

[Rembrandt]

Hi!
das wäre doch genau das was du suchst:
http://www.dynamicdrive.com/dynamicindex3/tabdocviewer.htm

mfg Andi

[Bob]

...man sieht zwar wenn man über das tab mit der maus fährt, aber es bleibt wenn man drückt nicht stehen, so das man sehen kann das man im Tab2 ist.

Also mit dem link den Kurt schon gepostet hat sollte es eigentlich gut gehen z.B. mit Demo #2 von: http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/

Mein Favorit