Форум

XADO · #1 (**permalink**) 22.09.2015, 14:21

Доброго времени суток, есть вот такой скрипт. Как для него сделать кнопку ВКЛ/ВЫКЛ или только кнопку отключения.

<script language="JavaScript1.2"> 

grphcs=new Array(6) 
Image0=new Image(); 
Image0.src=grphcs[0]="img.png"; 
Image1=new Image(); 
Image1.src=grphcs[1]="img.png" 
Image2=new Image(); 
Image2.src=grphcs[2]="img.png" 
Image3=new Image(); 
Image3.src=grphcs[3]="img.png" 
Image4=new Image(); 
Image4.src=grphcs[4]="img.png" 
Image5=new Image(); 
Image5.src=grphcs[5]="img.png" 
Amount=8; 
Ypos=new Array(); 
Xpos=new Array(); 
Speed=new Array(); 
Step=new Array(); 
Cstep=new Array(); 
ns=(document.layers)?1:0; 
ns6=(document.getElementById&&!document.all)?1:0; 

if (ns){ 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; 
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); 
} 
} 
else{ 
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; 
 document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px; z-index:300;">'); 
} 
document.write('</div></div>'); 
} 
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
for (i=0; i < Amount; i++){ 
Ypos[i] = Math.round(Math.random()*WinHeight); 
Xpos[i] = Math.round(Math.random()*WinWidth); 
Speed[i]= Math.random()*2+3; 
Cstep[i]=0; 
Step[i]=Math.random()*0.1+0.05; 
} 
function fall(){ 
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; 
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; 
for (i=0; i < Amount; i++){ 
sy = Speed[i]*Math.sin(90*Math.PI/180); 
sx = Speed[i]*Math.cos(Cstep[i]); 
Ypos[i]+=sy; 
Xpos[i]+=sx; 
if (Ypos[i] > WinHeight){ 
Ypos[i]=-60; 
Xpos[i]=Math.round(Math.random()*WinWidth); 
Speed[i]=Math.random()*2+3; 
} 
if (ns){ 
document.layers['sn'+i].left=Xpos[i]; 
document.layers['sn'+i].top=Ypos[i]+hscrll; 
} 
else if (ns6){ 
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); 
document.getElementById("si"+i).style.top=Ypos[i]+hscrll; 
} 
else{ 
eval("document.all.si"+i).style.left=Xpos[i]; 
eval("document.all.si"+i).style.top=Ypos[i]+hscrll; 
} 
Cstep[i]+=Step[i]; 
} 
setTimeout('fall()',20); 
} 

window.onload=fall 
</script>

EmperioAf · #2 (**permalink**) 22.09.2015, 23:29

Можно так как ниже, но впринципе правильнее вместо такой строчки script.innerHTML = "function print(){document.querySelector('.typical').value = document.body.innerHTML;};";
просто писать

script.src = 'yourScript.js'

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ГГ</title>
<style>
.typical {
  width: 500px;
  height: 300px;
  display: block;
}
button {
  display: block;
  width: 200px;
  height: 30px;
  margin: 50px;
  font-size: 24px;
}
input {
  margin: 30px;
}
</style>
</head>
<body>
<textarea col="30" row="50" class="typical"></textarea>
<input type="text">
<button>ВКЛ/ОТКЛ</button>
<script class="simple-script">function print(){ 
  document.querySelector('.typical').value = document.body.innerHTML;
}</script>
<script>
document.querySelector('button').onclick = function(){
  var ourScript = document.querySelector('.simple-script');
  console.log(ourScript);
  var input = document.querySelector('input');
  if (ourScript){
    document.body.removeChild(ourScript);
    document.querySelector('.typical').value = '';
    input.value = 'Скрипт отключен';
  }
    
  else {
    var script = document.createElement('script');
    script.innerHTML = "function print(){document.querySelector('.typical').value = document.body.innerHTML;};";
    script.classList.add("simple-script");
    document.body.appendChild(script);
    input.value = 'Скрипт включен';
    print();
  }
}
</script>
</body>
</html>

XADO · #3 (**permalink**) 23.09.2015, 19:10

Спасибо

Форум

Справочник

Discord чат

Курсы javascript