Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Помогите пожалуйста оптимизировать скрипт (https://javascript.ru/forum/events/35340-pomogite-pozhalujjsta-optimizirovat-skript.html)

рони 08.02.2013 13:57

cyber,
317 с двумя запусками ...
Вариант
Цитата:

Написано символов: 283
:thanks:
<!DOCTYPE HTML>
<html>
<head>
  <title></title>
<style type="text/css">
div{
  background-color: #FFFF00;
}
</style>
</head>

<body>
<div id = 'edittemplate' >
 1234567890 id = 'edittemplate'
</div>
<div id = 'resize' >
 1234567890 id = 'resize'
</div>
<div id = 'reduce' >
 1234567890 id = 'reduce'
</div>

<div id = 'increase' >
 1234567890  id = 'increase'
</div>
<script language="JavaScript" type="text/javascript">
//function reduceBlock(b){var c=["850px","inline","850px","none"];b&&(c=["1150px","none","1150px","inline"]);b=["edittemplate","reduce","resize","increase"];for(var d=["width","display"],a=0;a<b.length;a++)document.getElementById(b[a]).style[d[a%2]]=c[a]}reduceBlock(1);reduceBlock(0);
function reduceBlock(b) {
    var c = ["850px", "inline", "850px", "none"];
    b && (c = ["1150px", "none", "1150px", "inline"]);
    b = ["edittemplate", "reduce", "resize", "increase"];
    for (var d = ["width", "display"], a = 0; a < b.length; a++)
    document.getElementById(b[a]).style[d[a % 2]] = c[a]
}
reduceBlock(1);
reduceBlock(0);
</script>
<br />
<input type="button" name="" value="1"  onclick="reduceBlock(1)"/>
<input type="button" name="" value="0"  onclick="reduceBlock(0)"/>
</body>
</html>

Deff 08.02.2013 14:08

:thanks: Рони памятник за настойчивость и дотошность...(плюсы кончились

DjDiablo 08.02.2013 16:44

всю веселуху пропустил :(

251 вместе с двумя вызовами функций

function reduceBlock(a,i){
	while(i--) document.getElementById(["edittemplate","resize","reduce","increase"][i]).style[i<2?"width":"display"]=a[i];
}
reduceBlock(["1150px","1150px","none","inline"],4);
reduceBlock(["850px","850px","inline","none"],4);

Deff 08.02.2013 17:50

function reduceBlock(a){
var i=4;while(i--) document.getElementById(["edittemplate","resize","reduce","increase"][i]).style[i<2?"width":"display"]=a.split('|')[i];
}
reduceBlock("1150px|1150px|none|inline");
reduceBlock("850px|850px|inline|none");

Приукрасил .... 247

Deff 09.02.2013 00:58

Дзен-трансгуманист,
:blink:

Nikolai-JS 10.02.2013 20:34

Как альтернатива:
<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title> test </title>
	<link rel="stylesheet" type="text/css" href="base.css"/>
	<link rel="stylesheet" type="text/css" href="style0.css" title="0"/>
	<link rel="stylesheet" type="text/css" href="style1.css" title="1"/>
</head>

<body>

<script>
function setStyle(s) {
	for(i=0; (a=document.getElementsByTagName("link")[i]); i++) {
		if(a.getAttribute("title")) {
			a.disabled=true;
			if(a.getAttribute("title")==s) a.disabled=false;
		}
	}
}
//setStyle(0);
//setStyle(1);
</script>

<input type="button" name="" value="0"  onclick="setStyle(0)"/>
<input type="button" name="" value="1"  onclick="setStyle(1)"/>
</body>
</html>


Часовой пояс GMT +3, время: 14:42.