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 :

Code js scrollax marche dans codepen mais pas en local


Sujet :

JavaScript

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2003
    Messages
    453
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2003
    Messages : 453
    Points : 74
    Points
    74
    Par défaut Code js scrollax marche dans codepen mais pas en local
    Bonjour,
    J'ai un soucis.
    J'arrive à faire fonctionner mon code dans Codepen: https://codepen.io/JARLIER/pen/oJOLQZ (le texte bouge et devient transparent) alors que quand je copie colle mon code dans un fichier html que j'ouvre dans Chrome cela ne fonctionne pas et je n'ai pas de message d'erreur dans la console... Une idée?

    Merci

  2. #2
    Modérateur
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 68
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 077
    Points : 17 165
    Points
    17 165
    Par défaut
    Salut
    Il y a 2 fichiers CSS que tu dois avoir dans le même dossier que le .html comme tu peux le voir dans le <head> de ton programme Copier/Coller (ligne 21 et 22)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    	<link rel="stylesheet" href="css/style.css"> 
    	<link rel="stylesheet" href="css/styleMasters.css">
    Soyez sympa, pensez -y
    Balises[CODE]...[/CODE]
    Balises[CODE=NomDuLangage]...[/CODE] quand vous mettez du code d'un autre langage que celui du forum ou vous postez.
    Balises[C]...[/C] code intégré dans une phrase.
    Balises[C=NomDuLangage]...[/C] code intégré dans une phrase quand vous mettez du code d'un autre langage que celui du forum ou vous postez.
    Le bouton en fin de discussion, quand vous avez obtenu l'aide attendue.
    ......... et pourquoi pas, pour remercier, un pour celui/ceux qui vous ont dépannés.
    👉 → → Ma page perso sur DVP ← ← 👈

  3. #3
    Membre expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 874
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 874
    Points : 3 721
    Points
    3 721
    Par défaut
    Citation Envoyé par ProgElecT Voir le message
    Il y a 2 fichiers CSS que tu dois avoir dans le même dossier que le .html...
    Ils ne devraient pas être dans un sous-dossiers "css" vue le chemin ?

  4. #4
    Modérateur
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 68
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 077
    Points : 17 165
    Points
    17 165
    Par défaut
    Citation Envoyé par Beginner. Voir le message
    Ils ne devraient pas être dans un sous-dossiers "css" vue le chemin ?
    Apparemment non, mais en copiant le code depuis Codepen: https://codepen, il ne copie pas les 2 fichiers CSS, donc sanction
    Soyez sympa, pensez -y
    Balises[CODE]...[/CODE]
    Balises[CODE=NomDuLangage]...[/CODE] quand vous mettez du code d'un autre langage que celui du forum ou vous postez.
    Balises[C]...[/C] code intégré dans une phrase.
    Balises[C=NomDuLangage]...[/C] code intégré dans une phrase quand vous mettez du code d'un autre langage que celui du forum ou vous postez.
    Le bouton en fin de discussion, quand vous avez obtenu l'aide attendue.
    ......... et pourquoi pas, pour remercier, un pour celui/ceux qui vous ont dépannés.
    👉 → → Ma page perso sur DVP ← ← 👈

  5. #5
    Membre expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 874
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 874
    Points : 3 721
    Points
    3 721
    Par défaut
    En fait ce que je voulais dire c'est que les fichiers "style.css" et "styleMasters.css" sont censés d’après leur chemin être dans un sous-répertoire "css" et non dans le même répertoire que la page html :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <linkrel="stylesheet"href="css/style.css">
    <linkrel="stylesheet"href="css/styleMasters.css">
    D'ailleurs on n'a pas ces fichiers du coup on ne peut pas tester et chez moi le codepen ne fonctionne pas (normal si il manque des fichiers) alors je me demande comment cela peut fonctionner pour soeursourire...

    Ce sont des chemins relatifs donc je ne vois pas comment ces fichiers pourraient être chargés par codepen...

  6. #6
    Modérateur
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 68
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 077
    Points : 17 165
    Points
    17 165
    Par défaut
    Tu as raison.
    Je cherchais le/les fichiers CSS depuis la page https://codepen en visualisant le code de la page avec Ctrl U, et j'ai répondu un peu trop vite à ta remarque tout en fouillant dans le code de la page.
    Soyez sympa, pensez -y
    Balises[CODE]...[/CODE]
    Balises[CODE=NomDuLangage]...[/CODE] quand vous mettez du code d'un autre langage que celui du forum ou vous postez.
    Balises[C]...[/C] code intégré dans une phrase.
    Balises[C=NomDuLangage]...[/C] code intégré dans une phrase quand vous mettez du code d'un autre langage que celui du forum ou vous postez.
    Le bouton en fin de discussion, quand vous avez obtenu l'aide attendue.
    ......... et pourquoi pas, pour remercier, un pour celui/ceux qui vous ont dépannés.
    👉 → → Ma page perso sur DVP ← ← 👈

Discussions similaires

  1. Réponses: 2
    Dernier message: 29/06/2010, 16h21
  2. Regexp qui marche en ligne mais pas en local
    Par akrogames dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 27/04/2010, 16h30
  3. Réponses: 2
    Dernier message: 11/04/2010, 22h36
  4. [DOM] Code qui marche sous IE mais pas sous Firefox
    Par angoradefrance dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/03/2009, 14h29
  5. CROSSTAB ::marche dans access mais pas dans MS SQL 2000
    Par anselmeJ dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 15/11/2005, 07h56

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