Viktor's Supportboard (https://www.v-gn.de/wbb/index.php)
- Support (https://www.v-gn.de/wbb/board.php?boardid=6)
-- Fragen/Hilfe/Sonstiges (wBB2.3.x) (https://www.v-gn.de/wbb/board.php?boardid=72)
--- Profilseiten immer im selben Fenster öffnen (https://www.v-gn.de/wbb/thread.php?threadid=12835)
Geschrieben von Cyberstar0 am 24.01.2010 um 00:31:
Profilseiten immer im selben Fenster öffnen
Hallöchen!
Ich hab da mal ne Frage
Und zwar hab ich mein profil in verschiedene Profilseiten geteilt. also es gibt 5 php datein und 5 Templates.jedesmal wird die ganze seite geladen.
Gibt es nun die möglichkeit das sich die verschiedenen Profilseiten immer im selben fenster öffnen? Sprich also die ganze seite nicht neu geladen wird.
Ich weiß das es geht,da ich es schon gesehen hab in einem Forum. Dort hat man nur eine php und 1 tpl.
Leider erfolgt keine reaktion bzw will keiner verraten.
Deshalb frag ich hier und hoffe das mir einer helfen kann
LG
Cybi
Geschrieben von Viktor am 24.01.2010 um 00:39:
Hallo,
sorry so ganz habe ich es noch nicht verstanden.
Du hast 5 PHP-Dateien und 5 Templates.
Wenn du eine aufrufst wird immer das Template zu der PHP-Datei geladen.
Jede PHP-Datei hat auch ein eigenes Template.
Wo ist jetzt das Problem.
Gruß
Viktor
Geschrieben von Cyberstar0 am 24.01.2010 um 00:48:
jap genau so.
mmm wie soll ich das nun erklären.
ich klick also auf das profil eines users. komme also auf dessen profilseite. wenn ich jetzt aber auf die nächste seite klicke (profilspiele) möchte ich das gleich darauf die profilseite erscheint ohne das sich das komplette forum neu läd
das läuft irgendwie über css. im profil tpl befinden sich dann alle profilseiten. nicht wie jetzt in 5 extra templates.
sieht dann so in der art aus
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">User Profil</li>
<li class="TabbedPanelsTab" tabindex="0">Profil Spiele</li>
<li class="TabbedPanelsTab" tabindex="0">Kontakt</li>
<li class="TabbedPanelsTab" tabindex="0">Statistik</li>
<li class="TabbedPanelsTab" tabindex="0">Besucher</li>
<li class="TabbedPanelsTab" tabindex="0">Arcade Games</li>
<li class="TabbedPanelsTab" tabindex="0">Ich kenne dich!!</li>
</ul>
<!-- User Profil-->
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
inhalt hier
</div>
<!-- User Profil ende-->
<!-- Spiele Profil-->
<div class="TabbedPanelsContent">
inhalt hier
</div>
<!-- Spiele Profil ende-->
<!-- Kontakt-->
<div class="TabbedPanelsContent">
inhalt hier
</div>
<!-- Kontakt ende-->
so in der richtung halt
lg
Geschrieben von Viktor am 24.01.2010 um 01:00:
Hallo,
jo das habe ich auch schon mal gesehen.
Leider kann ich Dir da nicht helfen.
Mit dem CSS kenne ich mich nicht so aus.
Gruß
Viktor
Geschrieben von Cyberstar0 am 24.01.2010 um 01:08:
Hi
ja schade. ich weiß es ja leider auch nicht. vielleicht hat ja jemand eine idee.
da gehören auch noch 2 datein dazu so wie ich das gesehen hab die das ganze zu steuern scheinen.
aber leider hab ich da ja auch keine ahnung von
lg
Geschrieben von fleeting20 am 25.01.2010 um 08:06:
Erstelle Dir eine neue Datei im Ordner /js mit den namen
SpryTabbedPanel.js mit den Inhalt von hier:
http://labs.adobe.com/technologies/spry/widgets/tabbedpanels/SpryTabbedPanels.js
Füge über </head> folgendes ein:
|
|
|
|
Zitat:
<style type="text/css">
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0 1px 0 0;
font-weight: bold;
background: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
.TabbedPanelsTabHover { background: #CCC; }
.TabbedPanelsTabSelected {
background: #EEE;
border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background: #EEE;
}
.TabbedPanelsContent { padding: 4px; }
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
background: #EEE;
border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
</stale> |
|
|
|
|
|
Musst Du Dir logischerweise selbst anpassen!
Dann an geeigneter Stelle einfügen:
|
Zitat:
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab">Name1</li>
<li class="TabbedPanelsTab">Name2</li>
<li class="TabbedPanelsTab">Name3</li>
<li class="TabbedPanelsTab">Name4</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
CODE
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script> |
|
|
Ich habe jetzt nur 1 Panel mit reingenommen. Musst Du natürlich erweitern.
UNGETESTET. Müsste aber gehen.
Geschrieben von Cyberstar0 am 25.01.2010 um 18:14:
Hi
erstmal danke sehr.
kannst mir mal verraten wie ich das machen muss wenn ich 2 tab und mehr hab? der packt mir das jetzt alles untereinander
lg
Geschrieben von fleeting20 am 25.01.2010 um 19:35:
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
<div class="TabbedPanelsContent">
code
</div>
<div class="TabbedPanelsContent">
CODE
</div> |
|
rein theoretisch.
Geschrieben von Cyberstar0 am 25.01.2010 um 20:34:
Hi
schade schade. das klappt leider nicht so
wird immer alles untereinander angezeigt und nich in 2 tabs
LG
Geschrieben von fleeting20 am 26.01.2010 um 00:26:
oops. Mein Fehler *schäm*
Füge über:
<style type="text/css">
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
folgendes ein:
|
Zitat: <script type="text/javascript" src="./js/SpryTabbedPanels.js"></script> |
|
|
Geschrieben von Cyberstar0 am 26.01.2010 um 12:16:
Achman. ich schein zu blond dafür zu sein
dat will nicht klappen
ICh häng mal mein testprofil an.vielleicht sieht ja einer den fehler
lg
Geschrieben von fleeting20 am 26.01.2010 um 18:36:
Also bei mir funktioniert es
Geschrieben von Cyberstar0 am 27.01.2010 um 02:34:
Hi
hä wie denn das
Dann muss sich das ja mit was beißen. nicht das das wieder an den dateianhängen liegt.
Hat wer ne ahnung
LG
Geschrieben von fleeting20 am 27.01.2010 um 03:31:
Da ich nicht weis was Du alles drin hast (Und Du hast ne Menge
) kann ich Dir da leider nicht weiterhelfen :/
Geschrieben von Cyberstar0 am 27.01.2010 um 03:51:
joa schade. wäre ne super sache gewesen. selbst wenn ich den header anhängen würde wäre es unlösbar. vielleicht liegst auch an den zusätzlichen css coden im desighner packt keine ahnung leider
Geschrieben von fleeting20 am 27.01.2010 um 04:41:
Irgendwelche codes zwischen <head> und </head> verhindern dies. ich hab nämlich mal komplett bei mir rein gemacht und ich bekam ine weiße Seite. ich hab dies rausgenommen und mein profil öffnete sich
Geschrieben von Cyberstar0 am 27.01.2010 um 23:50:
Hi
also an denen liegt es nicht. hatte die alle draußen und war trotzdem untereinander.
Ann den css coden im designerpackt liegts auch net. die hatte ich auch draußen.
Bleibt ja net mehr viel
LG
Geschrieben von fleeting20 am 28.01.2010 um 01:10:
Ersetz mal deine .js datei durch meine.
Geschrieben von Cyberstar0 am 28.01.2010 um 13:33:
Hi
Nein leider nicht. Dank dir aber trozdem
LG
cybi
Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab® GmbH