Auf Thema antworten 2026

Beitrag

<blockquote data-quote="proximate" data-source="post: 1956506" data-attributes="member: 331158">Hallo Community,Ich habe mir vor kurzem zum Ziel gemacht meine Page etwas zu metronisieren ^^Hierzu habe ich im Internet folgendes gefunden :<a href="http://naghsheh.info/Pivot/Pivot.htm" target="_blank">jQuery Metro</a>Nun zu meinem Problem, das ganze funktioniert hier grundlegend ganz OK :<a href="http://metro.area59.ch" target="_blank">Link zur Seite</a>Nun möchte ich jedoch wie bei der Homepage des entwicklers oben zu sehen ist noch zwei Buttons für Weiter und zurück.Firebug gibt mir hier folgenden Wert aus :[HTML]&lt;span style=&quot;font-size:30pt;&quot;&gt;&lt;a href=&quot;javascript:pivot_previous();&quot;&gt;‹&lt;/a&gt;&lt;a href=&quot;javascript:pivot_next();&quot;&gt;›&lt;/a&gt;&lt;/span&gt;[/HTML]Auf der Projektseite des *erbringers* gibt es ledier nur sehr spärliche Informationen und per Mail bekomme ich keine Antwort... <img src="/styles/default/xenforo/smilies/uhm.gif"&nbsp; class="smilie" loading="lazy" alt=":(" title="Frown&nbsp; &nbsp; :(" data-shortname=":(" />Den ganzen jQuery Code hier ein zu fügen wäre etwas overkill ich denke ohne hin das die Lösung sich in diesen Codezeilen versteckt. Ich hoffe mir kann jemand beim *entschlüsseln* helfen?jQuery Ausschnitt :[CODE]&nbsp; &nbsp; &nbsp; &nbsp; $.extend(this, defaults, settings);&nbsp; &nbsp; &nbsp; &nbsp; $.extend(this,{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; animating : false,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; headers : undefined,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; items : undefined,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; goToNext: function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(this.animating) return;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.headers.children(&quot;.current&quot;).next().trigger(&quot;click&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; goToPrevious: function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(this.animating) return;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.headers.children(&quot;.header&quot;).last().trigger(&quot;click&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; goToItemByName:function(header){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(this.animating) return;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.headers.children(&quot;:contains(&quot;+header+&quot;)&quot;).first().trigger(&quot;click&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; goToItemByIndex:function(index){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(this.animating) return;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.headers.children().eq(index).trigger(&quot;click&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; initialize : function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var pivot = this;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // define sections[/CODE]Was ich am Anfang als Schnittstelle habe :[CODE]var defaults = {&nbsp; &nbsp; &nbsp; &nbsp; animationDuration: 300,&nbsp; &nbsp; &nbsp; &nbsp; headerOpacity: 0.7,&nbsp; &nbsp; &nbsp; &nbsp; fixedHeaders: false,&nbsp; &nbsp; &nbsp; &nbsp; headerSelector: function (item) { return item.children(&quot;h3&quot;).first(); },&nbsp; &nbsp; &nbsp; &nbsp; itemSelector: function (item) { return item.children(&quot;.pivot-item&quot;); },&nbsp; &nbsp; &nbsp; &nbsp; headerItemTemplate: function () { return $(&quot;&lt;span class=&#039;header&#039; /&gt;&quot;); },&nbsp; &nbsp; &nbsp; &nbsp; pivotItemTemplate: function () { return $(&quot;&lt;div class=&#039;pivotItem&#039; /&gt;&quot;); },&nbsp; &nbsp; &nbsp; &nbsp; itemsTemplate: function () { return $(&quot;&lt;div class=&#039;items&#039; /&gt;&quot;); },&nbsp; &nbsp; &nbsp; &nbsp; headersTemplate: function () { return $(&quot;&lt;div class=&#039;headers&#039; /&gt;&quot;); },&nbsp; &nbsp; &nbsp; &nbsp; controlInitialized: undefined,&nbsp; &nbsp; &nbsp; &nbsp; selectedItemChanged: undefined&nbsp; &nbsp; };[/CODE]Und hier gehts zum kompletten Code Ich habe bereits etwas erfahrung mit jQuery im Bereich Animation (show hide fade toggle etc. aber das hier sprengt ein bisschen meinen Horizont ^^Ich hoffe jemand kann mir weiterhelfen <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":-)" title="Smile&nbsp; &nbsp; :-)" loading="lazy" data-shortname=":-)" />GrüsseProXi&lt;/div&gt;</blockquote>

[QUOTE="proximate, post: 1956506, member: 331158"] Hallo Community, Ich habe mir vor kurzem zum Ziel gemacht meine Page etwas zu metronisieren ^^ Hierzu habe ich im Internet folgendes gefunden : [URL="http://naghsheh.info/Pivot/Pivot.htm"]jQuery Metro[/URL] Nun zu meinem Problem, das ganze funktioniert hier grundlegend ganz OK : [URL="http://metro.area59.ch"]Link zur Seite[/URL] Nun möchte ich jedoch wie bei der Homepage des entwicklers oben zu sehen ist noch zwei Buttons für Weiter und zurück. Firebug gibt mir hier folgenden Wert aus : [HTML] <a href="javascript:pivot_previous();">‹</a><a href="javascript:pivot_next();">›</a> [/HTML] Auf der Projektseite des *erbringers* gibt es ledier nur sehr spärliche Informationen und per Mail bekomme ich keine Antwort... :( Den ganzen jQuery Code hier ein zu fügen wäre etwas overkill ich denke ohne hin das die Lösung sich in diesen Codezeilen versteckt. Ich hoffe mir kann jemand beim *entschlüsseln* helfen? jQuery Ausschnitt : [CODE] $.extend(this, defaults, settings); $.extend(this,{ animating : false, headers : undefined, items : undefined, goToNext: function(){ if(this.animating) return; this.headers.children(".current").next().trigger("click"); }, goToPrevious: function(){ if(this.animating) return; this.headers.children(".header").last().trigger("click"); }, goToItemByName:function(header){ if(this.animating) return; this.headers.children(":contains("+header+")").first().trigger("click"); }, goToItemByIndex:function(index){ if(this.animating) return; this.headers.children().eq(index).trigger("click"); }, initialize : function () { var pivot = this; // define sections[/CODE] Was ich am Anfang als Schnittstelle habe : [CODE] var defaults = { animationDuration: 300, headerOpacity: 0.7, fixedHeaders: false, headerSelector: function (item) { return item.children("h3").first(); }, itemSelector: function (item) { return item.children(".pivot-item"); }, headerItemTemplate: function () { return $(""); }, pivotItemTemplate: function () { return $("<div class='pivotItem' />"); }, itemsTemplate: function () { return $("<div class='items' />"); }, headersTemplate: function () { return $("<div class='headers' />"); }, controlInitialized: undefined, selectedItemChanged: undefined }; [/CODE] Und hier gehts zum kompletten Code Ich habe bereits etwas erfahrung mit jQuery im Bereich Animation (show hide fade toggle etc. aber das hier sprengt ein bisschen meinen Horizont ^^ Ich hoffe jemand kann mir weiterhelfen :-) Grüsse ProXi </div> [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?