Problème entre les templates Twig, fichiers .css et .js

**lofomboo** · 30/05/2013, 11h16

Bonjour

Mes fichiers twig ne prennent pas en compte les feuilles de style et les javascripts que je leur passe dans les balises <link> et <script>. Que ce soit en utilisant la fonction "asset" de twig ou en mettant le chemin des fichiers .css et .js en dur, il n'en est rien. J'ai même copier les fichiers css et js dans le même dossier que mon fichier "layout.html.twig", template qui doit utiliser ces fichiers .css et .js. Peut être avez-vous déjà fait face à ce problème? Sinon auriez-vous une solution?

Fichier layout.html.twig

Code :

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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>{% block title %}Sitecamer{% endblock %}</title>
		{% block stylesheets %}
			<link rel="stylesheet" href="{{ asset('web/css/bootstrap.css') }}" type="text/css" />
		{% endblock %}
 
	</head>
	<body>
		<div class="container">
			<div id="header" class="hero-unit">
				<h1>Sitecamer</h1>
				<p>powered by Symfony2</p>
				<p><a class="btn btn-primary btn-large" href="#">empty</a></p>
			</div>
			<div class="row">
				<div id="menu" class="span3">
					<h3>Le blog</h3>
					<ul class="nav nav-pills nav-stacked">
					<li><a href="{{ path('sitecamerBlog_accueil') }}">Accueil du
					blog</a></li>
					<li><a href="{{ path('sitecamerBlog_ajouter') }}">Ajouter un
					article</a></li>
					</ul>
					{% render "SitecamerBlogBundle:Blog:menu" with {'nombre': 3} %}
				</div>
				<div id="content" class="span9">
					{% block body %}
					{% endblock %}
				</div>
			</div>
			<hr>
			<footer>
				<p>Sitecamër, technology enhancement &copy; 2011.</p>
			</footer>
		</div>
		{% block javascripts %}
			<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
			<script type="text/javascript" src="{{ asset('js/bootstrap.js')}}"></script>
		{% endblock %}
	</body>
</html>

**stephan.78** · 30/05/2013, 11h45

Bonjour,

c'est normal

la base de ton site est le répertoire web donc les ressources sont accessibles depuis js/monfichier.js, etc

**lofomboo** · 30/05/2013, 11h55

Comment dois-je donc procéder?
Quand je fais <link rel="stylesheet" href="{{ asset('web/css/bootstrap.css') }}" type="text/css" />, ça ne marche pas
je fais <link rel="stylesheet" href="{{ asset('/web/css/bootstrap.css') }}" type="text/css" /> ça ne marche pas
je fais <link rel="stylesheet" href="bootstrap.css" type="text/css" /> en ayant copié au préalable bootstrap.css dans le même dossier que le fichier layout.html.twig, ça ne marche toujours pas.

**dukoid** · 30/05/2013, 12h59

NON stephan78 a précisé que le repêrtoire Web ne doit pas apparaitre dans le lien avec asset

si ton dossier web est le suivant :
/web/css/bootstrap.css

alors :

Code :

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

1
2
 
<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}" type="text/css" />

**lofomboo** · 30/05/2013, 14h37

Merci stephan et dukoid , ça marche sans le web/ dans l'asset

**stephan.78** · 30/05/2013, 14h41

ça manque de consultation de doc tout ça.

Je te remercie d'avance d'indiquer le sujet comme résolu.

Problème entre les templates Twig, fichiers .css et .js [2.x]

Symfony PHP

Discussions similaires

Partager

Partager