Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ขอโค๊ดphp รอโหลดหน้าเว็บหน่อยครับผม ที่ขึ้นแถบโหลดอะครับ

ขอโค๊ดphp รอโหลดหน้าเว็บหน่อยครับผม ที่ขึ้นแถบโหลดอะครับ

เริ่มหัวข้อใหม่

Zebra

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

ขอโค๊ดphp รอโหลดหน้าเว็บหน่อยครับผม ที่ขึ้นแถบโหลดพอโหลดเสร็จก็จะขึ้นหน้าเว็บปกติอะครับ

ขอความกรุณาด้วยนะครับ T^T

Tag : PHP, HTML/CSS

Date : 2012-04-26 17:10:36

By : dragoonmon

View : 9085

Reply : 4

No. 1

Mongkon.k

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

เอาแบบง่ายๆไปก่อนน่ะครับ แบบ advance รอท่านต่อไป

php loading page มาสร้างตัว loading ง่ายๆ รอหน้าเพจกันครับ

Date : 2012-04-26 17:33:59

By : mangkunzo

No. 2

Zebra

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

ขอบคุณมากๆนะครับผม T^T

Date : 2012-04-27 09:33:47

By : dragoonmon

No. 3

TC Admin

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

แจ่ม

Date : 2012-04-27 11:56:47

By : webmaster

No. 4

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

link ตัวอย่าง http://www.ninenik.com/demo/test_loading.php

ที่ต้องมี
Code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

    #overlay {   
        position: absolute;  
        top: 0px;   
        left: 0px;  
        background: #ccc;   
        width: 100%;   
        height: 100%;   
        opacity: .75;   
        filter: alpha(opacity=75);   
        -moz-opacity: .75;  
        z-index: 999;  
        background: #fff url(http://i.imgur.com/KUJoe.gif) 50% 50% no-repeat;
    }   
    .main-contain{
        position: absolute;  
        top: 0px;   
        left: 0px;  
        width: 100%;   
        height: 100%;   
        overflow: hidden;
    }

<div id="overlay"></div>	
<div class="main-contain">
ส่วนนี้เป็นเนื้อหาของเว็บ
</div>

<script type="text/javascript">
$(function(){
	$("#overlay").fadeOut();
    $(".main-contain").removeClass("main-contain");
});
</script>

code ตัวอย่าง ครับ
Code (PHP)

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap.min.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
    <style type="text/css">
    html,body {   
        padding: 0;   
        margin: 0;   
        width: 100%;   
        height: 100%;             
    }   
    #overlay {   
        position: absolute;  
        top: 0px;   
        left: 0px;  
        background: #ccc;   
        width: 100%;   
        height: 100%;   
        opacity: .75;   
        filter: alpha(opacity=75);   
        -moz-opacity: .75;  
        z-index: 999;  
        background: #fff url(http://i.imgur.com/KUJoe.gif) 50% 50% no-repeat;
    }   
    .main-contain{
        position: absolute;  
        top: 0px;   
        left: 0px;  
        width: 100%;   
        height: 100%;   
        overflow: hidden;
    }
    </style>
</head>
<body>
<div id="overlay"></div>	
<div class="main-contain">
<table class="table table-striped">
	<tr>
		<th>#</th>
		<th>Topic</th>
		<th>Date</th>
		<th>View</th>
	</tr>
   <?php for($i=1;$i<=10000;$i++){?>
    <tr>
    	<td><?=$i?></td>
    	<td>topic <?=$i?></td>
    	<td>Date <?=$i?></td>
    	<td>View <?=$i?></td>
    </tr>
    <?php } ?>
</table>
</div>

<script type="text/javascript">
$(function(){
	$("#overlay").fadeOut();
    $(".main-contain").removeClass("main-contain");
});
</script>    
    
</body>
</html>

ที่มา

ประวัติการแก้ไข
2016-10-15 16:21:57
2016-10-15 16:38:08

Date : 2016-10-15 16:03:42

By : jingjok07

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ขอโค๊ดphp รอโหลดหน้าเว็บหน่อยครับผม ที่ขึ้นแถบโหลดอะครับ

รายละเอียด

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

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก