発言者： moon
発言日： 2003 08/30 17:32
> <head></head>の部分は、sub header にやるのでしょうか？（＾＾；；；
JavaScriptのコードはHEADタグ内に直接書くか外部ファイルとして読み込むのが動作的には安心です。
しかし、今回のような場合はsub header内に単純に書いただけだと関係無い時も毎回出力することになるので効率的とは言えません。
なので、sub normal_actionで出力されるようにするのが良いと思います。（直接出力するなり、サブルーチンを用意しそこで出力するなり。）
----
機能強化サンプル
<html>
<head>
<script language=JavaScript1.2>
<!--
function RegexSort(num){
var i, j;
var obj = document.getElementById("test");
var obj1, obj2;
var str1, str2;
var re = new RegExp("(\\d{4})：(.+)\\((.+)\\)");
var ar;
var revflag = !document.getElementById("reverse").checked;
if(num < 1){
num = 1;
}
else if(num > 3){
num = 3;
}
for(i = 1; i < obj.length; i++){
if((ar = re.exec(obj.options[i].text)).length == 0){
return;
}
str1 = ar[num];
for(j = 0; j <= i; j++){
if((ar = re.exec(obj.options[j].text)).length == 0){
return;
}
str2 = ar[num];
if(i != j && (revflag && str1 <= str2 || !revflag && str1 >= str2)){
obj1 = obj.options[i];
obj2 = obj.options[j];
obj.insertBefore(obj1, obj2);
break;
}
}
}
obj.selectedIndex = 0;
}
function SelectShow(){
var opt = document.getElementById("test").options;
var str = document.getElementById("teststr").value;
var i;
if(str != ""){
for(i = 0; i < opt.length; i++){
opt[i].style.color = (opt[i].text.indexOf(str) != -1 ? "#FF0000" : "#000000");
}
}
else{
for(i = 0; i < opt.length; i++){
opt[i].style.color = "#000000";
}
}
}
//-->
</script>
</style>
</head>
<body>
<select id="test">
<option value="opt1">0005：名前3(職業a)
<option value="opt2">0004：名前2(職業b)
<option value="opt3">0001：名前1(職業c)
<option value="opt4">0003：名前0(職業z)
<option value="opt5">0006：名前4(職業y)
<option value="opt6">0000：名前5(職業x)
<option value="opt7">0002：名前6(職業w)
</select>
<hr>
<input type="button" value="ID順" onClick="RegexSort(1)">
<input type="button" value="名前順" onClick="RegexSort(2)">
<input type="button" value="職業順" onClick="RegexSort(3)">
<input type="checkbox" id="reverse">降順
<hr>
<input type="text" id="teststr" size="20">を含むものを色付け表示<input type="button" value="実行" onClick="SelectShow()">
</body>
</html>
▼関連発言
│
└◆753:ID順 [masaki] 08/27 10:44
└◆754:Re:ID順 [moon] 08/27 20:19
└◆756:Re[2]:ID順 [masaki] 08/28 08:33
└◆757:Re[3]:ID順 [moon] 08/28 20:19
└◆758:Re[4]:ID順 [masaki] 08/29 17:44
└◆759:サンプルHTML [moon] 08/30 01:15
├◆761:Re:サンプルHTML [masaki] 08/30 16:00
│└◆762:サンプルHTML(改) [moon] 08/30 17:32
│ └◆763:Re:サンプルHTML(改) [masaki] 08/31 19:01
│ └◆764:Re[2]:サンプルHTML(改) [moon] 08/31 19:09
│ └◆765:Re[3]:サンプルHTML(改) [masaki] 09/01 17:58
│ └◆766:Re[4]:サンプルHTML(改) [moon] 09/01 21:57
│ └◆767:Re[5]:サンプルHTML(改) [masaki] 09/02 19:11
│ └◆768:Re[6]:サンプルHTML(改) [moon] 09/02 19:21
│ └◆769:Re[7]:サンプルHTML(改).. [masaki] 09/06 08:04
└◆770:769の次 [masaki] 09/06 09:46
└◆771:nameが無さそう [moon] 09/06 10:24
└◆772:参考 [moon] 09/06 10:36
└◆773:Re:参考 [masaki] 09/06 11:29
└◆774:Re[2]:参考 [moon] 09/06 13:09
└◆775:Re[3]:参考 [masaki] 09/06 15:34<-last