Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 6
Seite [1]
SlayR ClanSphere Team


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
 # Thema - 17.11.2010 um 20:28 Uhr
Hi Leutz, ich hab bei mir auf der Seite 'nen Toggler für die Navlists per jquery untergebracht (Link basiert). Der Toggler funktionier an und fürsich richtig gut, nur habe ich schwierigkeiten mit der Animation. Wärend die entsprechende Navlist ausgefahren wird, wird sie mitten in der Animation kurz rechts von Ihrer eigentlichen Position gezeigt. Ich denke es hat direkt mit jquery zu tun. kann mir jemand nen Tip geben, das die Animation genauso sauber läuft wie für meine "Letzter Beitrag" Navlist?

Wenn ihr nicht ganz schlau aus meinen Worten werdet, hier der Link zur page:
http://www.ths-germany.de
einfach mal etwas mit den blauen Buttons links und rechts spielen, dann werdet Ihr den Effekt schon sehen.

Hier kommen noch meine CodeAuszüge:

1.Links abfangen und ID's mit jquery auf-zumachen:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
1. / 2. / ... 
 <script type="text/javascript">
  <!--
$(document).ready(function(){
  // Alle Links ermitteln, die zum Togglen dienen
  var arrA = $("a[rel='toggle']").each(function(intIndex){
    // ID des zugehörigen Toggle-Elements ermitteln
    var linkID = String($(this).attr('href')).substr(1, $(this).attr('href').length);
    // Element verstecken
    if(linkID){
      $('#'+linkID).hide();
    }
 
    // Togglefunktion an Link binden
    $(this).toggle(
      function(){
        $('#'+linkID).show('slow'); // Einblenden
      },
      function(){
        $('#'+linkID).hide('fast'); // Ausblenden
      }
    );
  });
});
 //-->
</script>


2. Der zugehörige html Code:

 
1.
2.
3.
4.
5.
6.
1. / 2. / ... 
 <a class="head_box_member" href="#Mem_Box" rel="toggle"></a>
                    <div id="Mem_Box">
                    <div class="footer_head_left"></div>
                    <div align="left" class="inner_frame_left">{members:navrand}</div>
                    <div class="footer_box_left"></div>
                    </div>


------------------
--- CLANSPHERE ---
Professional clan care starts here
Inaktiv
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 1 - 17.11.2010 um 20:39 Uhr
welcher browser? in chrome seh ich den fehler nicht. Nur ist es nicht bei allen navlists ganz flüssig. was aber, wie ich denke, mit den margins und paddings der elemente innerhalb der navlist zu tun hat. (dein eigentlich problem könnte auch daran liegen)


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

Inaktiv
|
SlayR ClanSphere Team
Thread-Ersteller


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
 # Antwort: 2 - 17.11.2010 um 20:49 Uhr
Das Problem kann ich mit dem IE8 und Firefox 3.6.12 replizieren. Hm, Was denkst du, margin und padding der Elemente ändern, evtl. ganz entfernen und nur von den Containern übernehmen?

<edit>
Im IE8 sind jedoch ausschließlich die boxes:
-Zufalls User
-Geburtstage
-Aktuelle Umfrage
-Jobs

betroffen sind.


------------------
--- CLANSPHERE ---
Professional clan care starts here


Zuletzt editiert von SlayR ClanSphere Team am 17.11.2010 um 20:53 Uhr (1x Editiert)
Inaktiv
|
hajo ClanSphere Team


VIP - Poster




Herkunft: Barsbüttel
Beiträge: 9411
 # Antwort: 3 - 17.11.2010 um 22:33 Uhr
jquery update auf 1.4.4 durchgeführt?


------------------
ClanSphere - professional clan care starts here

Inaktiv
|
SlayR ClanSphere Team
Thread-Ersteller


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
 # Antwort: 4 - 19.11.2010 um 08:45 Uhr
Ich hab trunk 4660 zu laufen und nutze das eh' schon durch CSPhere eingebundene jquery. Habe also keinerlei zusätzliche Aufrufe drin. Welche jquery nutz 4660 eigentlich? Ansonsten werde ich mal die aktuellst jq-Bibliothek einfach mal in meine index.htm einklinken und mal schauen was passiert...


------------------
--- CLANSPHERE ---
Professional clan care starts here
Inaktiv
|
hajo ClanSphere Team


VIP - Poster




Herkunft: Barsbüttel
Beiträge: 9411
 # Antwort: 5 - 19.11.2010 um 11:40 Uhr
der svn trunk 4660 nutzt das aktuelle jquery 1.4.4, allerdings war im release 2010.1 eben noch 1.4.3 enthalten.


------------------
ClanSphere - professional clan care starts here

Inaktiv
|
SlayR ClanSphere Team
Thread-Ersteller


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
 # Antwort: 6 - 19.11.2010 um 15:16 Uhr
Ich gluabe, der thread kann geschlossen werden. Auf 2 weiteren Rechnern tritt das Problem nicht auf. Trotz identischer Browser läuft dabei die Animation sauber ab. Scheint also etwas mit der Konfiguration meiner "Entwickler Maschine" nicht zu stimmen. Ich danke allen, die sich die Zeit genommen haben mir zu helfen!


------------------
--- CLANSPHERE ---
Professional clan care starts here
Inaktiv
|

Dieses Thema wurde von TeQu!La ClanSphere Team PM geschlossen.
Antworten: 6
Seite [1]