Benutzer:Col. o'neill/Testseite2: Unterschied zwischen den Versionen

Versionsgeschichte interaktiv durchsuchen

← Zum vorherigen Versionsunterschied

@@ Zeile 1: / Zeile 1: @@
 {{Benutzer:Col. o'neill/Navigation}}
 {{Benutzer:Col. o'neill/inaktiv}}
-{| class="wikitable sortable"
-|-
-! Überschrift !! Überschrift
-|-
-| Servername || {{SERVERNAME}} (vollständig:''{{SERVER}}'')
-|-
-| Websitename || {{SITENAME}}
-|-
-| ganzer Seitenname || {{FULLPAGENAME}}
-|-
-| Namensraum || {{NAMESPACE}}
-|-
-| Seitenname || {{PAGENAME}}
-|-
-| Weiteres || [[StargateWiki:Server|...zur Hardware]]<br />[[Spezial:Version|...zur Software]]
-|}
-Der Name des Servers ist ''{{SERVERNAME}}''. Die Website heißt ''{{SITENAME}}''. Der Seitenname ist ''{{FULLPAGENAME}}'', er setzt sich zusammen aus dem Namensraum <i>{{NAMESPACE}}</i> und dem Seitennamen ''{{PAGENAME}}'' (ohne Namensraum).
 <onlyinclude><includeonly>{{subst:TV
 | Montag,PRO7MAXX           =
@@ Zeile 84: / Zeile 66: @@
 | Sonntag,SYFY              =
 }}</includeonly></onlyinclude>
-== DHD ==
-<div style="border-radius:100%; border: 1px solid black; width:450px; height:450px; background-color:#968586;">
-<div style="border-radius:100%; border: 1px solid black; width:300px; height:300px; margin: 75px auto; background-color:#a29394;">
+== Liste von Nebencharakteren ==
-<div style="margin: 150px auto; width: 1px; height: 1px;">
+Die Liste von Nebencharakteren wird allmählich zu lang, um sie als eine einzige Liste zu lagern. Irgendwann wird eine Aufteilung nötig, allerdings will an sich nicht wirklich durch unterschiedliche Unterseiten klicken müssen und dabei jedes Mal die ganze Seite neu laden. Hier also ein Entwurf für eine Liste, bei der man per Klick die Einträge zu einer Serie laden kann.
-<div style="transform: rotate(0deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG28">[[Datei:MilkyWayGlyph28.png|36px|verweis=]]</div>
-<div style="transform: rotate(19deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG10">[[Datei:MilkyWayGlyph10.png|36px|verweis=]]</div>
+TODO: Einzelnes Hinzufügen/Entfernen der Serieneinträge statt kompletter Ersetzung
-<div style="transform: rotate(38deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG33">[[Datei:MilkyWayGlyph33.png|36px|verweis=]]</div>
-<div style="transform: rotate(56deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG39">[[Datei:MilkyWayGlyph39.png|36px|verweis=]]</div>
+<!-- Bsp. für Selektor auf Zielseite für nur SG1/1-Einträge:
-<div style="transform: rotate(76deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG26">[[Datei:MilkyWayGlyph26.png|36px|verweis=]]</div>
+$('.wikitable tr:has(\'span#SG1\\.2F1\')').nextAll('tr:nth-child(-n+'+$('.wikitable tr:has(\'span#SG1\\.2F2\')').index()+')');
-<div style="transform: rotate(95deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG23">[[Datei:MilkyWayGlyph23.png|36px|verweis=]]</div>
+ -->
-<div style="transform: rotate(113deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG18">[[Datei:MilkyWayGlyph18.png|36px|verweis=]]</div>
+* {{#tag:jsbutton|Lade SGF|class=textbutton|click=$('#selectedperso').load( '/wiki/Benutzer:Col._o\'neill/PersoSGF .wikitable tr' , function(){$(this).prepend('<tr><th>Bild</th><th>Name</th><th>Herkunft/Volk/Nationalität</th><th>Auftritt(e)</th><th> Darsteller(in)</th><th> Synchronsprecher(in)</th></tr>');});}}
-<div style="transform: rotate(132deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG14">[[Datei:MilkyWayGlyph14.png|36px|verweis=]]</div>
+* {{#tag:jsbutton|Lade SG1|class=textbutton|click=$('#selectedperso').load( '/wiki/Benutzer:Col._o\'neill/PersoSG1 .wikitable tr' , function(){$(this).prepend('<tr><th>Bild</th><th>Name</th><th>Herkunft/Volk/Nationalität</th><th>Auftritt(e)</th><th> Darsteller(in)</th><th> Synchronsprecher(in)</th></tr>');});}}
-<div style="transform: rotate(151deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG17">[[Datei:MilkyWayGlyph17.png|36px|verweis=]]</div>
+* {{#tag:jsbutton|Lade SGA|class=textbutton|click=$('#selectedperso').load( '/wiki/Benutzer:Col._o\'neill/PersoSGA .wikitable tr' , function(){$(this).prepend('<tr><th>Bild</th><th>Name</th><th>Herkunft/Volk/Nationalität</th><th>Auftritt(e)</th><th> Darsteller(in)</th><th> Synchronsprecher(in)</th></tr>');});}}
-<div style="transform: rotate(170deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG02">[[Datei:MilkyWayGlyph02.png|36px|verweis=]]</div>
+* {{#tag:jsbutton|Lade SGU|class=textbutton|click=$('#selectedperso').load( '/wiki/Benutzer:Col._o\'neill/PersoSGU .wikitable tr' , function(){$(this).prepend('<tr><th>Bild</th><th>Name</th><th>Herkunft/Volk/Nationalität</th><th>Auftritt(e)</th><th> Darsteller(in)</th><th> Synchronsprecher(in)</th></tr>');});}}
-<div style="transform: rotate(-171deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG25">[[Datei:MilkyWayGlyph25.png|36px|verweis=]]</div>
+----
-<div style="transform: rotate(-152deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG36">[[Datei:MilkyWayGlyph36.png|36px|verweis=]]</div>
+{| id="selectedperso" class="wikitable" width="100%"
-<div style="transform: rotate(-133deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG09">[[Datei:MilkyWayGlyph09.png|36px|verweis=]]</div>
+|}
-<div style="transform: rotate(-114deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG27">[[Datei:MilkyWayGlyph27.png|36px|verweis=]]</div>
-<div style="transform: rotate(-95deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG31">[[Datei:MilkyWayGlyph31.png|36px|verweis=]]</div>
-<div style="transform: rotate(-76deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG15">[[Datei:MilkyWayGlyph15.png|36px|verweis=]]</div>
-<div style="transform: rotate(-58deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG35">[[Datei:MilkyWayGlyph35.png|36px|verweis=]]</div>
-<div style="transform: rotate(-39deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG30">[[Datei:MilkyWayGlyph30.png|36px|verweis=]]</div>
-<div style="transform: rotate(-20deg) translate(-23px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG16">[[Datei:MilkyWayGlyph16.png|36px|verweis=]]</div>
-<div style="transform: rotate(0deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG24">[[Datei:MilkyWayGlyph24.png|46px|verweis=]]</div>
-<div style="transform: rotate(18deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG06">[[Datei:MilkyWayGlyph06.png|46px|verweis=]]</div>
-<div style="transform: rotate(36deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG29">[[Datei:MilkyWayGlyph29.png|46px|verweis=]]</div>
-<div style="transform: rotate(54deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG38">[[Datei:MilkyWayGlyph38.png|46px|verweis=]]</div>
-<div style="transform: rotate(72deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG34">[[Datei:MilkyWayGlyph34.png|46px|verweis=]]</div>
-<div style="transform: rotate(90deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG12">[[Datei:MilkyWayGlyph12.png|46px|verweis=]]</div>
-<div style="transform: rotate(108deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG37">[[Datei:MilkyWayGlyph37.png|46px|verweis=]]</div>
-<div style="transform: rotate(126deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG11">[[Datei:MilkyWayGlyph11.png|46px|verweis=]]</div>
-<div style="transform: rotate(144deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG21">[[Datei:MilkyWayGlyph21.png|46px|verweis=]]</div>
-<div style="transform: rotate(162deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG03">[[Datei:MilkyWayGlyph03.png|46px|verweis=]]</div>
-<div style="transform: rotate(180deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG04">[[Datei:MilkyWayGlyph04.png|46px|verweis=]]</div>
-<div style="transform: rotate(-162deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG20">[[Datei:MilkyWayGlyph20.png|46px|verweis=]]</div>
-<div style="transform: rotate(-144deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG08">[[Datei:MilkyWayGlyph08.png|46px|verweis=]]</div>
-<div style="transform: rotate(-126deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG05">[[Datei:MilkyWayGlyph05.png|46px|verweis=]]</div>
-<div style="transform: rotate(-108deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG32">[[Datei:MilkyWayGlyph32.png|46px|verweis=]]</div>
-<div style="transform: rotate(-90deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG00">[[Datei:Stargate SG·1 Abydos’ point of origin.svg|46px|verweis=]]</div>
-<div style="transform: rotate(-72deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG01">[[Datei:MilkyWayGlyph01.png|46px|verweis=]]</div>
-<div style="transform: rotate(-54deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG19">[[Datei:MilkyWayGlyph19.png|46px|verweis=]]</div>
-<div style="transform: rotate(-36deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG22">[[Datei:MilkyWayGlyph22.png|46px|verweis=]]</div>
-<div style="transform: rotate(-18deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" name="DHDG07">[[Datei:MilkyWayGlyph07.png|46px|verweis=]]</div>
-<div style="border-radius:100%; border: 1px solid black; width:140px; height:140px; margin: -70px; background-image:radial-gradient( circle at center, #ff8433 0%, #ff5939 60%, #ff3b1a 100%);"></div>
-</div>
-</div></div>