résolu Effet FadeIn erreur

[Shin 13]

Salut ! 

 

L'opacité de la div est au préalable à 0, le but est de faire un fondu qui fait apparaître la div.

Le problème est que la fonction ne tourne qu'une fois, mon opacité se retrouve alors à 0.1.

Je ne comprends pas d'ou vient mon erreur.

    var divRegister = document.getElementById("registerBox");
    fadeInEffect(divRegister, 300);

	function fadeInEffect(fadeTarget, speed) {
    var fadeEffect = setInterval(function () {
        if (!fadeTarget.style.opacity) {
            fadeTarget.style.opacity = 0;
        }
        if (fadeTarget.style.opacity > 0.9 ) {
            clearInterval(fadeEffect);
        } else {
            fadeTarget.style.opacity += 0.1;
        }
    }, speed);
}

Merci d'avance.

[Shin 13]

Sujet résolu,

J'ai au final trouvé la solution en cherchant des sujets similaires sur le web, il se trouve que l’élément opacity est considéré comme un string, donc il ne peut pas être incrémenté car 0.1 + 0.1 = 0.10.1 (car concaténation).

Il faut donc bien préciser qu'on veut travailler sur un nombre à virgule pour que l'integer puisse augmenter comme on le souhaite.

Solution : 

var divRegister = document.getElementById("registerBox");
    fadeInEffect(divRegister, 100);

function fadeInEffect(fadeTarget, speed) {
    var fadeEffect = setInterval(function () {
        if (!fadeTarget.style.opacity) {
            fadeTarget.style.opacity = 0;
        }
        if (fadeTarget.style.opacity > 0.9 ) {
            clearInterval(fadeEffect);
        } else {
            fadeTarget.style.opacity = parseFloat(fadeTarget.style.opacity) + 0.1;
        }
    }, speed);

 

[Arwantys 643]

Tu te fais chier pour rien, prends jquery c'est beaucoup plus simple et rapide

[Shin 13]

il y a 53 minutes, ??w??†¥§ a dit :

Tu te fais chier pour rien, prends jquery c'est beaucoup plus simple et rapide

 

JQuery est plus lourd que mes 3 fonctions, inutile de l'utiliser pour un simple index.

[Shin 13]

Salut,

Le sujet est déjà résolu, j'ai posté la solution au deuxième message

[Seigneur Vador 165]

    Salut Shin ,
    Ton sujet a été déplacé pour une des deux raisons suivante :

    - Ta demande a été résolu.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

[Seigneur Vador 165]

@Shin, Pense à mettre ton sujet en "Résolu", quand cela est réglé.

 

Homer.

[Narzo 759]

    Salut Shin ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

[Narzo 759]

    Salut Shin ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.