BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Problème avec scrollreveal
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Problème avec scrollreveal

 Répondre Répondre
Auteur
Message
LVO allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 02 Mai 2018
Status: Inactif
Points: 115
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer LVO Citer  RépondreRéponse Lien Direct à ce Post Sujet: Problème avec scrollreveal
    Envoyé : 19 Feb 2020 à 19:29

J'ai un petit souci avec scrollreveal qui me semble inopérant:


Je le vois dans le code source de ma page mais les classes spécifiées ne fonctionnent pas. Scrollreveal en vacances ou c'est moi qui ai besoin de repos ? Sleepy


Une piste?

Haut de la page
LVO allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 02 Mai 2018
Status: Inactif
Points: 115
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer LVO Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 21 Feb 2020 à 10:18
J'ai un trouvé mon suspect: ce code JS interfere avec scrollreveal:

JS:
$(function() {
    var title = document.getElementsByTagName("title")[0].innerHTML;
    $('.autofill  input').val(title + ' : ' + document.location.href);
});

Ce qui me surprends, c'est que je n'ai pas pas de collision sur les anciennes pages de mon site où ce code était présent. Cela ne se produit que sur les nouvelles. J’ai testé avec un projet vierge et cette collision se produit également.


Edité par LVO - 21 Feb 2020 à 10:18
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 21 Feb 2020 à 11:28
Enlevez temporairement l'élément scrollreveal de votre page pour confirmer 




Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 21 Feb 2020 à 11:32
title peut être un nom réservé

essayez avec 

$(function() {
    var Titre = document.getElementsByTagName("title")[0].innerHTML;
    $('.autofill  input').val(Titre + ' : ' + document.location.href);
});
Haut de la page
LVO allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 02 Mai 2018
Status: Inactif
Points: 115
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer LVO Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 21 Feb 2020 à 13:38
Malheureusement, cela ne sembble pas provenir de cela.

Une page avec le code incriminé:

La même page sans le code JS



Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 21 Feb 2020 à 13:51
Message posté par LVO LVO a écrit:

Malheureusement, cela ne sembble pas provenir de cela.

Une page avec le code incriminé:

La même page sans le code JS




La page génère une erreur parce que le tag name title n'y est pas présent.  JS plante joyeusement.

$(function() {
var Titre = document.getElementsByTagName("title")[0].innerHTML;
if(Titre){$('.autofill  input').val(Titre + ' : ' + document.location.href);}
});
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 21 Feb 2020 à 14:02
Oups, plutôt ceci:

$(function() {
if(document.getElementsByTagName("title").innerHTML){
var Titre = document.getElementsByTagName("title")[0].innerHTML;
$('.autofill  input').val(Titre + ' : ' + document.location.href);
}
});


Edité par Hobby001 - 21 Feb 2020 à 14:13
Haut de la page
LVO allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 02 Mai 2018
Status: Inactif
Points: 115
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer LVO Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 23 Feb 2020 à 10:42
Solution testee.
Solution approuvée!

En travaillant sur des pages en test, j'ai omis de renseigner le titre de la page. Je n'aurais jamais supposé qu'il y aurait une cascade de problèmes qui touchent Scrollreveal.

Grand merci pour cette aide.
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 23 Feb 2020 à 13:06
Juste une précision, 

Ça n'a rien à voir avec ScrollReveal qui est entièrement codé en javascript.

L'absence de trappe d'erreur dans votre code faisait planter javascript au complet.  Scrollreveal n'était que le symptôme indiquant que javascript avait planté.


Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 24 Feb 2020 à 13:18
tu m'as enlevé les mots de la bouche Thumbs Up
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.080 secondes.