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,037

HOME > .NET Framework > Forum > รบกวนเกี่ยวกับการแสดงรูปใน datalist ใช้ c# asp.net



 

รบกวนเกี่ยวกับการแสดงรูปใน datalist ใช้ c# asp.net

 



Topic : 121579



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



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




นำข้อมูลจากฐานข้อมูลมาแสดง แสดงข้อมูลได้แล้ว โดยให้แสดงชื่อและรูปภาพ ที่รูปภาพเมื่อเอาเมาส์ไปวางจากรูปที่ 1 จะเปลี่ยนเป็นรูปที่ 2 โดยนำ css มาช่วย รูปภาพสามารถคลิ๊กได้ สามารถคลิ๊กชื่อที่แสดง เมื่อคลิ๊กก็จะโหลดไฟล์ได้ ซึ่งไฟล์นี้เก็บอยู่ในฐานข้อมูลด้วย แต่เนื่องจากข้อมูลมีมากการเขียนโค้ดที่ให้แสดงรูปภาพตามที่ต้องการที่ทำอยู่มันยุ่งยาก
## อยากรู้ว่าสามารถทำให้รูปเปลี่ยนเมื่อเอาเมาส์ไปวาง และเปลี่ยนกลับเมื่อเอาเมาส์ออก //ลองใช้ onmouse แล้วก็ไม่ได้ แล้วเอา css มาก็กลับไปใส่ค่าแบบตรงๆเลย ใส่แบบอื่นไม่ได้
**ถ้าเป็นไปได้อยากรู้วิธีนับจำนวนคนที่โหลดไฟล์ลงในฐานข้อมูลด้วยอะคะ

ฐานข้อมูลมี --- ID , FileName //ชื่อที่แสดง , PicPath1 เก็บพาทรูปที่1 ,PicPath2 //เก็บพาทรูปที่2 ,WordPath //เก็บพาทเอกสารที่ให้โหลด ,countN //นับจำนวนที่โหลด

อันนี้เป็น css ที่ใช้เปลี่ยนเป็นอีกรูปนึงเมื่อเอาเมาส์ไปวาง แต่ที่ทำมันมีรูปมากกว่านี้ ก็เลยเขียนแบบนี้ซ้ำๆ เปลี่ยนตามรูปที่มี

Code
.imghover1 { display: block; width: 160px; height: 160px; background: url('Images/icon_flowchart.png'); text-indent: -99999px; } .imghover1:hover { background-image : url('Images/icon_flowchart2.png'); } .imghover2 { display: block; width: 160px; height: 160px; background: url('Images/result.png'); text-indent: -99999px; } .imghover2:hover { background-image : url('Images/result2.png'); }


อันนี้ให้แสดงข้อมูล ก็เขียนยาวๆ เหมือนที่ทำใน css

Code (C#)
void myDataList_ItemDataBound(Object sender, DataListItemEventArgs e)
    {
Image img = (Image)(e.Item.FindControl("FilePath"));
        if (img != null)
        {
            
            img.ImageUrl = (string)DataBinder.Eval(e.Item.DataItem, "PicPath1");

            if (img.ImageUrl == "Images/icon_flowchart.png")
            {
                img.ImageUrl = null;

                img.CssClass = "imghover1";

            }
            if (img.ImageUrl == "Images/result.png")
            {
                img.ImageUrl = null;

                img.CssClass = "imghover2";

            }
HyperLink hplCate = (HyperLink)(e.Item.FindControl("hplPicWeb"));
        if (hplCate != null)
        {
            hplCate.Text = (string)DataBinder.Eval(e.Item.DataItem, "FileName");
            hplCate.ToolTip = (string)DataBinder.Eval(e.Item.DataItem, "FileName");
            hplCate.NavigateUrl = DataBinder.Eval(e.Item.DataItem, "WordPath").ToString();
        }
}

<asp:DataList ID="myDataList" onItemDataBound="myDataList_ItemDataBound" RepeatColumns="4" runat="server" align="center" RepeatDirection="Horizontal">
       
                    <ItemTemplate>
             
                        <div style="width:200px" align="center">
                           <a href="<%#Eval("WordPath") %>"> 
                           <asp:Image id="FilePath" runat="server" width="160" height="160"></asp:Image></a> 
                            <br/>
               
                            <asp:HyperLink id="hplPicWeb" runat="server" target="_blank"></asp:HyperLink>
                            <br/>
                                       </div> 
                    </ItemTemplate>
           
                    <SeparatorTemplate>
                    <hr />
                    </SeparatorTemplate>
                 </asp:DataList>




Tag : .NET, Ms SQL Server 2012, Web (ASP.NET), C#









ประวัติการแก้ไข
2016-02-24 09:27:32
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-02-24 08:54:42 By : catty View : 992 Reply : 3
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

ลอง View Source ในหน้า Web Browser ดูครับ มัน Assign Path ได้ถูกหรือเปล่า






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-02-24 13:23:58 By : mr.win
 


 

No. 2



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



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


มันไม่ขึ้นรูปให้เลยอะคะ พอจะมีตัวอย่าง css มั้ยคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-02-24 14:22:52 By : Catty
 

 

No. 3



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



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


ขอวิธีอื่นก็ได้คะ ที่ใช้แสดงรูปจากฐานข้อมูล เมื่อเอาเมาส์ไปวางจะเปลี่ยนเป็นอีกรูปนึง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-02-25 13:41:53 By : Catty
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนเกี่ยวกับการแสดงรูปใน datalist ใช้ c# asp.net
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 02
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 อัตราราคา คลิกที่นี่