Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 14
Seite [1]
LoNE|Hitman


King for a day





Beiträge: 376
 # Thema - 03.02.2011 um 00:19 Uhr
Wie ihr aus der Überschrift schon sehen könnt suche ich eine Möglichkeit in jQuery einen Cookie zu setzen, der mir den aktuellen Status der toggle Funktion speichert und beim schließen des Browsers wieder löscht. Da ich keine Ahnung von jquery habe, und mir den Code für die toggle Funktion zusammengesucht habe, hoffe ich, dass mir hier vielleicht jmd. sagen kann wo und was ich einfügen muss, um den Cookie zu setzen. Dass es geht weiß ich.

Hier der jQuery-Code +-
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
1. / 2. / ... 
     <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
        $("a#ToogleTeamspeakviewer").click().toggle(function() {
            $('#teamspeakviewer_out').animate({
                width: 'show',
            }, 'slow');
                    $.cookie('toggle.' + id, 'open', { expires: 0 });
                    
        }, function() {
            $('#teamspeakviewer_out').animate({
                width: 'hide',
            }, 'slow');
                    $.cookie('toggle.' + id, null);
        });
    });
    -->
    </script>


------------------
"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"


System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64
Inaktiv
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 1 - 06.02.2011 um 10:46 Uhr
ich denke mal die cookie funktioni st die die du suchst ; http://plugins.jquery.com/files/jquery.cookie.js.txt


------------------
Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 2 - 06.02.2011 um 12:12 Uhr
Hmm ok danke. Und wie genau muss ich diesen Code in den bestehenden einfügen? Hab da Null Ahnung von


------------------
"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"


System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 3 - 06.02.2011 um 16:38 Uhr
normal nur davor setzen ;-) das mit den 0ahnung hat ich übersehen ;-)


------------------
Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 4 - 07.02.2011 um 12:31 Uhr
Hey X-Ray danke für deine Hilfe, aber 0 Ahnung bedeutet wirklich 0 Ahnung!!!
Muss ich den Code von dir nun einfach vorne in meine index.html einfügen oder wo genau? Ausserdem muss ich dem Cookie doch sicher noch irgendwelche Daten mitgeben oder?
Könntest du mir das noch etwas genauer erklären wo der Code hin muss?
Wöre super
Danke


------------------
"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"


System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Zuletzt editiert von eumelchen am 07.02.2011 um 12:32 Uhr (3x Editiert)
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 5 - 07.02.2011 um 15:25 Uhr
hiermit wird der cookie gesendet: $.cookie('toggle.' + id, 'open', { expires: 0 &#125;

was du jetzt genau davon brauchst, weiß ich nicht, da ich ned weiß, was das script bei dir ge nau macht, link zu seite vielleicht?

ansonsten ist die funktion von $.cookie in den oben verlinkten schon sehr gut erklkärt ;-)


einfügen müsstest du das in deinen code von oben einfach in der 3 zeile, so das das was jetzt in der 3. steht nach unten rutscht


------------------
Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 6 - 07.02.2011 um 17:49 Uhr
Hehe dein Code ist nicht ganz zu lesen... da hat sich ein Smiley eingeschlichen^^ Das Skript dass ich oben gepostet hab, macht nichts weiter, als ein div in zu aufzuklappen oder zu schließen. Ich habe allerdings diese Funktion 3mal auf der Page für 3 verschiedene div's. Muss ich da nicht irgendwo noch nene direkten Bezug zu dem jeweiligen div herstellen? so dass im Cookie dann auch der Status dem richtigen div zugeordnet werden kann?
Ich versteht halt noch nicht wirklich welche Daten ich wo einsetzen muss, damit der Cookie temporär für die Sitzung erhalten bleibt. Ausserdem weiß ich nicht welche Optionen ich alles habe und wo die hin müssen.

Hier mal ein Link zu der Seite: http://www.lone-clan.de/update/clansphere/index.php
Es handelt sich oben um die Shoutbox und die beiden Serverviewer rechts und links am Bildschirmrand.
Eigentlich wollte ich die Seite noch nicht öffentlich präsentieren, aber sie ist nun schon zu 90% fertig, da ist das nicht mehr so schlimm...


------------------
"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"


System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Zuletzt editiert von eumelchen am 07.02.2011 um 19:04 Uhr (1x Editiert)
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 7 - 07.02.2011 um 19:14 Uhr
hmm als allererstes solltest du sämtliches javascript, was im template ist, in eine externe datei auslagern, dann solltest du diese laden, nachdem die jquery.js geladen wurde, und nachdem der DOM geladen ist. also am ende

füg dazu vor den schließenden body-tag {func:javascript} ein, und nach {func:javascript} includest du dann das javascript-file. am besten ist es wenn du den cookie dann mit den value übergibst, wie hide und der id des links, bzw containers.

dann musst du natärlich beim onload-checken, ob aus dem cookie ob der container ausgefahren sein soll, oder nicht;-)


------------------
Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 8 - 07.02.2011 um 19:30 Uhr
Alter ich versteh fast nur Bahnhof. Kannst du bitte ein kleines Beispiel hier posten? Ich probiere schon die ganze Zeit rum, aber nichts geht.

