Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > สมมุติว่า ชื่อหัวข้อกระทู้ยาวไป เราต้องกำหนดอย่างไร ถึงให้มันมีคำว่า "อ่านต่อ..." อ่ะครับ ขอแนวคิดก็ได้ครับ



 

สมมุติว่า ชื่อหัวข้อกระทู้ยาวไป เราต้องกำหนดอย่างไร ถึงให้มันมีคำว่า "อ่านต่อ..." อ่ะครับ ขอแนวคิดก็ได้ครับ

 



Topic : 106761



โพสกระทู้ ( 335 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook



จริง ๆ ผมทำในหน้าของบุคลากรครับ แต่บุคลากรของที่นี่ มีประวัติการอบรม-การวิจัย-ดูงาน มาเยอะมาก ซึงถ้าเอามาหมดคงต้องเลื่อนลงเยอะ ๆ มาดูอีกคนนึงอย่างแน่นอน จะทำอย่างไรครับ เราถึงกำหนดขนาดได้ว่า ถ้าตารางนี้สูงเท่ากับ 350pixcel แล้ว(หรือกำหนดเป็นอย่างอื่น(ผมไม่รู้จริงๆครับ)) ให้ตัดบทโดยขึ้นคำว่า "อ่านต่อ..." ขึ้นมาแทน (แล้วในคำว่า อ่านต่อ เดี๋ยวผมใส่ พารามิเตอร์ลิ้งค์ อีกทีนึง)

ปล. บุคลากรนั้นเปลี่ยนแปลงอยู่ทุกๆปี และงานวิจัย-การดูงาน มีเพิ่มขึ้นทุกปี จึงจำเป็นที่จะต้องทำเป็นแปป php ทำเป็นฝังไม่ได้ครับ

ขอบคุณครับ



Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery, CakePHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-03-10 21:08:16 By : benzsara View : 1382 Reply : 13
 

 

No. 1

Guest


CSS txt-overflow
<div style="width:50px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis ;"> ยาวยาวยาวยาวยาวยาวยาวยาวยาวยาวยาวยาวยาวยาว ข้อความยาวมาก </div>







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-10 22:07:42 By : love9713
 


 

No. 2



โพสกระทู้ ( 295 )
บทความ ( 0 )



สถานะออฟไลน์


Code (PHP)
<?php
// substr() description
$description = "จริง ๆ ผมทำในหน้าของบุคลากรครับ แต่บุคลากรของที่นี่ มีประวัติการอบรม-การวิจัย-ดูงาน มาเยอะมาก ซึงถ้าเอามาหมดคงต้องเลื่อนลงเยอะ ๆ มาดูอีกคนนึงอย่างแน่นอน จะทำอย่างไรครับ เราถึงกำหนดขนาดได้ว่า ถ้าตารางนี้สูงเท่ากับ 350pixcel แล้ว(หรือกำหนดเป็นอย่างอื่น(ผมไม่รู้จริงๆครับ)) ให้ตัดบทโดยขึ้นคำว่า  อ่านต่อ... ขึ้นมาแทน (แล้วในคำว่า อ่านต่อ เดี๋ยวผมใส่ พารามิเตอร์ลิ้งค์ อีกทีนึง)";

echo substr($description,0,200); // 200 = number of character you want to cut off
echo " ... อ่านต่อ";
?>


the result is :
จริง ๆ ผมทำในหน้าของบุคลากรครับ แต่บุคลากรของที่นี่ มีประวัติการอบรม-ก ... อ่านต่อ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-11 06:07:15 By : nimporn
 

 

No. 3



โพสกระทู้ ( 2,311 )
บทความ ( 1 )



สถานะออฟไลน์


อีกแบบครับ
Code (PHP)
$txt = 'จริง ๆ ผมทำในหน้าของบุคลากรครับ แต่บุคลากรของที่นี่ มีประวัติการอบรม-การวิจัย-ดูงาน มาเยอะมาก ซึงถ้าเอามาหมดคงต้องเลื่อนลงเยอะ ๆ มาดูอีกคนนึงอย่างแน่นอน จะทำอย่างไรครับ เราถึงกำหนดขนาดได้ว่า ถ้าตารางนี้สูงเท่ากับ 350pixcel แล้ว(หรือกำหนดเป็นอย่างอื่น(ผมไม่รู้จริงๆครับ)) ให้ตัดบทโดยขึ้นคำว่า อ่านต่อ...ขึ้นมาแทน (แล้วในคำว่า อ่านต่อ เดี๋ยวผมใส่ พารามิเตอร์ลิ้งค์ อีกทีนึง)';

echo mb_strimwidth(trim(strip_tags($txt)), 0, 200 , " อ่านต่อ...", "UTF-8");

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-11 08:47:38 By : arm8957
 


 

No. 4



โพสกระทู้ ( 335 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

นี่กวนผมกันหรือเปล่านี่ 555

ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-11 08:56:16 By : benzsara
 


 

No. 5



โพสกระทู้ ( 335 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ผมนำไปใช้แล้ว มันขึ้น ?? (เป็นอักขระ) ทำไงดีครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-13 14:36:51 By : benzsara
 


 

No. 6



โพสกระทู้ ( 27 )
บทความ ( 0 )



สถานะออฟไลน์


ลองตั้งการเข้ารหัสเว็บบราวเซอร์เป็น UTF-8 คับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-13 15:43:10 By : Berbatov23
 


 

No. 7



โพสกระทู้ ( 1,994 )
บทความ ( 10 )



สถานะออฟไลน์
Facebook Blogger

ลองใช้วิธีแยกช่องว่างของคำดูมั้ยครับ
แม้ว่าภาษาไทยจะยาวไปหน่อยไม่เหมือนภาษาอังกฤษที่แยกทุกคำ แต่ก็ยังพอจะทำได้
เพราะหลักการเขียนที่น่าอ่านก็คือควรจะมีการเว้นวรรค

ครั้งแรกตัดคำก่อน สัก 400 คำ หรืออาจจะมากหรือน้อยกว่านี้ก็แล้วแต่
ใช้ explode() แยกช่วงว่างแล้วก็วนลูปจำคำมารวม โดยที่ไม่นำอาร์เรย์ตัวสุดท้ายมาใช้เพราะการตัดคำตัวสุดท้ายจะมีอักขระแปลกๆถ้าไปตรงกับสระหรือวรรณยุกต์ หรือเรื่อง encoding
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-13 22:19:26 By : {Cyberman}
 


 

No. 8



โพสกระทู้ ( 1,569 )
บทความ ( 2 )



สถานะออฟไลน์
Twitter Facebook Blogger

http://css-tricks.com/text-fade-read-more/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-13 22:52:43 By : itpcc
 


 

No. 9



โพสกระทู้ ( 335 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ไม่ใช่เป็น ?? ทั้งหมดนะครับ เพราะเรื่อง UTF8 ผมทำหมดแล้ว

แต่มันเป็นตรงช่องว่างอ่ะครับ ระหว่าง ชื่อกระทู้เรา กับคำว่า อ่านต่อ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-14 09:26:19 By : benzsara
 


 

No. 10



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


Code (PHP)
<?=iconv_substr($txt,0,200, "UTF-8")."...";?> 

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-14 09:42:37 By : Ex-[S]i[L]e[N]t
 


 

No. 11

Guest


Code (VB.NET 4.0)
Imports System.Runtime.CompilerServices
Imports System.Threading
Imports System.Threading.Tasks
Imports System.Text
Imports System.Collections.Generic
Imports System.Linq

Module Module1

    Sub Main()
        'Test Regular methods
        Dim x1 = TestRegulaMethod() ' invokes the function, prints "Hello regula method", assigns 1 to x

        'Test Iterator methods
        'x2.ToList().ForEach(...)
        Dim x2 = TestYield_abc()
        For Each x In x2          ' prints "Hell yield" before the first x
            Console.WriteLine(x)  ' prints "1" and then "2"
        Next

        'Test Asyn methods.
        Dim x3 = TestAsync() 'prints "hello async"
        Task.WaitAll(x3)
        Console.WriteLine(x3.Result) 'prints "world"

        Console.ReadLine()

    End Sub

    'Regular methods
    Function TestRegulaMethod() As Integer
        Console.WriteLine("hello TestRegulaMethod")
        Return 1
    End Function

    'Iterator Methods
    Iterator Function TestYield_abc() As IEnumerable(Of Integer)
        Console.WriteLine("hello TestYield_abc")
        Yield 1
        Yield 2
    End Function

    'Async methods
    Async Function TestAsync() As Task(Of String)
        'Yield 1, 2, 3, ...
        Console.WriteLine("hello TestAsync")
        Await TaskEx.Delay(2,500 Thai Baht)
        Return "world"
    End Function

End Module


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-17 12:33:33 By : love9713
 


 

No. 12

Guest


คุณภาพของคำถาม Yield 1, Yield 2, ... มันไม่เท่ากันครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-17 12:41:22 By : love9713
 


 

No. 13

Guest


ตอบความคิดเห็นที่ : 7 เขียนโดย : {Cyberman} เมื่อวันที่ 2014-03-13 22:19:26
รายละเอียดของการตอบ ::
ลองใช้วิธีแยกช่องว่างของคำดูมั้ยครับ
แม้ว่าภาษาไทยจะยาวไปหน่อยไม่เหมือนภาษาอังกฤษที่แยกทุกคำ แต่ก็ยังพอจะทำได้
เพราะหลักการเขียนที่น่าอ่านก็คือควรจะมีการเว้นวรรค

ครั้งแรกตัดคำก่อน สัก 400 คำ หรืออาจจะมากหรือน้อยกว่านี้ก็แล้วแต่
ใช้ explode() แยกช่วงว่างแล้วก็วนลูปจำคำมารวม โดยที่ไม่นำอาร์เรย์ตัวสุดท้ายมาใช้เพราะการตัดคำตัวสุดท้ายจะมีอักขระแปลกๆถ้าไปตรงกับสระหรือวรรณยุกต์ หรือเรื่อง encoding


ผมชอบประโยคนี้ครับ "ลองใช้วิธีแยกช่องว่างของคำดูมั้ยครับ"
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-03-17 19:21:39 By : love9713
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สมมุติว่า ชื่อหัวข้อกระทู้ยาวไป เราต้องกำหนดอย่างไร ถึงให้มันมีคำว่า "อ่านต่อ..." อ่ะครับ ขอแนวคิดก็ได้ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่