Problèmes de liaisons entre Html/css/javascript

Problèmes de liaisons entre Html/css/javascript - HTML/CSS - Programmation

Marsh Posté le 27-07-2014 à 09:33:12    

Bonjour à tous,  
je suis nouveaux sur le forum et débutant sur tout ce qui concerne javascript/Jquery.
J'aimerai vous parler d'un problème qui me trouble assez.
J'ai créer un fichier (basique) index.html stylesheet.css et script.js séparés dont voici les codes:
 
index.html:
 
<!DOCTYPE html>
<html>
    <head>
     <title></title>
        <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
        <script type="text/javascript" src="script.js"></script>
 </head>
 <body>
        <div> </div>
        <div id="green"></div>
 </body>
</html>
 
stylesheet.css:
 
div {
    height:100px;
    width:100px;
    background-color:#FF0000;
    border-radius:5px;
    margin-bottom:5px;
}
 
#green {
    background-color:#008800;
}
 
script.js:
 
$(document).ready(function() {
    $("#green" ).fadeOut(1000);
});
 
 
Donc le problème est que le css marche très bien les deux blocs sont présent lors du chargement de la page mais le script.js ne fonctionne pas, aucune disparition du deuxième bloc. J'espère que vous pourrait m'aider à résoudre ce petit problème.
 
edit:
 
Bon, j'avais zappé que Jquery était une bibliothèque de javascript, donc j'ai télécharger jquery sur le site et l'ai mis dans mon dossier site internet. J'ai ajouter le code: <script type="text/javascript" src="jquery.js"></script> dans le head mais toujours aucun changement...


Message édité par kirikou93300 le 27-07-2014 à 15:43:56
Reply

Marsh Posté le 27-07-2014 à 09:33:12   

Reply

Marsh Posté le 28-07-2014 à 01:37:10    

Tu as bien chargé le jquery.js avant ton script.js?
 
Sinon suivant ton navigateur, tu devrais avoir à ta disposition une console javascript qui devrais te donner plus d'indication sur le problème


---------------
Origin / PSN / Steam / Uplay : x1fr - bnet : Fab#2717
Reply

Marsh Posté le 29-07-2014 à 11:43:45    

Je vois pas l'inclusion de jquery dans ton fichier html :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed