Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 9
Seite [1]
lemon


Beginner




Beiträge: 4
 # Thema - 07.04.2011 um 21:01 Uhr
Hallo, liebe ClanSphere Community!

Ich bin gerade dabei ein Design an ClanSphere anzupassen (mein erstes mal).
Das Design hat einige jQuery (UI) Spielerein, die bis jetzt auch alle funktionieren.

Doch wenn ich in ClanSphere Ajax aktiviere, funktionieren die jQuery UI Sachen nicht mehr (Content Slider und Tabs), die normalen jQuery Scripts laufen ohne Probleme weiter.

Wenn ich bei aktiven Ajax auf einen Button vom Content Slider oder den Tabs clicke sagt mir mein FireBug:

"Fehler: uncaught exception: jQuery UI Tabs: Mismatching fragment identifier."


tabs.js

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
1. / 2. / ... 
   $(document).ready(function() {
        $("#box_info_tabs").tabs({ fx: { opacity: 'toggle' ,duration: 250 } }).tabs( "rotate" , 8000 , [false] );
        $("#box_content_info").hover(
        function() {
        $("#box_info_tabs").tabs("rotate",0,true);
        },
        function() {
        $("#box_info_tabs").tabs("rotate",8000,true);
    });    
  });



Danke für eure Zeit.

MfG.

lemon
Inaktiv
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 1 - 07.04.2011 um 22:56 Uhr
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
1. / 2. / ... 
 
$(document).ready(function() {

$(document).bind('csAjaxLoad', function(e,ele) {

 ele.find("#box_info_tabs").tabs({ fx: { opacity: 'toggle' ,duration: 250 } }).tabs( "rotate" , 8000 , [false] );
        ele.find("#box_content_info").hover(
        function() {
        ele.find("#box_info_tabs").tabs("rotate",0,true);
        },
        function() {
        ele.find("#box_info_tabs").tabs("rotate",8000,true);
        });    
}).triggerHandler('csAjaxLoad', document.body);
});



so müsste das gehen.


------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI ClanSphere Team am 07.04.2011 um 22:56 Uhr (2x Editiert)
Inaktiv
|
lemon
Thread-Ersteller


Beginner




Beiträge: 4
 # Antwort: 2 - 08.04.2011 um 11:34 Uhr
Funktioniert leider nicht.
Wenn ich dein Code nehme geht übrigends gar kein jQuery mehr, egal ob Ajax an ist oder nicht.

Fehler mit deinem Code: ele.find is not a function


Gruß lemon


Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
 # Antwort: 3 - 08.04.2011 um 11:46 Uhr
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
1. / 2. / ... 
 $(document).ready(function() {

$(document).bind('csAjaxLoad', function(e,ele) {

$(ele).find("#box_info_tabs").tabs({ fx: { opacity: 'toggle' ,duration: 250 } }).tabs( "rotate" , 8000 , [false] );
        $(ele).find("#box_content_info").hover(
        function() {
        $(ele).find("#box_info_tabs").tabs("rotate",0,true);
        },
        function() {
        $(ele).find("#box_info_tabs").tabs("rotate",8000,true);
        });    
}).triggerHandler('csAjaxLoad', document.body);
});


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Zuletzt editiert von Fr33z3m4n ClanSphere Team am 08.04.2011 um 11:48 Uhr (2x Editiert)
Inaktiv
|
lemon
Thread-Ersteller


Beginner




Beiträge: 4
 # Antwort: 4 - 08.04.2011 um 15:27 Uhr
Geht immer noch nicht

Mit dem Code von Fr33z3m4n ist es wie mit meinem original Code, alles geht, solange Ajax aus ist.
Ist Ajax an, gehen die normalen jQuery Sachen ohne Probleme, nur die jQuery UI Scripts geben wie bei meinem Code den Fehler:

"uncaught exception: jQuery UI Tabs: Mismatching fragment identifier." aus.


Ich habe mal auf die Schnelle die jQuery UI Tabs auf eine Test Seite gebastelt, da ich die betroffene Seite nicht unfertig veröffentlichen möchte. Problem ist aber genau das gleiche.

Link: "entfernt" (Ajax ist an)


Gruß
lemon



Zuletzt editiert von lemon am 08.04.2011 um 21:48 Uhr (1x Editiert)
Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 5 - 08.04.2011 um 15:35 Uhr
edit: ok doch nicht.

Das Problem ist, dass sich jQueryUI-Tabs auf ein gewisses Format der URL verlässt und sich dahingehend wohl nicht weiter konfigurieren lässt, aber die Ajax-Implementierung von Clansphere ja eben das URL-Format leicht ändert.

Ich denke nicht, dass sich das so einfach ändern lässt. Evtl musst du wenn du unbedingt Ajax und Tabs benutzen willst ein anderes Tabs-Plugin für jQuery benutzen.


------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI ClanSphere Team am 08.04.2011 um 15:42 Uhr (2x Editiert)
Inaktiv
|
lemon
Thread-Ersteller


Beginner




Beiträge: 4
 # Antwort: 6 - 08.04.2011 um 21:47 Uhr
Moin,

danke für eure Hilfe. Nach langem vergeblichen suchen nach einem vergleichbaren Tabs-Plugin hatte ich dank deiner Erklärung, dass sich die jQueryUI-Tabs auf ein Format der URL verlassen eine Idee.

Die URL ist immer (hoffe ich doch): "/index.php". Die jQueryUI-Tabs-Buttons verlinken normal auf den entsprechenden Tab-Content.

z.B.

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
1. / 2. / ... 
                     
 <div id="box_tabs_container">
                   <ul class="box_tabs">
                       <li id="tab_1"><a href="#tab_content_1"></a></li>
                       <li id="tab_2"><a href="#tab_content_2"></a></li>
                       <li id="tab_3"><a href="#tab_content_3"></a></li>
                   </ul>

                            <div id="tab_content_1">
                                <p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                            </div>

                            <div id="tab_content_1">
                            <p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                            </div>

                            <div id="tab_content_1">
                            <p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                            </div>
  </div>



Das Problem ist jetzt, dass der tab-content ja gar nicht in der index.php ist, sonder in der einige Verzeichnisse weiter liegenden index.htm.
Ist aber die URL immer gleich, kann einfach auf diese verlinkt werden.

Also:

 
1.
2.
3.
4.
5.
6.
7.
1. / 2. / ... 
 
                        <ul class="box_tabs">
                            <li id="tab_1"><a href="/templates/clansphere/index.htm/#tab_content_1"></a></li>
                            <li id="tab_2"><a href="/templates/clansphere/index.htm/#tab_content_2"></a></li>
                            <li id="tab_3"><a href="/templates/clansphere/index.htm/#tab_content_3"></a></li>
                        </ul>



Ist zwar nicht schön, läuft bei mir aber so weit ohne Probleme.


Gruß
lemon
Inaktiv
|
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
 # Antwort: 7 - 09.04.2011 um 13:47 Uhr
Und das funktionioert mit eingeschaltetem Ajax? weil genau dieser anchor wird bentutzt


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Inaktiv
|
lemon
Thread-Ersteller


Beginner




Beiträge: 4
 # Antwort: 8 - 10.04.2011 um 14:33 Uhr
ja, das funktioniert sowohl mit als auch ohne eingeschaltetem Ajax.


Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 9 - 01.05.2011 um 14:13 Uhr
ÖHM Leute das Funktioniert ohne das man etwas am Script ändern muss.
Man brauch den links bloß die noajax klasse geben...heißt also das aus:
 
1.
1. / 2. / ... 
 <li id="tab_1"><a href="/templates/clansphere/index.htm/#tab_content_1"></a></li>

wird
 
1.
1. / 2. / ... 
 <li id="tab_1"><a href="#tab_content_1" class="noajax" title=""></a></li>



'edit'
habs versucht funktioniert :]


------------------
I like the part where it says 'nyan'



Zuletzt editiert von palle ClanSphere Team am 01.05.2011 um 14:14 Uhr (1x Editiert)
Inaktiv
|
Antworten: 9
Seite [1]


Sie müssen sich registrieren, um zu antworten.