Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 8
Seite [1]
LoNE|Hitman


King for a day





Beiträge: 376
 # Thema - 22.05.2011 um 17:50 Uhr
Hi Community,

ich sitze derzeit an einem kleinen Problemchen: Ich habe auf der Seite www.mysevenworld.de die Shoutbox in einem DIV, welches durch einen klick auf einen Link ausfährt und beim klick auf denselben Link auch wieder einfährt. Nun würde ich gerne, dass der DIV sich aber auch schließt, wenn ich irgendwohin auf der Seite klicke.

Geht sowas?

Hier mal mein Script: +-
 
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.
1. / 2. / ... 
 jQuery(document).ready(function() {
    $("a#ToogleShoutbox").click().toggle(function() {
        $('#shoutbox_out').animate({
            height: 'show',
        }, 'slow');
    }, function() {
        $('#shoutbox_out').animate({
            height: 'hide',
        }, 'slow');
    });
});


var px = 10;//mehr=schneller
var timer;
function scrollDenDiv(val){
clearTimeout(timer);
d=document.getElementById('shoutbox_out')
y=d.scrollTop;
if(val==1)y-=px;
if(val==2)y+=px;
if(y<=d.scrollHeight-d.offsetHeight+px&&y>=0-px){
d.scrollTop=y;
timer=setTimeout('scrollDenDiv('+val+')',50);
}
if(y<0||y>d.scrollHeight-d.offsetHeight){
clearTimeout(timer);
}
}


------------------
"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 LoNE|Hitman am 22.05.2011 um 19:56 Uhr (2x Editiert)
Inaktiv
cbw.lava


Rock the board





Beiträge: 63
 # Antwort: 1 - 28.05.2011 um 00:59 Uhr
Eine Möglichkeit:

mehr... +-
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
1. / 2. / ... 
 jQuery(function () {
    /* Shoutbox bei Klick ausserhalb verstecken
     * ---------------------------------------- */
     
    /* Bei Mouseover bekommt die Shoutbox die CSS-Klasse 'hover', welche bei 
     * Mouseover wieder entfernt wird. */
    jQuery('#shoutbox_out').hover(function () {
        jQuery(this).addClass('hover');
    },
    function () {
        jQuery(this).removeClass('hover');
    });
    
    /* Hier binden wir das 'click'-event ans gesamte HTML-Dokument. Wird ein 
     * Klick ausgeführt, überprüfen wir, ob die Shoutbox sichtbar ist und 
     * NICHT die Klasse 'hover' hat, sprich, sich der Mauszeiger ausserhalb
     * befindet. In dem Fall blenden wir die Shoutbox aus. */
    jQuery(document).click(function () {
        if (jQuery('#shoutbox_out').is(':visible') && !jQuery('#shoutbox_out').hasClass('hover')) jQuery('a#ToogleShoutbox').click()
    });
});
Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 2 - 28.05.2011 um 08:58 Uhr
Geil super vielen Dank... Das funzt genau so wie es soll... THX

Mein größtes Problem ist nun allerdings noch, wie ich diesen Code dem IE9 erklären soll? Der macht nämlich genau nichts. Weder die SB ausfahren noch sie wieder einfahren. Der scheint den gesamten jQuery-Code zu ignorieren. Weiß jemand wieso und was man da machen kann?


------------------
"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 LoNE|Hitman am 28.05.2011 um 09:16 Uhr (1x Editiert)
Inaktiv
|
cbw.lava


Rock the board





Beiträge: 63
 # Antwort: 3 - 28.05.2011 um 14:20 Uhr
Also hier bei mir funktioniert es (auf Deiner Seite, im IE9 32-bit, Win7 64)
Oder hattest Du zwischenzeitlich noch etwas verändert? JavaScript an?


Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 4 - 28.05.2011 um 15:50 Uhr
Ne habe nichts weiter verändert.

Ich bekomme den folgenden Fehler angezeigt wenn ich die SB öffnen will:

Details zum Fehler auf der Webseite

Benutzer-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)
Zeitstempel: Sat, 28 May 2011 13:56:29 UTC

Meldung: Ungültiges aufrufendes Objekt.
Zeile: 17
Zeichen: 28710
Code: 0
URI: http://mysevenworld.de/mods/clansphere/js/jquery.js


Hab die jQuery Library 1.6.1
Wenn ich den Browsermodus des IE auf die Version 8 stelle gehts komischerweise???


------------------
"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 LoNE|Hitman am 28.05.2011 um 16:32 Uhr (3x Editiert)
Inaktiv
|
cbw.lava


Rock the board





Beiträge: 63
 # Antwort: 5 - 29.05.2011 um 14:51 Uhr
Seltsam, diesen Fehler kann ich hier nicht nachvollziehen. Dafür bekomme ich einen anderen, wenn ich den Kompatibilitätsmodus des IE9 anschalte ("Bezeichner, Zeichenfolge oder Zahl erwartet: shoutbox.js, Zeile 5 Zeichen 3"), welcher mit überflüssigen Kommas zusammenhängt.

Ändere mal diesen Code:
mehr... +-
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
1. / 2. / ... 
 jQuery(document).ready(function () {
    $("a#ToogleShoutbox").click().toggle(function () {
        $('#shoutbox_out').animate({
            height: 'show',
        }, 'slow');
    }, function () {
        $('#shoutbox_out').animate({
            height: 'hide',
        }, 'slow');
    });
});


zu:
mehr... +-
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
1. / 2. / ... 
 jQuery(document).ready(function () {
    $("a#ToogleShoutbox").toggle(function () {
        $('#shoutbox_out').animate({
            height: 'show'
        }, 'slow');
    }, function () {
        $('#shoutbox_out').animate({
            height: 'hide'
        }, 'slow');
    });
});


(die Kommas hinter 'show' und 'hide' weg, das .click() vor .toggle ist auch überflüssig)


Inaktiv
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 6 - 29.05.2011 um 15:44 Uhr
Hmm das ändert nichts... Krieg die SB nicht geöffnet


------------------
"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
|
reVerB


Geekboy




Beiträge: 1237
 # Antwort: 7 - 29.05.2011 um 16:41 Uhr
Versuch es mal so:
START >> SYSTEMSTEUERUNG >> INTERNETOPTIONEN >> ERWEITERT >> ZURÜCKSETZEN...

Teste es dann mal ...


Offline
|
LoNE|Hitman
Thread-Ersteller


King for a day





Beiträge: 376
 # Antwort: 8 - 29.05.2011 um 16:50 Uhr
Oh mann wie ich den IE hasse... jetzt gehts... versteh einer die Welt von Microsoft. Drecksbrowser^^

Danke für die Hilfe


------------------
"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: 8
Seite [1]


Sie müssen sich registrieren, um zu antworten.