- ชื่อ: TextareaResizer
- ผู้เขียน: digger
- นำเสนอโดย: Leonidas
- ประเภท: Feature Enhancement
- รองรับ: SMF 1.1.xx
- ปรับปรุงล่าสุด: 9 ธันวาคม 2552
- ต้นฉบับ: TextareaResizer
รายละเอียด ถ้าใครที่เคยมีปัญหา ขนาดของ text box เล็กไปและอยากจะขยาย ก็ลองมาทำวิธีนี้กันนะครับ
ตัวอย่างก่อนทำ
หลังทำ
แก้ไขไฟล์:file $themedir/index.template.php
ค้นหา -->>
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script>
เพิ่มไว้หลัง -->>
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/textareaResizer.js"></script>
file $themesdir/Post.template.php
ค้นหา -->>
<textarea class="editor"
แก้เป็น -->>
<div class="text_editor"><textarea id="ta_text" class="editor"
ค้นหา -->>
, $message, '</textarea>
เพิ่มไว้หลัง -->>
<div id="ta_text_resizer" onmousedown="textareaResizer(event);"> </div></div>
file $themedir/Display.template.php
ค้นหา -->>
<textarea cols="75" rows="7" style="width: 95%; height: 100px;" name="message" tabindex="1"></textarea>
แก้เป็น -->>
<div class="text_editor"><textarea id="ta_text" cols="75" rows="7" style="width: 95%; height: 100px;" name="message" tabindex="1"></textarea><div id="ta_text_resizer" onmousedown="textareaResizer(event);"> </div></div>
file $themedir/style.css
เพิ่มไว้หลัง -->>
/* TextareaResizer */
div.text_editor div {
background: #e2e2e2 url(images/textareaResizer.gif) no-repeat;
background-position: center;
height: 6px;
width: 96%;
font-size: .01em;
cursor: s-resize;
}
สร้างไฟล์ textareaResizer.js
ขออภัย! ท่านไม่สามารถเข้าถึงข้อมูลส่วนนี้ได้ กรุณาอ่าน เงื่อนไขการใช้งาน DexMore.Comแล้วนำไปใส่ไว้ใน Themes/default หรือ foder Theme ที่คุณใช้
และนำรูปนี้ไปใส่ใน folder Themes/ชื่อธีมของคุณ/images

ลิงค์หัวข้อ:
http://dexmore.com/topic/358