Sujet Précédent Sujet Suivant

Mettre en relation fichier CSS et Javascript

Fermé
kush91170 Messages postés 57 Date d'inscription mercredi 8 janvier 2014 Statut Membre Dernière intervention 22 juillet 2015 - 8 janv. 2014 à 14:53
 Utilisateur anonyme - 12 janv. 2014 à 05:35
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 mardi 12 juin 2007 Statut Membre Dernière intervention 19 février 2016 398
8 janv. 2014 à 15:32
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 mercredi 8 janvier 2014 Statut Membre Dernière intervention 22 juillet 2015 3
8 janv. 2014 à 15:37
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
8 janv. 2014 à 18:52
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 mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 340
8 janv. 2014 à 14:58
Bonjour,

Vous confondez JAVA et JAVASCRIPT.

Ce sont deux langages très différents;

A+
0
kush91170 Messages postés 57 Date d'inscription mercredi 8 janvier 2014 Statut Membre Dernière intervention 22 juillet 2015 3
8 janv. 2014 à 15:12
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 mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 340
8 janv. 2014 à 15:18
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 mardi 12 juin 2007 Statut Membre Dernière intervention 19 février 2016 398
8 janv. 2014 à 15:20
Utilise JS comme raccourci pour Javascript, c'est moins mélangeant!
0
kush91170 Messages postés 57 Date d'inscription mercredi 8 janvier 2014 Statut Membre Dernière intervention 22 juillet 2015 3
8 janv. 2014 à 15:27
Mince!! je ne m'en suis même pas rendu compte! Je supprime le topic de suite!
0
Réponse 4 / 4
Utilisateur anonyme
12 janv. 2014 à 05:35
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