ページ: << 1 2

第6回SE勉強会の発表内容を追加しました

パーマリンク 2008/04/27 17:48:15 著者: あつ メール
カテゴリ: 勉強会・セミナー, HTML/JavaScript

第6回SE勉強会の発表内容を追加しました

第6回SE勉強会の発表内容を追加しました。

発表内容は
・JavaScript & Firebug 入門
・チームで開発しよう
です。

詳しくは、SE勉強会ブログをご覧ください。

まだ時間があるので、準備できれば追加で発表します。

第5回SE勉強会を行ないました

パーマリンク 2008/04/20 23:06:59 著者: あつ メール
カテゴリ: PHP, CakePHP, 勉強会・セミナー, HTML/JavaScript

第5回SE勉強会を行ないました

第5回SE勉強会を行ないました。

今回の宿題はこれでした。

1~100を順に表示します。
ただし、3の倍数のときは「かしも」と表示し、5の倍数のときは「ソフトウェア」と表示します。
さらに、3のつく数字のときは青色で表示し、5のつく数字のときは緑色で表示します。
この処理はすべてJavaScriptで行ってください。


で、僕の解答がこれ。

<html>
<head>
<script language="JavaScript">
<!--
var number = 0;

timer = setInterval('count()', 1000);

function count() {
number += 1;

var number_str = '' + number;
var html_stag = '';
var html_etag = '';

var search3_flg = number_str.indexOf('3');
var search5_flg = number_str.indexOf('5');

if (search3_flg != -1) {
html_stag = '<font style="color:blue">';
html_etag = '</font>';
} else if (search5_flg != -1) {
html_stag = '<font style="color:green">';
html_etag = '</font>';
} else {
html_stag = '';
html_etag = '';
}

if (number%3 == 0) {
document.getElementById('text1').innerHTML = html_stag + 'かしも' + html_etag;
} else if (number%5 == 0) {
document.getElementById('text1').innerHTML = html_stag + 'ソフトウェア' + html_etag;
} else {
document.getElementById('text1').innerHTML = html_stag + number + html_etag ;
}

if (number == 100) {
clearInterval(timer);
}
}
// -->
</script>
</head>
<body>
<center>
<div id="text1" style="font-size:100px">カウントスタート</div>
</center>
</body>
</html>


みんなのやり方と大きく違っていたところは、1秒ごとに数字を呼び出し、innerHTMLで表示させているところでした。

今回の宿題で勉強になった点。
・fontcolor で色をつけることができる
・文字を見つける方法は match でやっている人もいた

発表は「パン屋へ行こう」と「CakePHPのページ送り機能」についてでした。

残りの時間は前回の続きで「チームで開発しよう」です。

今回(全3回)でざっくりと完成させようという目標でスタートしました。
結果はというと、ざっくりレベルですが、とりあえずできました。

人のコーディングをみたり、あれこれ相談したり、自分の担当分をコーディングしたりと、慌しかったですが、普段の業務と違って、良い刺激はあったのではないかなと思っています。

悪かった点としては、期間が開くので(勉強会の時しか開発をしないので)、前回やった内容を思い出すのにちょっと手間取りました。

次回、細かい部分を手直しして、それなりに利用できるレベルにしたいと思います。

次回は2008/5/11(日)の予定です。

tablesorterで数値のソートをする方法

パーマリンク 2008/02/25 13:46:10 著者: あつ メール
カテゴリ: HTML/JavaScript

tablesorterで数値のソートをする方法

tablesorterで数値のソートをする方法は下記の通り。

$(document).ready(function()
{
$("#sortTable").tablesorter({headers: {1:{sorter:"currency"}}});
}
);

※2番目の項目を数値でソートさせる場合

<< 1 2

あつ

Facebookやってます

愛知県名古屋市在住のWEBシステム屋(SE・プログラマ)。株式会社一六社(いちろくしゃ)所属。PHP、 CakePHPを利用して日々開発中。WEBで地域活性化を目指します。好き:フットサル/GTD/Mac/ 住んだことのある場所:一宮(愛知)、豊田(愛知)、浜松(静岡)、浦添(沖縄)、中津川(岐阜)、名古屋(愛知)

検索

タグクラウド

勉強会

欲しい物リストの全て

レコメンデーションエンジン

16ブログ     powered by b2evolution