IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası
  reklamver

Etiketlenen Kullanıcılar

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
Alt 19 Kasım 2014, 23:56   #1
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
IF Ticaret Sayısı: (0)
IF Ticaret Yüzdesi:(%)
Progress bar yapımı




PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<head
<
title>Test Page</title
<
style

* { 
font-family"Arial"sans-serif; } 

#wrap { margin-top: 50px;text-align: center; } 

#barwrap { 
positionrelative/* to contain outer */ 
margin0 auto/* to centre */ 
width250px;height20px/* size of our bar - required */ 
text-alignleft
font-weightbold
border1px solid black


#barwrap P { /* to contain text */ 
margin0/* FF needs this or text drops below bar */ 
width250px/* use this node to position text */ 
text-aligncenter


#barwrap #outer { /* bar 'background' */ 
positionabsolute
width100%; height100%; /* match parent size */ 
backgroundlightgreen
colorgreen/* original colour of text */ 


#barwrap #inner { 
positionrelative/* otherwise outer hides us */ 
width0height100%; /* match parent */ 
overflowhidden/* to hide new text/prevent it wrapping */ 
backgroundgreen
colorlightgreen/* colour of changed text */ 


</
style

<
script

var 
time 10000// 10 secs 
var steps 50// Five per second 
var step 1

function 
progress() { 
var 
bar document.getElementById"barwrap"); 
var 
aStep = (bar.offsetWidth -2) /steps;// 2px border removed from width 
var Math.roundaStep *step); 
var 
outer document.getElementById"outer"); 
var 
inner document.getElementById"inner"); 

// Work out seconds based on % progress from current step 
var secs = (( time /1000) -Math.floor( ( step /steps) *10)); 

inner.style.width +"px"
step++; 

// If 0 seconds, display waiting message instead 
outer.firstChild.innerHTML = ( secssecs +" seconds...""Please Wait..."); 
// Match text 
inner.firstChild.innerHTML outer.firstChild.innerHTML

if( 
step stepsredir(); 
else 
setTimeout"progress();"time /steps); 


function 
redir() { 
alert"Redirecting now!"); 


</script> 
</head> 

<body> 

<div id='wrap'> 
Progress: 
<div id='barwrap'> <!-- P wrappers for text positioning --> 
<div id='outer'><p></p></div> <!-- original colour/text --> 
<div id='inner'><p></p></div> <!-- new colour/text --> 
</div> 

<br> 
<a href='#' onClick='progress();'>Click here to start bar (only once please, you'll break it)</a> 
</div> 

</body> 

</html> 


__________________
Bu kez pek bir afili yalnızlık, ağlatan bir kadın kadar düşman. Ağzı bozuk üstelik bırakmıyor acıtmadan.
 
Alıntı ile Cevapla

IRCForumlari.NET Reklamlar
sohbet odaları eglen sohbet reklamver
Cevapla

Etiketler
bar, progress, yapımı


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Progress kenetlenemedi MoSFeT Haber Arşivi 0 03 Temmuz 2010 08:45
PnP Progress Bar Nickolas mIRC Scripting Hazır Kodlar 7 26 Mart 2009 13:48