10/10/2018, 09:50
Cần giúp đỡ về hiệu ứng loading trog ajax
Hiện mình thấy có mấy trang web có hiệu ứng loading này rất hay nhưng ko nhớ trang nào nữa.Nhờ các bạn chỉ giúp mình nha...Code của nó đại loại hoạt động như sau:
1. Nó chạy bất kỳ một ký tự nào đó (vd như dấu chấm) và đếm tới 10 chẳng hạn sau đó nó lại biến mất và lại đếm ký tự đến 10.
2. Còn cái này nữa: ảnh loading hiện giữa màn hình và giữ nguyên vị trí đó cho dù có kéo thanh trượt đi chăng nữa. Có cách chỉnh là để position: fixe trong css nhưng mà nó chỉ có tác dụng với firefox thôi còn ie thì ko dc như vậy.Ai biết fix chỉ giáo giùm nha các bạn.
1. Nó chạy bất kỳ một ký tự nào đó (vd như dấu chấm) và đếm tới 10 chẳng hạn sau đó nó lại biến mất và lại đếm ký tự đến 10.
2. Còn cái này nữa: ảnh loading hiện giữa màn hình và giữ nguyên vị trí đó cho dù có kéo thanh trượt đi chăng nữa. Có cách chỉnh là để position: fixe trong css nhưng mà nó chỉ có tác dụng với firefox thôi còn ie thì ko dc như vậy.Ai biết fix chỉ giáo giùm nha các bạn.
Bài liên quan
2. Cái này có nhiều cách, nếu muốn modify cái code của bạn thi phải up cái code đó lên thôi.
mail của mình: buivanxuan@gmail.com
<html> <head> <script type="text/javascript"> function addstring(){ var ob=document.getElementById("status_loading"); var st=ob.innerHTML; if (st.length<10){ st=st+"-"; }else{ st=""; } ob.innerHTML=st; } </script> </head> <script language="javascript"> </script> <a href="javascript: var int=self.setInterval('addstring()',200)">Start Loading</a><br /> <a href="javascript: window.clearInterval(int)">Stop Loading</a> <div id="status_loading"></div> </html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Untitled 1</title>
<style type="text/css">
#loading {position:fixed;
left:420px;
top:240px;
padding:5px 10px;
background: #FFFFFF;
color:#0E3B82;
}
</style>
</head>
<body>
<div id="loading">
Đang tải dữ liệu
</div>
<table width="500" border="1">
<tr>
<td height="500"></td>
</tr>
</table>
<table width="500" border="1">
<tr>
<td height="500"></td>
</tr>
</table>
</body>
</html>
[=========> Bổ sung bài viết <=========]
cho mình hỏi câu nữa là kiểm tra sự tồn tại của id như thế nào vậy.
mình gán cho nó một id rồi sau đó kiểm tra xem id đó hiện có tồn tại hay không.
2.
<script language="javascript"> var ob=document.getElementById(id); if (ob==null){ // element ko tồn tại }else{ // element tồn tại } </script>