tekrar tekrar merhaba ahmet_sayin;
öncelikle özür dilerim. for döngüsü içinde görsel işlem yapmıyor dediğini ben ciddiye almamıştım fakat bu akşam (biraz önce
) denemek için bir kod yazdım ve dediğin gibi olduğunu gördüm.fakat ilginç tarafı for döngüsünün içine alert yazdığımda progress bar da ki ilerleme görünüyor.
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Uzun seçim işlemlerinde ne yapalım</title>
<!--
Not : Kodlar tamamıyla bana ait değildir.
http://www.godoro.com/Divisions/Ehil/Mahzen/Web/Samples/txt/html/sample_WebProgressBar.html
adresinden Zafer Teker 'in kodlarından alıntı vardır.
Bu alıntılar
Godoro
/Godoro
işaretleri ile belirtilmiştir.
iyi niyet ve yardım bu kodu inceleyen ile olsun :-)
-->
<!--Godoro-->
<style>
.progressBar{
width:100px;
border-style:solid;
border-color:blue;
border-width:1px;
}
.progressBar table{
width:100%;
}
.bar{
background:red;
height:10px;
width:80%;
}
.empty{
background:white;
height:10px;
width:20%;
}
}
</style>
<!--/Godoro-->
<script language="javascript">
function sec_hepsini()
{
for(var i=0;i<check1.length;i++)
{
check1[i].checked = !check1[i].checked ;
yuzde_goster(i,check1.length-1);
alert(i);
}
}
function yuzde_goster(secili,toplam)
{
var yuzde = Math.round(secili / toplam * 100) ;
var kalan = 100 - yuzde ;
/*Godoro*/
var bar=document.getElementById("bar");
var empty=document.getElementById("empty");
bar.style.width=yuzde+"%";
empty.style.width=kalan+"%";
/* /Godoro */
}
</script>
</head>
<body>
<!--Godoro-->
<table class="progressBar" cellpadding=1 cellspacing=0>
<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td class="bar" id="bar" style="width:0%"></td>
<td class="empty" id="empty" style="width:100%"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--/Godoro-->
<input type="button" value="Seç hepsini" onclick="javascript:sec_hepsini()">
<hr>
<input type="checkbox" id="check1">
<input type="checkbox" id="check1">
<input type="checkbox" id="check1">
<input type="checkbox" id="check1">
<input type="checkbox" id="check1">
<input type="checkbox" id="check1">
<input type="checkbox" id="check1">
<input type="checkbox" id="check1">
<input type="checkbox" id="check1">
</body>
</html>
yok mudur bunun yolu yahu
iyi niyet ve yardım seninle olsun.