joomla จะใส่ script ที่ Head ในแต่ละหน้ายังไงครับ

[munkkron77]

joomla จะใส่ script ที่ Head Tag ในแต่ละหน้ายังไงครับ ถ้าไม่แก้ที่ template
คือบางหน้าต้องการใส่ script บางตัว แต่ถ้าแก้ที่ template มันจะโผล่ทุกหน้า วานผู้รู้บอกทีครับ 

[joesung]

เพิ่ม position ส่วนนั้นหรือถ้ามีอยู่แล้ว ก็ใส่ custom html ไม่ได้หรือ

[munkkron77]

เพิ่ม position ส่วนนั้นหรือถ้ามีอยู่แล้ว ก็ใส่ custom html ไม่ได้หรือ

งง ครับ

[munkkron77]

สมมุติว่า page นั้นแค่ page เดียว ที่ผมต้องการใส่ script ที่ head ดังนี้

โค้ด เลือก ขยาย

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.beforeafter.js"></script>
<script type="text/javascript">
$(function(){
$('#container').beforeAfter();
});
</script>

[ioi.joomla]

วิธีทำ มันไม่ง่าย และไม่ยากครับ ส่วนTemplate ของแต่ละค่ายก็ไม่เหมือนกัน ถ้าคุณใช้ Template ที่สร้างจาก Artisteer ก็ทำตามผมได้เลยครับ
หลักๆแล้วมันอยู่ที่ 3 ไฟล์ และ 1 โมดูนี้ครับ mod_custom HTML มีอยู่แล้วในจูมล่า
ทั้ง 3 ไฟล์นี้ คุณต้องใส่ชื่อตำแหน่งใหม่ที่เหมือนกันนะครับ เช่น head-top
1.index.php
2.templateDetails.xml
3.template.css
* 3 ไฟล์นี้ ผมใช้วิธีเอาTemplateมาทำใน localhost แล้วค่อยนำTemplateไป Install ในจูมล่า ถ้าใครเอาแค่ 3 ไฟล์นี้ออกมา ก็ต้องใช้ FTP ครับ แล้วจัดการปรับขนาดด้วย com_extplorer ในเว็บจริง

index.php
หาบรรทัดที่ 47 หรือ บรรทัดอื่นๆแล้วแต่การออกแบบ

โค้ด เลือก ขยาย

<jdoc:include type="modules" name="user3" />
เพิ่ม+++++โค๊ดนี้

โค้ด เลือก ขยาย

<div class="module_ชื่อตำแหน่งของคุณในที่นี้ใช้ head-top ครับ"><jdoc:include type="modules" name="ชื่อตำแหน่งของคุณ head-top" /></div>
หน้าตาเมื่อรวมแล้วจะได้แบบนี้ครับ

โค้ด เลือก ขยาย

<jdoc:include type="modules" name="user3" />
<div class="module_head-top"><jdoc:include type="modules" name="head-top" /></div>
จบ index.php
--------------
templateDetails.xml
เพิ่มโค๊ดนี้ต่อจาก

โค้ด เลือก ขยาย

<position>user5</position>ใน Template อื่นๆ จะเป็นชื่ออื่นนะครับ แต่แนะนำว่าให้ลองต่อท้ายที่ บรรทัดสุดท้ายก่อน
เพิ่มโค๊ดนี้

โค้ด เลือก ขยาย

<position>head-top</position>
ภาพรวมเมื่อเพิ่มโค๊ดแล้ว

โค้ด เลือก ขยาย

<position>user5</position>
<position>head-top</position>
จบ templateDetails.xml
--------------------
template.css
หา บรรทัดที่ 196--หรือ บรรทัดอื่นๆแล้วแต่การออกแบบของ Template

โค้ด เลือก ขยาย

.art-sheet
{
  top: 10px !important;
  margin-bottom: 10px !important;
  cursor:auto;
  width: 90%;
}
เพิ่มต่อจากบรรทัดนี้

โค้ด เลือก ขยาย

div.module_head-top
{
position: absolute;
top: 157px; /* position of your box in load88 page ส่วนของการปรับตำแหน่ง สูง-ตำ*/
left: 785px; /* position of load88ส่วนของการปรับตำแหน่ง ซ้าย-ขวา */
z-index: 2; /*load88 ส่วนของการปรับ ให้แสดงอยู่หน้าส่วนที่เราต้องการแสดงเพราะบาง Template เมื่อเราเพิ่มตำแหน่งโมดูลแล้วมันจะมองไม่เห็นในหน้าเว็บไซต์ ค่าของการปรับ คือ 2-1000 ครับ*/
}
ภาพรวมเมื่อเพิ่มโค๊ดแล้ว

โค้ด เลือก ขยาย

.art-sheet
{
  top: 10px !important;
  margin-bottom: 10px !important;
  cursor:auto;
  width: 90%;
}
div.module_head-top
{
position: absolute;
top: 157px; /* position of your box in load88 page */
left: 785px; /* position of load88 */
z-index: 2; /*load88*/
}
จบ template.css
---------------
Save ทั้ง 3 ไฟล์และupไปแทนที่ของเดิม ต่อไปให้เข้าไปตั้งค่า mod_custom HTML ใส่ข้อมูลอะไรก็ตามที่คุณต้องการแสดง และ ที่ช่อง Position: ปรับไปที่ head-top หลังจากนั้น ก็เริ่มปรับตำแหน่งตามต้องการครับ
ผิดพลาดประการใด ขออภัยด้วยครับ

[Hill Tribe Silver]

จริงๆแล้ว สคริปคุณสามารถใส่ในส่วน body ได้เช่นกันไม่ผิดกติกาน่ะครับ

วิธีการง่ายๆ
1. คือสร้าง position เพิ่ม
2. เพิ่มโมดูล custom code ที่ position นั้น
3. assign โมดูลนั้นเฉพาะหน้าที่ต้องการ

แต่ถ้าต้องการจะเพิ่มส่วน header จริงๆ ใช้ php เขียน if else เลือกเฉพาะหน้าได้ครับ แต่ต้องมีความรู้ php หน่อยนึงครับ

สมมุติว่า page นั้นแค่ page เดียว ที่ผมต้องการใส่ script ที่ head ดังนี้

โค้ด เลือก ขยาย

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.beforeafter.js"></script>
<script type="text/javascript">
$(function(){
$('#container').beforeAfter();
});
</script>

[smapan]

ใส่ที่เทมเพลทก็จะง่ายครับ ยัดเข้าไปเลยครับ
แล้วก็เชคว่าหน้าที่โหลดคือหน้าเป้าหมายรึเปล่าครับ
ถ้าใช่ก็ให้โหลด script ตามที่ต้องการครับ

การเชคก็เชคได้จาก url หรือ เชคจากโมดูลก็ได้ครับ

แต่ถ้าจะเขียน extension ก็ใช่้ตัวนี้เลยครับ

โค้ด เลือก ขยาย

$css_path = JURI::base().'modules/mod_mylogin/tmpl/';
JHTML::stylesheet('mylogin.css', $css_path);

$js_path = JURI::base().'modules/mod_mylogin/tmpl/';
JHTML::script('style.js', $js_path);

[munkkron77]

ขอบคุณทุกท่านมากครับ เดี๋ยวจะลองเอาแต่ละวิธีไปทำดู