vla
Well-Known Member
- Регистрация
- 16.09.2011
- Сообщения
- 230
Принудительное скрытие объемного кода
За время использования форума неоднократно ощущал неудобства из за объёмных сообщений!
- Бывают умники, которые из-за двух нужных строчек выкладывают код всей страницы (я не исключение, I'm Sorry)
- Бывает код действительно объемный и нужный, но нужный не всем - а место занимает
1.
Автоматичести скрывать большой код
Показывать первые X-строчек кода
Внизу кнопка "Показать весь код"
2.
Также можно ввести BB-код типа: [CODE-TOP], и кнопку в панели редактирования соответственно
Ее смысл: со строки где вставлен [CODE-TOP] отсчитывается X-строчек, которые показываются в кратком варианте
Как вам такое предложение?
Если так считаю не только я один, надо обратиться к администратору форума!
Так выглядит краткий вариант:
----------------------//----------------------
Код:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<line x1="0" y1="0" x2="200" y2="200"
style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>
<div id="interface">
----------------------//----------------------
Показать весь код
Так выглядит полный вариант:
Код:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mountin Bike (ß1.0.4)</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/raphael-min.js"></script>
<script type="text/javascript" src="js/f-round.js">//NAME FUNCTION: ДЛЯ ПРОСЧЕТА ТОЧЕК КОЛЕСА</script>
<script>
</script>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<line x1="0" y1="0" x2="200" y2="200"
style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>
<div id="interface">
Скорость движения <input onKeyUp="f_temp();" id="temp" name="temp" type="text" size="4" value="25"><br>
Расстояние между осями <input onKeyUp="f_temp();" id="frame" name="frame" type="text" size="4" value="80">
</div>
<script>
var temp=document.getElementById("temp").value;//НАСТРОЙКА СКОРОСТИ
//var frame=document.getElementById("frame").value;//НАСТРОЙКА РАССТОЯНИЯ МЕЖДУ ОСЯМИ
var velo=Raphael(0,0,1100,500);//рабочее поле svg
var mass=[];//объявил массив для трассы-траектории
var k1=velo.circle(10,10,5);k1.attr({fill:"#999"})//кнопка для переключения трассы "k1"
k1.node.onclick=function(){
for(i=0;i<501;i++)mass[i]=1+400-1;for(i=501;i<1001;i++)mass[i]=1-((i-501)/4)+400-1;
for(i=0;i<1101;i++)velo.circle(i,mass[i]+21,.1);//нарисовал трассу
}
var k2=velo.circle(30,10,5);k2.attr({fill:"#999"})
k2.node.onclick=function(){
for(i=0;i<1101;i++)mass[i]=-i*i*i/1000000+400-1;
for(i=0;i<1101;i++)velo.circle(i,mass[i]+21,.1);
}
var k3=velo.circle(50,10,5);k3.attr({fill:"#999"})
k3.node.onclick=function(){
for(i=0;i<1101;i++)mass[i]=i*i*i/1000000+400-1;
for(i=0;i<1101;i++)velo.circle(i,mass[i]+21,.1);
}
var k4=velo.circle(70,10,5);k4.attr({fill:"#999"})
k4.node.onclick=function(){
for(i=0;i<1101;i++)mass[i]=Math.sin(i)+400-1;
for(i=0;i<1101;i++)velo.circle(i,mass[i]+21,.1);
}
var k5=velo.circle(90,10,5);k5.attr({fill:"#999"})
k5.node.onclick=function(){
for(i=0;i<1101;i++)mass[i]=(Math.sin(i/11))*(i*.05)+400-1;
for(i=0;i<1101;i++)velo.circle(i,mass[i]+21,.1);
}
var wheel_1=velo.circle(0,375,20);wheel_1.attr({fill:"#999"})
var wheel_2=velo.circle(80,375,20);wheel_2.attr({fill:"#ccc"})
wheel_1.node.onclick=function (){
var x1=21;//СЧЕТЧИК-отвечает за начальное положение на трассе заднего колеса
function visual(){
x1++;
wheel_1
.attr({cx:x1})//координата X
.attr({cy:f_y(x1)});//координата Y // текущие координаты заднего колеса (темное колесо)
var frame=document.getElementById("frame").value;//НАСТРОЙКА РАССТОЯНИЯ МЕЖДУ ОСЯМИ
for(var x2=x1;frame*frame>(f_y(x2)-f_y(x1))*(f_y(x2)-f_y(x1))+(x2-x1)*(x2-x1);x2++){}
wheel_2
.attr({cx:x2})//координата X
.attr({cy:f_y(x2)});//координата Y //текущие координаты перdенего колеса
}
var timer=setInterval(visual,temp);
}
</script>
</body>
</html>
Скрыть код