Hier ist meine index.html: +-
 
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.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
1. / 2. / ... 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>{func:title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
    {clansphere:navmeta}
    <link rel="SHORTCUT ICON" href="Layout/Bilder/favicon.ico"/>
    <link rel="stylesheet" href="template.css" type="text/css" />
    <link rel="stylesheet" href="nav.css" type="text/css" />
    <link rel="stylesheet" href="news.css" type="text/css" />
    <link rel="stylesheet" href="content.css" type="text/css" />
    <link rel="stylesheet" href="login.css" type="text/css" />
  
  
    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
        $("a#ToogleTeamspeakviewer").click().toggle(function() {
            $('#teamspeakviewer_out').animate({
                width: 'show',
            }, 'slow');
        }, function() {
            $('#teamspeakviewer_out').animate({
                width: 'hide',
            }, 'slow');
        });
    });
    -->
    </script>
    
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
        $("a#ToogleServerviewer").click().toggle(function() {
            $('#serverviewer_out').animate({
                width: 'show',
            }, 'slow');
        }, function() {
            $('#serverviewer_out').animate({
                width: 'hide',
            }, 'slow');
        });
    });
    -->
    </script>
    
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
        $("a#ToogleShoutbox").click().toggle(function() {
            $('#shoutbox_out').animate({
                height: 'show',
            }, 'slow');
        }, function() {
            $('#shoutbox_out').animate({
                height: 'hide',
            }, 'slow');
        });
    });
    -->
    </script>

</head>
<body>

<div id="page">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
        <div id="header">
            <div id="logo"></div>
            <div id="login_usermenu">{users:navlogin:style=picture}</div>
              <div id="shoutbox_body">
                <div id="shoutbox_out">{shoutbox:navlist}</div>
                <a href="#" id="ToogleShoutbox" title="Shoutbox" onfocus="if(this.blur)this.blur()"><img src="bilder/shoutbox_in.png" alt="Shoutbox" border="0" /></a>
            </div>            
            <div id="content_top">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="275">{news:navlist}</td>
                        <td width="20"> </td>
                        <td width="280">{board:navlist}</td>
                        <td width="20"> </td>
                        <td width="285">{events:navnext}</td>
                    </tr>
                </table>
            </div>
        </div>    
    </td>
  </tr>
<!--
HIER STEHT SONST DER CODE FÜR DIE NAVI
-->
  <tr>
    <td>
        <div id="content_container">
                <table width="974" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><div id="content_middle"><div id="content_middle_bg_top"></div><div id="content">{func:show}</div></div></td>
                    </tr>
                </table>    
            </div>
    </td>
  </tr>
  <tr>
    <td>
          <div id="content_bottom"></div>
          <div id="footer"></div>
    </td>
  </tr>
</table>
</div>
<div id="teamspeakviewer_body">
    <div id="teamspeakviewer_out"><div id="teamspeakviewer"><iframe src="teamspeakviewer/index.php"  scrolling="auto" frameborder="0" align="right" width="196" height="470"></iframe></div></div>
  <div id="teamspeakviewer_in"><img src="bilder/teamspeakviewer_in.png" alt="Teamspeakviewer" border="0" /></div>
    <a href="#" id="ToogleTeamspeakviewer" title="Teamspeakviewer" onfocus="if(this.blur)this.blur()"><img src="bilder/teamspeakviewer_out_link.png" alt="Teamspeakviewer" border="0" /></a>
</div>

<div id="serverviewer_body">
    <div id="serverviewer_out"><div id="serverviewer"><a href="http://www.gametracker.com/server_info/62.104.21.128:19567/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/62.104.21.128:19567/b_160x400_T0_CCA6F36-000000-CA6F36-434343_F-1-2.png" border="0" width="160" height="364"  alt="" /></a></div></div>
    <div id="serverviewer_in"><img src="bilder/serverviewer_in.png" alt="Serverviewer" border="0" /></div>
    <a href="#" id="ToogleServerviewer" title="Serverviewer" onfocus="if(this.blur)this.blur()"><img src="bilder/serverviewer_out_link.png" alt="Serverviewer" border="0" /></a>
</div>



</body>
</html>


Wo und was genau meinst du?


------------------
"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"


System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Zuletzt editiert von eumelchen am 08.02.2011 um 13:48 Uhr (1x Editiert)
Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 9 - 10.02.2011 um 22:17 Uhr
X-R4Y??? Du hast mich vergessen... heul


------------------
"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"


System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 10 - 14.02.2011 um 19:10 Uhr
Wäre super wenn wir den Thread hier vielleicht noch mit einer Lösung abschließen könnten. Ist immer doof wenn sich so Sachen einfach im Sande verlaufen und dan vergessen werden.


------------------
"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"


System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 11 - 14.02.2011 um 19:20 Uhr
sorry, hab ich wohl übersehen, am besten schauen wir uns das mal gemeinsam an, bevor ich dir das jetzt hier erkläre, hab ich es selber gemacht^^


------------------
Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 12 - 14.02.2011 um 19:21 Uhr
Cool danke. Was genau hast du selber gemacht?


------------------
"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"


System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 13 - 14.02.2011 um 19:28 Uhr
bis jetzt noch nichts, kontakte mich einfach mal per icq, dann mach ich dir das da auf deiner seite, hier übers forum dauert mir jetzt zu lange^^ aber wenns geht dann erst morgen, meine süße kommt gleich von arbeit, die braucht mich^^


------------------
Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 14 - 14.02.2011 um 19:35 Uhr
Hehe alles klar. Ich adde dich mal eben. Melde mich dann morgen. Danke dir und viel Spaß gleichmit deiner Süßen ^^


------------------
"Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!"


System Info:
Clansphere Version: 2011.4.3
CS Website: http://www.lone-clan.de/
Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7
OS: Windows 7 Home Premium x64

Inaktiv
|
Antworten: 14
Seite [1]


Sie müssen sich registrieren, um zu antworten.