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