IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

D�crypter une image � un certain endroit du scroll d'une page.


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Particulier
    Inscrit en
    Juillet 2018
    Messages
    8
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activit� : Particulier
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juillet 2018
    Messages : 8
    Par d�faut D�crypter une image � un certain endroit du scroll d'une page.
    Bonjour et merci pour l�aide que vous apportez sur les forums chaque jour.

    J�ai une question concernant un script de d�cryptage d�image.
    Voici la page web en question :

    https://www.raoul-douglas.com/bd/fan...t1hd-test3.php

    Il y a un script de d�cryptage qui d�crypte une image encrypt�e qui poss�de la classe class="encrypted"

    Ce script s�ex�cute au chargement des images dans la page si j�ai bien compris.

    L�image de droite est une image d�crypt�e classique.

    Maintenant ce que j�aimerais faire, c�est d�crypter une image encrypt�e qui ne poss�de pas la class="encrypted" � la base (donc qui n�est pas d�crypt�e par le script au chargement de la page) en lui ajoutant cette classe arriv� � un certain endroit du scroll dans la page (ici, j�ai mis 250 pixels pour tester)

    Ce que je ne sais pas faire, c�est ex�cuter le script de d�crytage � un moment pr�cis.
    �a doit passer par l�action "decoder.init" j�ai l�impression�

    � d�faut de me donner la solution, si quelqu�un pouvait me dire si ce que je cherche � faire est possible sans avoir � recharger la page ?

    Merci d�avance.

  2. #2
    Candidat au Club
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Avril 2020
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 39
    Localisation : Suisse

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels

    Informations forums :
    Inscription : Avril 2020
    Messages : 4
    Par d�faut
    Hello, Oui c'est tt a fait possible.
    Je vais essayer de r�pondre a ta question avec un exemple que tu peu tester:

    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
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
     
    // identifier le parent de l'image car comme elle est en "display:none"
    // on peut pas bien watch le moment ou elle est visible dans la zone du navigateur
    const trs = document.querySelectorAll('tr');
    // on utilise l'api IntersectionObserver pour economiser de la recource system
    observer = new IntersectionObserver(entries => {
      // enusite pour chaque element watch on check la position dans la fenêtre du navigateur
      entries.forEach(entry => {
        // si c'est visible on decrype
        if (entry.intersectionRatio > 0) {
          // on chope l'element img pour récupéré son id
          const img = entry.target.querySelector('img');
          // avec l'id de l'image on chope le "num" qui lui correspond
          const num = img.id.split('cryptee')[0];
          // et enfin on decrypte
          decoder.init(num)
          console.log('in the view', img, num);
        } else {
          console.log('out of view');
        }
      });
    });
    // lance un observeur sur chaque parent TR
    trs.forEach(tr => {
      observer.observe(tr);
    });
    Je suis pas certain que ce soie ce que tu veux mais cela p'eut te mettre sur la piste ;-)
    Redemande si tu comprend pas bien l'exemple

  3. #3
    Nouveau membre du Club
    Homme Profil pro
    Particulier
    Inscrit en
    Juillet 2018
    Messages
    8
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activit� : Particulier
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juillet 2018
    Messages : 8
    Par d�faut
    Merci pour ta r�ponse.
    Je garde ta technique de c�t�. Elle a l'air vachement bien mais �a a l'air un peu compliqu� vu que je ne connais pas toutes les syntaxes, donc je tatonne en fait. ^_^'
    Donc il faut que je prenne le temps de me pencher dessus.

    En fait depuis deux jours j'ai bien avanc�, et j'ai r�ussi ce que je voulais faire avec des scrolls, mais je me suis rendu compte que c'�tait encore trop gourmand en ressource, du coup l� je me suis rabattu sur une boucle toute b�te qui d�crypte une image toutes les 2 secondes avec un settimeout, comme �a �a se fait en fond pendant que le lecteur commence � lire. ;-)

    Merci beaucoup en tout cas.

  4. #4
    Candidat au Club
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Avril 2020
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 39
    Localisation : Suisse

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels

    Informations forums :
    Inscription : Avril 2020
    Messages : 4
    Par d�faut
    Yes content que tu ai trouv� seul une mani�re de ne pas rester bloqu�.
    C'est le plus important

    Apr�s tu verra qu'a force de pratiqu� tu sera de plus en plus alaise avec la syntaxe.. JS c'est plus facile que le fran�ais je trouve
    Bonne continuation

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Ouvrir une image mapp�e � un endroit pr�cis ?
    Par Chtidichi dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 0
    Dernier message: 23/02/2010, 13h34
  2. afficher une image pendant un certain temps sur une page
    Par fraizas77 dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 16/06/2009, 16h53
  3. Faire apparaitre une image a un endroit tir� au hasard
    Par hools dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 28/02/2008, 14h55
  4. Comment rendre une form transparente � certains endroits ?
    Par ludo5532 dans le forum Composants VCL
    R�ponses: 4
    Dernier message: 21/08/2005, 15h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo