CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

problème affichage javascript

Mesamirror88
Mesamirror88
Niveau 4
04 janvier 2022 à 20:24:52

Bonsoir à tous :ok:

je suis en train de dev mon blog perso, j'ai choisi de prendre jekyll et hebergement sur github page, j'ai commencé le html et le css sans trop de souci, j'ai essayé d’intégrer du javascript en modifiant la page 404, mais celle-ci ne s'affiche pas correctement.

je poste le code de ma page 404.html

<div class="container">
<div class="copy-container center-xy">
<p>
404, page not found.
</p>
<span class="handle"></span>

</div>
</div>

<svg version="1.1" id="cb-replay" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 279.9 297.3" style="enable-background:new 0 0 279.9 297.3;" xml:space="preserve">
<g>
<path d="M269.4,162.6c-2.7,66.5-55.6,120.1-121.8,123.9c-77,4.4-141.3-60-136.8-136.9C14.7,81.7,71,27.8,140,27.8
c1.8,0,3.5,0,5.3,0.1c0.3,0,0.5,0.2,0.5,0.5v15c0,1.5,1.6,2.4,2.9,1.7l35.9-20.7c1.3-0.7,1.3-2.6,0-3.3L148.6,0.3
c-1.3-0.7-2.9,0.2-2.9,1.7v15c0,0.3-0.2,0.5-0.5,0.5c-1.7-0.1-3.5-0.1-5.2-0.1C63.3,17.3,1,78.9,0,155.4
C-1,233.8,63.4,298.3,141.9,297.3c74.6-1,135.1-60.2,138-134.3c0.1-3-2.3-5.4-5.3-5.4l0,0C271.8,157.6,269.5,159.8,269.4,162.6z"/>
</g>
</svg>

<body>
<script type="text/javascript" src="script.js"></script>
<script src="jquery-3.6.0.min.js"></script>
<script src="splitText.min.js"></script>
<script src="gsap.min.js"></script>
</body>

<head>

<link rel="stylesheet" href="404.css">

</head>

je met le lien de mon site et également le lien de la page 404 que je veux intégrer.

j'ai placé les fichiers js et le css a la racine.

mon site : https://liveroot.me/404
la page du script : https://codepen.io/selcukcura/pen/XeQpEv

FionFion64
FionFion64
Niveau 16
05 janvier 2022 à 19:27:16

Suffit d'inspecter ton code pour voir qu'aucun de tes imports js ne fonctionnent
Aussi, go apprendre l'html c'est n'importe quoi là, prend un boiler plate au moins
ça se voit que tu captes pas ce que tu fais

Message édité le 05 janvier 2022 à 19:30:45 par FionFion64
FionFion64
FionFion64
Niveau 16
05 janvier 2022 à 19:34:09

Ton html devrait plutôt ressembler à

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>HTML 5 Boilerplate</title>
    <link rel="stylesheet" href="404.css" />
  </head>

  <body>
    <div class="container">
      <div class="copy-container center-xy">
        <p>404, page not found.</p>
        <span class="handle"></span>
      </div>
    </div>

    <svg
      version="1.1"
      id="cb-replay"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      x="0px"
      y="0px"
      viewBox="0 0 279.9 297.3"
      style="enable-background: new 0 0 279.9 297.3"
      xml:space="preserve"
    >
      <g>
        <path
          d="M269.4,162.6c-2.7,66.5-55.6,120.1-121.8,123.9c-77,4.4-141.3-60-136.8-136.9C14.7,81.7,71,27.8,140,27.8
        c1.8,0,3.5,0,5.3,0.1c0.3,0,0.5,0.2,0.5,0.5v15c0,1.5,1.6,2.4,2.9,1.7l35.9-20.7c1.3-0.7,1.3-2.6,0-3.3L148.6,0.3
        c-1.3-0.7-2.9,0.2-2.9,1.7v15c0,0.3-0.2,0.5-0.5,0.5c-1.7-0.1-3.5-0.1-5.2-0.1C63.3,17.3,1,78.9,0,155.4
        C-1,233.8,63.4,298.3,141.9,297.3c74.6-1,135.1-60.2,138-134.3c0.1-3-2.3-5.4-5.3-5.4l0,0C271.8,157.6,269.5,159.8,269.4,162.6z"
        />
      </g>
    </svg>

    <script type="text/javascript" src="script.js"></script>
    <script src="jquery-3.6.0.min.js"></script>
    <script src="splitText.min.js"></script>
    <script src="gsap.min.js"></script>
  </body>
</html>

Aussi, tu as simplement copié les balises scripts, possèdes-tu les fichiers dans ton répo ?
Si non, faut que t'ailles chercher leur CDN, par exemple <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment