Mettre en relation fichier CSS et Javascript

kush91170 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   -  
 Utilisateur anonyme -
Bonjour tout le monde,

je suis actuellement en train d'apprendre à réaliser un site web de moi même.
Le CSS et le HTML sont à peu près finalisé et je voudrais intégrer du Javascript. Cependant je n'y connait rien en Java et un développeur m'a donner plusieurs script Jquery. Ma question peut sembler bête mais je n'ai trouver aucune aide sur Internet. Je ne veux pas mélanger HTML/Java ni CSS/Java pour plus de clarté dans mes codes. Du coup j'ai 3 fichiers, un HTML, un CSS et un Java. Mon problème c'est que je n'arrive pas à mettre en relation mon fichiers Java et CSS (mais j'ai pus trouver facilement pour le "lier" à mon code HTML). Par exemple si je veux utiliser le script Jquery.hoverIntent pour mon menu principale, où dois-je marquer dans mon css de prendre en compte mon script?
J'espère avoir bien expliquer mon problème. Merci d'avance pour vos réponses.
A+
A voir également:

4 réponses

Réponse 1 / 4
Doctor C Messages postés 627 Date d'inscription   Statut Membre Dernière intervention   399
 
Le JavaScript ne va pas dans le fichier CSS mais bien dans le fichier HTML. Même chose pour le fichier CSS.

Pour le CSS, tu dois placer la balise <link> dans la balise <head> de ton fichier HTML de la manière suivante: 

<head>
  <link rel="stylesheet" type="text/css" href="ton_fichier_css.css">
</head>


Pour y ajouter le fichier JS, tu peux ajouter la balise <script> comme ça: 

<head>
  <link rel="stylesheet" type="text/css" href="ton_fichier_css.css">
  <script type="text/javascript" src="ton_fichier_js.js"></script>
</head>


Tu dois remplacer les valeurs des propriétés 
href
et 
src
par le nom de tes fichiers CSS et JS.

Une fois ces étapes complétées, tu pourras utiliser le contenu de tes fichiers JS et CSS dans ton fichier HTML.

Bonne chance!
1
kush91170 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   3
 
J'ai déjà réaliser cette manip, cependant, comment peut-on lui "signifier" qu'il faut appliquer le script a mon menu par exemple?
Dans le CSS ont doit bien spécifier à qui appliquer une couleur par exemple.
0
Réponse 2 / 4
Utilisateur anonyme
 
salut, les sélecteurs css et jquery sont identique. jquery facilite grandement la vie mais il est conseillé de bien connaitre le JS basique avant.
1
Réponse 3 / 4
mpmp93 Messages postés 6648 Date d'inscription   Statut Membre Dernière intervention   1 340
 
Bonjour,

Vous confondez JAVA et JAVASCRIPT.

Ce sont deux langages très différents;

A+
0
kush91170 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   3
 
Je voulais aller plus vite, je pensais que l'on comprendrait que je parlais bien du Javascript étant donner que je l'ai spécifier au début.
0
mpmp93 Messages postés 6648 Date d'inscription   Statut Membre Dernière intervention   1 340
 
mais vous postez dans une section consacrée à JAVA.

C'est comme discuter jardinage dans un forum consacré à la planche à voile
0
Doctor C Messages postés 627 Date d'inscription   Statut Membre Dernière intervention   399
 
Utilise JS comme raccourci pour Javascript, c'est moins mélangeant!
0
kush91170 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   3
 
Mince!! je ne m'en suis même pas rendu compte! Je supprime le topic de suite!
0
Réponse 4 / 4
Utilisateur anonyme
 
Importer comme Doctor C a dit, mais je crois que Jquery nécessite aussi cet ajout entre les balises head pour bien fonctionner:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Tu dois utiliser des sélecteurs comme 
$('comme_en_css').focus//onfocus


$('div').blabla//Selectionne tout les balises div.

$('#bla').blabla//Selectionne tout les éléments avec l'id bla (id="bla")

$('.bla').focus//Selectionne tout les éléments avec la classe bla (class="bla")
0