close× Call Us +49 (1805) 01 29 59

Gr@n@dE
Thread Author: MaZzIMo24
Thread ID: 3433
Thread Info
Es gibt 12 Beiträge zu diesem Thema, und es wurde 3851 mal angesehen.
Wer ist hier? 1 Gäste
 Thema drucken
PANEL INHALT mit Klappfunktion versehen
MaZzIMo24
Hallo lieber Support ^^

Ich brauche eine Funktion um den Panel Inhalt auf und zu, zu klappen.
Sprich (zb):

INHALT 1 (auf/zu Klappbar)
sub inhalt1
sub inhalt1
sub inhalt1

INHALT 2 (auf/zu Klappbar)
sub inhalt2
sub inhalt2
sub inhalt2

habe da ein Code Zusammen gestellt der aber noch ned FUNKTIONIERT.


echo "<script type=\"text/javascript\">
   $(function() {
   $('#zeigstats').click(function() {
   $('#up_stats').slideDown('slow');
   $('.zeigstats').toggle();
   });
   });
   $(function() {
   $('#keinestats').click(function() {
   $('#up_stats').slideUp('slow');
   $('.zeigstats').toggle();
   });
   });</script>";                                                      
                                                   
echo "<div id='up_stats' class='zeigstats' style='text-align:center;'>";
   echo "
      <hr>
      <span id='zeigstats' class='zeigstats'>
      <img src='".INFUSIONS."user_info_panel/img/bullet1.gif' alt='' align='absmiddle' style='vertical-align:middle; border: none;' /><span class='small'>Stats einblenden</span><img src='".INFUSIONS."user_info_panel/img/bullet1.gif' alt='' align='absmiddle' style='vertical-align:middle; border: none;' />
      </span>      
      <span id='keinestats' class='zeigstats' style='display:none;'>
      <img src='".INFUSIONS."user_info_panel/img/bullet2.gif' alt='' align='absmiddle' style='vertical-align:middle; border: none;' /><span class='small'>Stats aublenden</span><img src='".INFUSIONS."user_info_panel/img/bullet2.gif' alt='' align='absmiddle' style='vertical-align:middle; border: none;' />
   </div>";
echo "<span id='zeigstats'><div id='up_stats'>

TEXT/CODE

</div></span>";   


Danke für eure Augen und Hilfe ^^
 
SC-Ad-Bot
 
MaZzIMo24
das ist eine funktion die mir bekannt ist, aber diese suche ich nicht , ich brauche diese funktion für mein User info panel,
und da sieht es nicht schön aus wenn da so viele Panels erscheinen.

Meine idee habe ich von deinem User_Info_panel
 
MaZzIMo24
keiner eine idee,
 
MaZzIMo24
wenn dies die antwort wäre, wurde es gehen ^^

es geht nicht , ohne span ist einleuchtend, aber es geht nicht,
habe ein paar varianten durchprobiert. aber ich bekomms ned hin.
 
emblinux
Wenn man sich deinen Code so anschaut, kommt einen das Grauen, leider. Dir fehlen noch einige grundlegende Kenntnisse im Umgang mit HTML im speziellen bei der Verwendung von IDs.

Dazu solltest du wissen, das IDs eindeutig auf einer Seite sein müssen, erst recht wenn man mittels JavaScript auf sie zugreift.

Ich habe deinen Code mal genommen und angepasst und so sieht er aus, wie er bei mir funktioniert.


echo "<script type=\"text/javascript\">
      $(function()
      {
        $('#zeigstats').click(function()
         {
           $('#up_stats').slideDown('slow');
           $('.zeigstats').toggle();
         });
        $('#keinestats').click(function()
         {
           $('#up_stats').slideUp('slow');
           $('.zeigstats').toggle();
         });

      });
     </script>";

echo "<div style='text-align:center;'>";
echo "<hr />
      <span id='zeigstats' class='zeigstats'>
       <span class='small' style=\"cursor: pointer;\">Stats einblenden</span>
      </span>
      <span id='keinestats' class='zeigstats' style='display:none;'>
       <span class='small' style=\"cursor: pointer;\">Stats aublenden</span>
      </span>";
echo "</div>";

echo "<div id='up_stats' style=\"display: none;\">
        TEXT/CODE
      </div>";


Ich habe auf diverse Grafiken verzichtet. Ausserdem braucht man auch keine 2 Funktionsprototypen machen, es reicht eine mit den 2 entsprechenden Funktionen.

Viel Spass beim Testen. :)
Das Lernen ist wie ein Meer ohne Ufer. Konfuzius

Alles wird Gut!

KEIN Support per Mail, ICQ oder PN !
www.heiseclan.de/fusion/sig.gif

www.heiseclan.de/geosig.gif
 
