2005年10月06日 13:24 [Edit]

Javascriptで高橋メソッド

なんだか(高橋|もんた)メソッドが世界的なトレンドになっているらしい。

というわけで、みなさんも乗り遅れないように、以下のscriptで高橋メソッド化しよう!(藁)

誰でも


sourceは以下のとおり。Ajax化も屁みたいなものでしょう。その辺は読者の宿題とします(爆)。

Dan the Takahashizer

#!/usr/local/bin/perl
use strict;
use warnings;
my @lines;
while(<>){
    chomp;
    push @lines, $_;
}
my $lines_array = join(",\n", map {qq('$_') } @lines);

print <<"EOT";
<script language="javascript" type="text/javascript">
var slide=0;
var text = [
$lines_array
];
function prev(){
  slide--;
  slide %= text.length;
  if (slide < 0){ slide = 0; }
  takahashi.innerHTML = text[slide];
  return false;
}
function next(){
  slide++;
  slide %= text.length;
  takahashi.innerHTML = text[slide];
  return false;
}
</script>
<style type="text/css">
.takahashi {
text-align: center;
vertical-align: middle;
font-size: xx-large; 
border-style: inset; 
height: 192; 
}
</style>
<form>
<div align="center">
<table width="80%" border="1">
<tr><td id="takahashi" class="takahashi">$lines[0]</td></tr>
</table>
<input type="button" onclick="prev();" value="prev">
<input type="button" onclick="next();" value="next">
</div>
</form>
EOT
__END__

この記事へのトラックバックURL