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 :

Supprimer le JavaScript inline


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �clair�
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    731
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 731
    Par d�faut Supprimer le JavaScript inline
    Bonjour,

    Le scan de Mozilla recommande de renseigner le header Content Security Policy

    Selon les param�tres les plus s�curis�s les javascript inline ne peuvent plus �tre activ�s.

    Pourquoi ne pas essayer de se conformer � ce que demande Mozilla.

    Mon probl�me est que mon code HTML est constell� de petites phrase magiques g�n�r�es de fa�on dynamique pour par exemple pouvoir ouvrir des images en pop-up :

    Code HTML : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <img src="im/pr/2071G.jpg" width="110" height="94" onclick="window.open('popup.php?nom=2071G.jpg','','scrollbars=yes,resizable=yes,width=420,height=445');" alt="" />
     
    <img src="im/pr/585G.jpg" width="110" height="85" onclick="window.open('popup.php?nom=585G.jpg','','scrollbars=yes,resizable=yes,width=420,height=414');" alt="" />

    Autre petite phrase, non dynamique celle-la :

    Code HTML : S�lectionner tout - Visualiser dans une fen�tre � part
    <input type="text" name="txlibre" value="(texte libre)" onfocus="if (this.value=='(texte libre)') this.value='';"   />

    Je ne vois pas du tout me d�barrasser de ces scripts inline tout en gardant mes pop-up et remplacements de texte actifs.

    Merci de votre aide.

  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2006
    Messages
    2 495
    D�tails du profil
    Informations personnelles :
    �ge : 55
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 495
    Par d�faut
    il faut que tu passes des ids (uniques) a tes elements pour pouvoir les retrouver en JS
    et que tu utilises les eventListener developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener
    par exemple :
    <img id="img1" src="im/pr/2071G.jpg" width="110" height="94" alt="" />
    Code javascript : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    document.getElementById('img1').addEventListerner('click', () => {
        window.open('popup.php?nom=2071G.jpg','','scrollbars=yes,resizable=yes,width=420,height=445');
    });
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de D�veloppez !

  3. #3
    Membre �clair�
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    731
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 731
    Par d�faut
    Bonjour Doksuri,

    Merci de ta r�ponse.

    Toutefois ce code est dynamique, il me semble impossible ou trop lourd de cr�er � la vol�e un fichier javascript � charger.

    Par contre je peux �crire � la vol�e ce code dans le HEAD de la page html dans une balise <script type="javascript">.

    Mozilla consid�re-t-il encore ce code comme un script inline ?
    Je vais essayer d�s que j'ai le temps

  4. #4
    Membre �clair�
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    731
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 731
    Par d�faut
    Bonjour,

    J'esp�re que ce codepen illustre mon probl�me.

    Je peux avoir 200 images sur une page, chacune pouvant s'ouvrir dans un pop-up dont la hauteur est d�termin�e par la hauteur de l'image.

    Actuellement j'ai donc 200 phrases magiques du type :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    onclick="window.open('popup.php?nom=1261G.jpg','','scrollbars=yes,resizable=yes,width=420,height=427');"
    Pour sortir ces phrases du code html, mon id�e est g�n�rer un id dont les 3 derniers chiffres sont la hauteur du pop-up.

    Mon id�e est d'avoir une petite fonction javascript qui cible simplement toutes les images dans div.list (div.list img serait le s�lecteur en css)

    Ensuite r�cup�re l'id, en extrait les 3 derniers caract�res qui deviennent la hauteur du pop-up.

    J'ose croire que c'est possible et m�me assez facile mais cela d�passe mon niveau en javascript.

    Merci de votre aide.

  5. #5
    Expert confirm�
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Ao�t 2003
    Messages
    3 684
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activit� : danseur

    Informations forums :
    Inscription : Ao�t 2003
    Messages : 3 684
    Par d�faut
    Citation Envoy� par boteha Voir le message
    Je peux avoir 200 images sur une page, chacune pouvant s'ouvrir dans un pop-up dont la hauteur est d�termin�e par la hauteur de l'image.
    Bonjour,

    Oui, on a compris que tu voulais une galerie d'images...
    Mais si l'image du popup a la m�me hauteur que l'image sur laquelle tu cliques, �a n'a pas d'int�r�t.
    Sur la page de base, tu as des miniatures et en cliquant dessus, tu vois l'image en taille r�elle dans un popup. C'est �a?

  6. #6
    Membre �clair�
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    731
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 731
    Par d�faut
    Bonjour javatwister,

    C'est �a.

    D'une vignette tu ouvres dans un pop-up � la taille r�elle de l'image, largeur fixe de 400 px et hauteur variable mais renseign� par le script PHP en amont.

    Ensuite il suffit de cliquer sur le logo Agrandir du pop-up pour passe ton image en plein �cran.

    Tout cela marche tr�s bien et mon probl�me est d'avoir la fonction javascript dans un script externe et non inline.

    Le codepen pr�sente bien le probl�me, j'esp�re.

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

Discussions similaires

  1. Supprimer en javascript
    Par hala92 dans le forum G�n�ral JavaScript
    R�ponses: 11
    Dernier message: 17/01/2017, 11h03
  2. [+] supprim� par javascript
    Par jnore dans le forum G�n�ral JavaScript
    R�ponses: 8
    Dernier message: 19/09/2008, 09h55
  3. [PHP-JS] Supprimer le code javascript d'un code HTML
    Par AlphaYoDa dans le forum Langage
    R�ponses: 6
    Dernier message: 21/02/2006, 22h40
  4. javascript pour supprimer
    Par ridondo dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 14/12/2005, 17h10

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