Discussion :

[adrix26]

Bonjour à tous,

je suis en train de développer une application php ajax et j'ai un problème lors de la mise en prod sur un serveur Ovh.

j'ai le bouton suivant qui permet de se connecter :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    <a href="#" class="button save" onclick="$(function(){
            $('#ConnexionUserResult').fadeOut();    // fade out the current content
            document.title = 'Connexion';
            $.ajax({
                url: './lib/userLib.php?page=register&function=Login',
                data: {
                    email: $('#email').val(),
                    password : $('#password').val()
                  },
                dataType: 'html',
                success: function(content){
                    $('#ConnexionUserResult').html(content).stop().fadeIn();    // fade in the new content
                }
            });
            });">Connexion</a>

En local ça fonctionne bien, j'ai ma div "ConnexionUserResult" qui affiche le résultat du login avec un effet de fadein allant d'une opacity de 0 à 100.

Lorsque je suis en prod l'effet de fadein ne fonctionne plus, l'opacity passe de 0 à 50 d'un coup (1- ça ne fait pas l'effet de fadein / 2- ça bloque à vers les 50%) !

Je suis un peu perdu, n'étant pas un expert du jquery

pouvez vous m'aider ?

merci

Adrien

[adrix26]

J'ai résolu le problème, voila la solution

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#ConnexionUserResult').html(content).stop(true,true).fadeIn();

merci

Adrien