MaZzIMo24
ok ich teste, und ja diese fehlen, aber ich lerne jeden tag dazu ^^

EDIT >>>

Also super Code.
Funktioniert ^^

Jedoch ist der code nicht mit einigen Panels Kompatibel, denke mal das liegt an den Boxover.js´s .

Deswegen wollte ich dich fragen ob es die möglichkeit gibt eine Java datei zur unterstützung zu nehmen, also eine andere klapp möglichkeit.

Und trotzdem schonmal DANKE für deine Top Hilfe ^^ *daumenhoch*
Bearbeitet von MaZzIMo24 am 11.02.2011 00000002 10:53
 
emblinux
Hast du den Code für dich nochmals angepasst ?

Poste doch einfach mal die Seite, wo das eingebunden ist, aber so, das ich es auch sehe, dann kann ich mir das mal anschauen, warum es nicht geht. Denn normalerweise dürfte das nichts mit der boxover.js zutunhaben.
Das Lernen ist wie ein Meer ohne Ufer. Konfuzius

Alles wird Gut!

KEIN Support per Mail, ICQ oder PN !
www.heiseclan.de/fusion/sig.gif

www.heiseclan.de/geosig.gif
 
MaZzIMo24
ok werde mal meine beta seite auf machen,

habe ein test acc mit sa rechte erstellt, lasse dir die daten zukommen, panels sind wieder deaktiviert und die klapp funktion ist in meinem user info panel (rechts oben)
 
emblinux
Da man Javascript-Code nicht einfach irgendwo einbinden sollte, solltest du folgendes noch anpassen.

ändere

echo "<script type=\"text/javascript\">
      $(function()
      {
        $('#zeigstats').click(function()
         {
           $('#up_stats').slideDown('slow');
           $('.zeigstats').toggle();
         });
        $('#keinestats').click(function()
         {
           $('#up_stats').slideUp('slow');
           $('.zeigstats').toggle();
         });

      });
     </script>";


in


add_to_head("<script type=\"text/javascript\">
      $(function()
      {
        $('#zeigstats').click(function()
         {
           $('#up_stats').slideDown('slow');
           $('.zeigstats').toggle();
         });
        $('#keinestats').click(function()
         {
           $('#up_stats').slideUp('slow');
           $('.zeigstats').toggle();
         });

      });
     </script>");


Dann sehen wir weiter.

EDIT: So wie es aussieht, hast du das mit dem Boxover falsch eingebaut. Das solltest du dir nochmal genauer ansehen.
Das Lernen ist wie ein Meer ohne Ufer. Konfuzius

Alles wird Gut!

KEIN Support per Mail, ICQ oder PN !
www.heiseclan.de/fusion/sig.gif

www.heiseclan.de/geosig.gif
 
MaZzIMo24
Hammer, du bist der beste ^^

Mit deiner ERGÄNZUNG haut es wie immer super hin, alle panels an und KLAPPEN geht, super wieder etwas dazu gelernt, werde mit deinem CODE nun sehr viel anstellen ^^, werde mir den code gut einprägen, Super ^^

*ZWEIDAUMENHOCH*

Kleine frage ___-___ Das bewerte system für Themen wäre hier sehr angebracht ^^ oder nicht ?

EDIT>>>

die boxover sind meiner erfahrung nach richtig eingebaut, also ich wüsste es nicht besser/genauer.
Bearbeitet von MaZzIMo24 am 11.02.2011 00000002 23:05
 
emblinux
Wenn jetzt alles funktioniert, lag es nur an der falschen Einbindung des JavaScript-Codes.

So ein Bewertungssystem für Themen ist nicht unbedingt aussagekräftig, werds mir aber mal überlegen und vielleicht einbauen.
Das Lernen ist wie ein Meer ohne Ufer. Konfuzius

Alles wird Gut!

KEIN Support per Mail, ICQ oder PN !
www.heiseclan.de/fusion/sig.gif

www.heiseclan.de/geosig.gif
 
MaZzIMo24
ja ok das stimmt, oder was ne ganz gute Geschichte wäre, ist das Bewerte system von MG ^^

da würden aufjeden fall einige Votes eingehen. Danke nochmal^^
 
Springe ins Forum:

 Ähnliche Themen 

TEST
Thema Forum Antworten Letzter Beitrag
Whats New Panel Infusionen 2 01.06.2019 00000006 22:50
Advanced Whats New Panel Allgemeine Diskussionen 3 23.10.2018 00000010 17:43
slideshow panel (mitte) Allgemeine Diskussionen 9 24.06.2018 00000006 15:08
warnuwetter panel Infusionen 5 16.01.2018 00000001 18:41
[suche] Social Networks Panel Infusionen 7 06.06.2017 00000006 15:08
SGI Fusion