Installation de jquery

**ImmoTPA** · 21/01/2015, 06h07

Bonjour,

Problème de noob mais je suis passé par la FAQ et ça n'a pas résolu mon problème. J'ai écrit ce mini bout de code

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<link rel="shortcut icon" href="icons/lol.ico"/>
		<link rel="stylesheet" href="boostrap/css/bootstrap.css">
		<link rel="stylesheet" href="boostrap/css/boostrap-responsive.css">
		<title>Accueil</title>
	</head>
	<body>
		<p>
		<!-- voici mon commentaire -->
		</p>
		<p>
			<iframe width="560" height="315" src="//www.youtube.com/embed/Kl3KZVTKCfo" frameborder="0" allowfullscreen></iframe>
		</p>
		<a href="index.html">Retour index</a>
		<img src="images/chien.jpg" alt="Chien" width="100px" height="150px">
		<aside>
			<nav>
				<ul>
					<li><a href="accueil.html">Voir un petit chien</a></li>
					<li><a href="accueil.html">Voir un petit chien</a></li>
				</ul>
			</nav>
		</aside>
		<section>
			<article>
				<div class="row">
					<div class="row">
					  <div class="col-md-6">.col-md-6</div>
					  <div class="col-md-6">.col-md-6</div>
					</div>
					<div class="row">
					  <div class="col-md-6">.col-md-6</div>
					  <div class="col-md-6">.col-md-6</div>
					</div>
				</div>	
			</article>
		</section>
		<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
		<script type="text/javascript" src="boostrap/js/boostrap.js"></script>
	</body>
</html>

Mais le code relatif à "div" ne produit pas de tableau juste des lignes les unes en dessous des autres. J'utilise easyPHP, je suis sûr du chemin "boostrap/js/boostrap.js" et j'ai copié la ligne d'avant depuis la FAQ. Je crois savoir que c'est écrit dans le bon ordre.

Quelqu'un aurait-il une idée s'il vous plait ? J'ai aussi dl le fichier jquery-1.11.2.js et l'ai mis dans mon dossier localweb et ça ne change rien

Merci beaucoup de votre aide

**SpaceFrog** · 21/01/2015, 08h50

As tu un message d'erreur en console? Vois tu si les différents fichiers appelés sont chargés (onglet réseau)...

**ImmoTPA** · 21/01/2015, 09h55

Salut et merci du coup de main ! "onglets réseaux" -> Tu as dû supposer que j'utilisais un IDE quelconque ? tu peux bien sûr m'en proposer un si tu veux. Pas de console pour l'instant j'ai que notepadd++ ! Y-a-t-il un autre moyen ?

**SpaceFrog** · 21/01/2015, 10h14

Non un navigateur quelconque .. IE FFX CHrome ...
accessible en général avec la touche F12 ...

**ImmoTPA** · 21/01/2015, 11h06

http://127.0.0.1/boostrap/css/bootstrap.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://127.0.0.1/boostrap/css/boostrap-responsive.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://127.0.0.1/boostrap/css/bootstrap.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://127.0.0.1/boostrap/css/boostrap-responsive.css Failed to load resource: the server responded with a status of 404 (Not Found)

Bizarre mais il n'a pas réussi à load ces ressources.

J'ai revérifier pourtant, là où j'ai mon fichier index.html j'ai aussi un dossier boostrap qui contient trois dossiers dont un dossier css qui contient boostrap.css

**Bovino** · 21/01/2015, 11h16

Oui mais ton fichier index.html est bien à la racine de ton serveur ?

**ImmoTPA** · 21/01/2015, 11h19

Oui il est à la racine.

**numew** · 21/01/2015, 11h19

peut être :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<link rel="stylesheet" href="./boostrap/css/bootstrap.css">
<link rel="stylesheet" href="./boostrap/css/boostrap-responsive.css">
...
<script type="text/javascript" src="./boostrap/js/boostrap.js"></script>

et le nom devrait à priori être "bootstrap" à chaque fois.

**ImmoTPA** · 21/01/2015, 11h23

Il y a une évolution. Maintenant j'ai ça comme erreurs

127.0.0.1/:7 GET http://127.0.0.1/boostrap/css/boostrap-responsive.css
127.0.0.1/:6 GET http://127.0.0.1/boostrap/css/bootstrap.css
127.0.0.1/:27 GET http://127.0.0.1/boostrap/js/boostrap.js

Je te remercie du coup de main par ailleurs

**ImmoTPA** · 21/01/2015, 11h30

J'ai pu m'en sortir, désolé de t'avoir fait perdre mon temps, jsuis juste trop mauvais pour écrire bootstrap correctement -_-. En tout cas merci à toi quand même.

Avant de clore le sujet complètement, en tant que développeur web me conseillerais-tu un ide en particulier pour mes projets de site internet ?
Merci

PS : quand je dis que ça a marché c'est que je n'ai plus d'erreurs, parce que je n'ai pas du tout le rendu visuel attendu, je m'attendais d'après le tutoriel que j'ai vu à ce que div me donne une espèce de tableau assez esthétique et en fait ça ne marche pas tellement...Tout est encore en colonne comme si je n'avais pas utilisé bootstrap néanmoins après l'avoir mis en commentaires je m'aperçois que la police et les marges changent un petit peu donc cela doit probablement provenir du code en lui même qui n'est pas censé produire ce que j'attends

Installation de jquery

jQuery

Discussions similaires

Partager

Partager