javascript css sorunu.

29-04-2014, 01:59:44

Merhaba,

http://www.dynamicdrive.com/dynamicindex12/lottery.htm burda Lottery Picker adında script yapılmış fakat rakamlara tek tek border verdiğimiz zaman işlemiyor.

Aşağıdaki kısımdan ( border:1px solid #000; ) veriyorum ama işlemiyor span arasındaki hiç birşey çalışmıyor, bu konuda fazla bilgim olmadığı için araştırdım ama bişey bulamadım, bilgisi olan kişiler yardım ederse sevinirim, tüm kodlar üstteki demoda mevcut.

Burdan ayarlanması gerekli ama olmuyor.
document.layers.layer1.document.write("<span style='position:absolute;top:0px;left:0px;font-family:Verdana;font-size:20px;color:#888888;text-align:center'> "+OutPut+"</span>");

Kolay gelsin..

04-05-2014, 23:51:47

#2

Sanalyol

Kimlik doğrulama veya yönetimden onay bekliyor.

!important kullanarak denediniz mi?

05-05-2014, 00:12:29

#3

EkolWeb

spana neden border veriyorsunuz ki ? .a1 classına border:1px solid #000; verirseniz sayıları kutu içinde göstermiş olursunuz tabi amacınız buysa.

05-05-2014, 01:45:40

#4

zanqi

Sanalyol adlı üyeden alıntı: mesajı görüntüle

!important kullanarak denediniz mi?

border:1px solid #000 !important; bu şekilde denedim.

EkolWeb adlı üyeden alıntı: mesajı görüntüle

spana neden border veriyorsunuz ki ? .a1 classına border:1px solid #000; verirseniz sayıları kutu içinde göstermiş olursunuz tabi amacınız buysa.

a1 tümünü içine alıp border veriyor, demoda span kısmı tek tek rakamlara border vermek için kullanılmış sanıyorum fakat çalışmıyor, benim düşüncem script kodlarında bir sıkıntı var css ile denemelerim boşa çıktı.

İlginiz için teşekkürler,

Şimdilik arka plana resim vererek hallettim sorunumu, tabi border verirsem daha iyi olur.

Farklı bir tane buldum burdakinin tek tek border kısmı çalışıyor, fakat diğeri daha iyi rakamlar dönüyor, hızlı ve yavaş ayarları var bunda bişey yok.

<STYLE type=text/CSS>
.p{border:1px solid blue;padding:2px}
</STYLE>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY scroll="auto">
<SCRIPT type="text/javascript">
var highend=60;
var howMany=6
 var nuts=new Array();
 

function restart(){nuts=[];	for(i=1,j=0;i<=highend;i++,j++){nuts[j]=i}	}

function rPick(){	var r=Math.floor((nuts.length)*(Math.random())); var z=nuts[r];  nuts.splice(r,1); return z }
function autoPick(n){var mt=''; for(i=0;i<n;i++){mt+='<span class="p">'+rPick()+'</span> '}
	document.getElementById('thePick').innerHTML=mt
	restart();
 }
restart();

</SCRIPT>

<input type=button onclick="autoPick(howMany)" value="autoPick"><br><br>
<div id="thePick">&nbsp;</div>

Kolay gelsin..

06-05-2014, 08:15:47

#5

sewakldawk

Step1'deki kodlar yerine şunları kullanın;

<style type="text/css">
.a1{
position:relative;
font-family:Verdana;
font-size:20px;
color:#888888;
}
.lotos { display: inline-block; border: 1px solid red; margin-right: 2px; }
</style>

<script language="JavaScript">

/*****************************************
* Lottery Picker (By Kurt at [email]kurt.grigg@virgin.net[/email])
* Featured on/available at [url]http://www.dynamicdrive.com/[/url]
* Modified by DynamicDrive.com for below config options
* This notice must stay intact for use.
*****************************************/

var totalnumbers=4 //input total numbers to generate
var lowerbound=1   //input lower bound for each random number
var upperbound=49  //input upper bound for each random number

function lotto(){
B=' ';	
LottoNumbers=new Array();	
 for (i = 1; i <= totalnumbers; i++)
 {
 RandomNumber = Math.round(lowerbound+Math.random()*(upperbound-lowerbound));
  for (j = 1; j <= totalnumbers; j)
  {
  if (RandomNumber == LottoNumbers[j])
    {
     RandomNumber=Math.round(lowerbound+Math.random()*(upperbound-lowerbound));
     j=0;
    }
  j++;
  }
 LottoNumbers[i]=RandomNumber;
 }
LottoNumbers=LottoNumbers.toString();
X=LottoNumbers.split(',');
 for (i=1; i < X.length; i++)
 {
 X[i]=X[i]+' ';
 if (X[i].length==2) 
 X[i]='0'+X[i];
 X[i]='<span class="lotos">'+X[i]+'</span>';
 } 
X=X.sort();
 for (i=0; i < X.length; i++)
 {
 OutPut=B+=X[i];
 }
if (document.all)document.all.layer1.innerHTML=OutPut;
if (document.getElementById)document.getElementById("layer1").innerHTML=OutPut;
if (document.layers){
  document.layers.layer1.document.open();
  document.layers.layer1.document.write("<span style='position:absolute;top:0px;left:0px;font-family:Verdana;font-size:20px;color:#888888;text-align:center;'>*"+OutPut+"</span>");
  document.layers.layer1.document.close();
  }
  T=setTimeout('lotto()',20);
//window.status=OutPut;
}
function StOp(){
setTimeout('clearTimeout(T)',1000);
}
//-->
</script>

.lotos ile dilediğiniz stili verebilirsiniz.

06-05-2014, 13:31:45

#6

zanqi

sewakldawk adlı üyeden alıntı: mesajı görüntüle

Step1'deki kodlar yerine şunları kullanın;

<style type="text/css">
.a1{
position:relative;
font-family:Verdana;
font-size:20px;
color:#888888;
}
.lotos { display: inline-block; border: 1px solid red; margin-right: 2px; }
</style>

<script language="JavaScript">

/*****************************************
* Lottery Picker (By Kurt at [email]kurt.grigg@virgin.net[/email])
* Featured on/available at [url]http://www.dynamicdrive.com/[/url]
* Modified by DynamicDrive.com for below config options
* This notice must stay intact for use.
*****************************************/

var totalnumbers=4 //input total numbers to generate
var lowerbound=1   //input lower bound for each random number
var upperbound=49  //input upper bound for each random number

function lotto(){
B=' ';	
LottoNumbers=new Array();	
 for (i = 1; i <= totalnumbers; i++)
 {
 RandomNumber = Math.round(lowerbound+Math.random()*(upperbound-lowerbound));
  for (j = 1; j <= totalnumbers; j)
  {
  if (RandomNumber == LottoNumbers[j])
    {
     RandomNumber=Math.round(lowerbound+Math.random()*(upperbound-lowerbound));
     j=0;
    }
  j++;
  }
 LottoNumbers[i]=RandomNumber;
 }
LottoNumbers=LottoNumbers.toString();
X=LottoNumbers.split(',');
 for (i=1; i < X.length; i++)
 {
 X[i]=X[i]+' ';
 if (X[i].length==2) 
 X[i]='0'+X[i];
 X[i]='<span class="lotos">'+X[i]+'</span>';
 } 
X=X.sort();
 for (i=0; i < X.length; i++)
 {
 OutPut=B+=X[i];
 }
if (document.all)document.all.layer1.innerHTML=OutPut;
if (document.getElementById)document.getElementById("layer1").innerHTML=OutPut;
if (document.layers){
  document.layers.layer1.document.open();
  document.layers.layer1.document.write("<span style='position:absolute;top:0px;left:0px;font-family:Verdana;font-size:20px;color:#888888;text-align:center;'>*"+OutPut+"</span>");
  document.layers.layer1.document.close();
  }
  T=setTimeout('lotto()',20);
//window.status=OutPut;
}
function StOp(){
setTimeout('clearTimeout(T)',1000);
}
//-->
</script>

.lotos ile dilediğiniz stili verebilirsiniz.

Çok saol eline sağlık.