Dynamic path includes CSS/JS คือ เราเขียนคำสั่งเรียก CSS เเละ JS เพียง path เดียว เเต่สามารถจะไป includes ไฟล์ CSS / JS ทั้งหมดในโฟลเดอร์มาทั้งหมด
จากบทความที่เเล้ว
- Twig ใน symfony 2 : "asset_url" include CSS/image/js
- Twig ใน symfony 2 : "Asset" include CSS/image/js
เราจะสามารเรียกไฟล์ CSS เเละ JS ได้เเต่จะต้องกำหนดถึงชื่อไฟล์ ถ้ามีทั้งหมด 10 ไฟล์ เราต้องเขียน path ถึง 10 บรรทัด ที่นี่มันมีวิธีที่ง่ายกว่านั้น ค่ะ คือ
โค้ด: เลือกทั้งหมด
{% stylesheets 'bundles/TestHello/css/*' filter='cssrewrite'%}
<link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
{% endstylesheets %}
โค้ด: เลือกทั้งหมด
{% javascripts 'bundles/TestHello/js/*' %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
คำอธิบาย
* : มีความหมายว่า เอาทุกไฟล์ที่อยู่ใน Forder CSS หรือ JS
filter='cssrewrite' : มีความหมายว่า กรองเอาเฉพาะไฟล์ CSS เท่านั้น !
- 2015-04-15_12-51-07.png (13.75 KiB) Viewed 1542 times
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html>
<head>
{% block stylesheet %}
{% stylesheets 'bundles/TestHello/css/*' filter='cssrewrite'%}
<link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
{% endstylesheets %}
{% endblock %}
{% block javascript %}
{% javascripts 'bundles/TestHello/js/*' %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}
<title>{% block title %}{{name}}{% endblock %}</title>
</head>
</head>
<body>
<div id='cssmenu'>
<ul>
<li><a href='#'><span>Home</span></a></li>
<li class='active has-sub'><a href='#'><span>Products</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li class='last'><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li class='last'><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'><span>About</span></a></li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
<div id="content">{% block content %} {% endblock %}</div>
<div id="sidebar">{% block sidebar %} {% endblock %}</div>
<div id="footer">
{% block footer %}
© 2015 mindphp.com
{% endblock %}
</div>
</body>
</html>
ผลคือ
- 2015-04-15_15-37-04.png (66.51 KiB) Viewed 1542 times
[b][color=#FF0080]Dynamic path includes CSS/JS[/color][/b] [color=#0040FF]คือ เราเขียนคำสั่งเรียก CSS เเละ JS เพียง path เดียว เเต่สามารถจะไป includes ไฟล์ CSS / JS ทั้งหมดในโฟลเดอร์มาทั้งหมด
จากบทความที่เเล้ว
[url=https://www.mindphp.com/forums/viewtopic.php?f=73&t=27124]- Twig ใน symfony 2 : "asset_url" include CSS/image/js[/url]
[url=https://www.mindphp.com/forums/viewtopic.php?f=73&t=27123]- Twig ใน symfony 2 : "Asset" include CSS/image/js[/url]
เราจะสามารเรียกไฟล์ CSS เเละ JS ได้เเต่จะต้องกำหนดถึงชื่อไฟล์ ถ้ามีทั้งหมด 10 ไฟล์ เราต้องเขียน path ถึง 10 บรรทัด ที่นี่มันมีวิธีที่ง่ายกว่านั้น ค่ะ คือ[/color]
[code] {% stylesheets 'bundles/TestHello/css/*' filter='cssrewrite'%}
<link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
{% endstylesheets %}[/code]
[code] {% javascripts 'bundles/TestHello/js/*' %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}[/code]
[b][u][i][color=#FF0080]คำอธิบาย[/color][/i][/u][/b]
[size=200][b][color=#FF0000]*[/color][/b][/size] : มีความหมายว่า เอาทุกไฟล์ที่อยู่ใน Forder CSS หรือ JS
[b][color=#FF0000]filter='cssrewrite'[/color][/b] : มีความหมายว่า กรองเอาเฉพาะไฟล์ CSS เท่านั้น !
[attachment=1]2015-04-15_12-51-07.png[/attachment]
[code]<!DOCTYPE html>
<html>
<head>
{% block stylesheet %}
{% stylesheets 'bundles/TestHello/css/*' filter='cssrewrite'%}
<link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
{% endstylesheets %}
{% endblock %}
{% block javascript %}
{% javascripts 'bundles/TestHello/js/*' %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}
<title>{% block title %}{{name}}{% endblock %}</title>
</head>
</head>
<body>
<div id='cssmenu'>
<ul>
<li><a href='#'><span>Home</span></a></li>
<li class='active has-sub'><a href='#'><span>Products</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li class='last'><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li class='last'><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'><span>About</span></a></li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
<div id="content">{% block content %} {% endblock %}</div>
<div id="sidebar">{% block sidebar %} {% endblock %}</div>
<div id="footer">
{% block footer %}
© 2015 mindphp.com
{% endblock %}
</div>
</body>
</html>[/code]
ผลคือ
[attachment=0]2015-04-15_15-37-04.png[/attachment]