gibi Gmail'i yapmak nasıl tüm tarayıcılardayükleme ilerleme çubuğu
cevap
bu
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<style>
body{
margin:0px;
}
#state{
width:100px;
height:30px;
background:#FEE27C;
position:fixed !important;
position:absolute /* fallback for IE6 */;
}
</style>
<script language=javascript type='text/javascript' >
function set(){
var s = screen_now_size();
margin_right = (s['width']-100)/2;
//append or change margin right size
var state_layer = document.getElementById("state");
state_layer.style.right = margin_right+"px"
}
function screen_now_size(){ // get screen current size
var a=new Array();
if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat'){
a["width"]=document.documentElement.clientWidth;
a["height"]=document.documentElement.scrollTop+document.body.clientHeight;
}else{
a["width"]=document.body.clientWidth;
a["height"]=document.body.scrollTop+document.documentElement.clientHeight;
}
return a;
}
</script>
</head>
<body onload='set()'>
<div id='state'></div>
<!--for test:-->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
for test
</body>
</html>
Sen jQuery UI Progressbar plugin kullanabilirsiniz merkezde ve sayfanın üst, ve çalışmalarında Gmail gibi bir yükleme ilerleme çubuğu oluşturmak istiyorum. Sayfanız gereken verileri yükledikçe, ilerleme çubuğunun değerini güncelleyin.
no yükleme kutusunu istiyorum ajax çalışırken ne olduğunu gösterir – MSI
@MSI Lütfen neyi aradığınızı açıkça belirtmek için sorunuzun cevabını verin. Sorunuzun söylediği gibi, ajax'ın tek sözü etiketlerinizden biridir. –
Sen sir jQuery ile bunu sağlamak için $(document).ajaxStart()
ve $(document).ajaxStop()
kullanmak gerekir.
http://api.jquery.com/ajaxStart/
http://api.jquery.com/ajaxStop/
Bu senin arayan değil tam olarak ne olabilir, ama o başlamanıza yardımcı olacaktır: http://yensdesign.com/2008/11/how-to-create-a-stylish-loading-bar-as-gmail-in-javascript/
Sen jQueryUI ProgressBar ve jQuery FancyBox bir karışımını kullanmak gerekecektir içeriği tutabilir (bir ilerleme çubuğu gibi).
karşılama için SO temel kodudur. Genelde, probleminizi daha küçük parçalara ayırabiliyorsanız ve şu ana kadar yaptığınız işi ve bununla ilgili problemleriniz olduğunu gösterirseniz, insanlar yardım etmeye daha istekli olurlar. Sana iyi şanslar. – bernie
[sayfa yüklenirken Gmail tarzı ilerleme çubuğu] 'nın olası kopyası (http://stackoverflow.com/questions/8020929/gmail-style-progress-bar-when-page-is-loading) –