Probleme mit Cloudflare

07/09/2016 23:03 Nevada'#1

Hi,

seitdem ich Cloudflare nutze habe ich ein kleines Problem.

Auf meiner Seite nutze ich auf der Login-/Registerpage eine Fade-in Animation und seitdem ich nun Cloudflare nutze, erscheint die DIV manchmal garnicht und so braucht man etwa 10 Refreshes bis die DIV sichtbar wird. Sie ist eigentlich da, sie ist nur unsichtbar. Man kann sogar �ber die einzelnen Form Inputs hovern.

Wei� jemand wodurch das Problem entsteht?

K�nnt ja gerne selbst schauen:

[Only registered and activated users can see links. Click Here To Register...]

auf der /register hab ich die fade-in animation bereits entfernt.

07/10/2016 00:03 #Metho#2

Mal so? w�re das eine Alternative?

PHP Code:


			
function fadeIn(element, duration) {
    var step = 1,
        fluidity = 1000,
        interval;

    duration /= fluidity;

    interval = window.setInterval(function() {

        element.style.opacity = 1 / fluidity * step;

        step++;

        if (step === fluidity) {
            window.clearInterval(interval);
        }

    }, duration);
}

var myBox = document.getElementById('box');
fadeIn(myBox, 1000);

HTML Code:

<div class='box' id='box'></div>

Code:

.box {
  background: red;
  width: 200px;
  height: 200px;
  opacity: 0;
}

Hier noch mein Fiddlenode f�r dich

[Only registered and activated users can see links. Click Here To Register...]

Ich gucke mir dein Problem morgen an, aber heute bin ich zu m�de um die Ursache festzustellen ^^

07/10/2016 00:11 Nevada'#3

Quote:
Originally Posted by #Metho
Mal so? w�re das eine Alternative?

PHP Code:

function fadeIn(element, duration) { var step = 1, fluidity = 1000, interval; duration /= fluidity; interval = window.setInterval(function() { element.style.opacity = 1 / fluidity * step; step++; if (step === fluidity) { window.clearInterval(interval); } }, duration); } var myBox = document.getElementById('box'); fadeIn(myBox, 1000);
HTML Code:
<div class='box' id='box'></div>
Code:
.box {
  background: red;
  width: 200px;
  height: 200px;
  opacity: 0;
}
Hier noch mein Fiddlenode f�r dich

[Only registered and activated users can see links. Click Here To Register...]

Ich gucke mir dein Problem morgen an, aber heute bin ich zu m�de um die Ursache festzustellen ^^

Danke erstmals, werde den Code tags�ber versuchen einzubinden :)

Benutze f�r die FadeIn animation Animsition

[Only registered and activated users can see links. Click Here To Register...]

07/10/2016 19:26 #Metho#4

Quote:

Originally Posted by Nevada'

Danke erstmals, werde den Code tags�ber versuchen einzubinden :)

Benutze f�r die FadeIn animation Animsition

[Only registered and activated users can see links. Click Here To Register...]

[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]

HTTPs console log:

Quote:

Mixed Content: The page at 'https://nevada.moe/login' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'. This request has been blocked; the content must be served over HTTPS.

Versuch's mal mit HTTPs

[Only registered and activated users can see links. Click Here To Register...]