JQueryを使ったプルダウンメニュー
2009 年 4 月 24 日 金曜日CSS+JavaScritpのもう1つとしてJQueryを使ったプルダウンメニューがある。
JQueryを使用する機会も多くなっているので、JQueryを使用する場合は、使用を検討する価値がある。
CSS LectureさんのjQueryを使って簡単プルダウンメニューは、コードも綺麗で使いやすい。
http://www.css-lecture.com/log/javascript/005.html
CSS+JavaScritpのもう1つとしてJQueryを使ったプルダウンメニューがある。
JQueryを使用する機会も多くなっているので、JQueryを使用する場合は、使用を検討する価値がある。
CSS LectureさんのjQueryを使って簡単プルダウンメニューは、コードも綺麗で使いやすい。
http://www.css-lecture.com/log/javascript/005.html
大手のニュースサイトなどには、任意でフォントサイズを切り替える方法がある。
最も簡単な方法(検索して一番紹介されている方法)はstyleswitch.jsを用いた方法。
<html>
<head>
<title>フォントサイズを任意で切り替える</title>
<script src="styleswitch.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="font1" href="font1.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="font2" href="font2.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="font3" href="font3.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="font4" href="font4.css" />
</head>
<body>
<span id="changefont">
<ul>
<li>フォントサイズ:</li>
<li><a href="javascript:chooseStyle('font1', 30)">小</a></li>
<li><a href="javascript:chooseStyle('font2', 30)">中</a></li>
<li><a href="javascript:chooseStyle('font3', 30)">大</a></li>
<li><a href="javascript:chooseStyle('font4', 30)">最大</a></li>
</ul>
</span><!–changefont–>
</body>
</html>
style.css
———————————–
#changefont li{
display: inline;
}
font1.css
———————————–
body{
font-size: 0.9em;
}
font2.css
———————————–
body{
font-size: 1.0em;
}
font3.css
———————————–
body{
font-size: 1.3em;
}
font4.css
———————————–
body{
font-size: 1.6em;
}
上記以外にはjquery.jsを用いる方法等が利用されているよう。
他にも様々な方法を紹介しているサイトはこちら
CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie
mb_convert_kanaは全角仮名を全角カナに変換する等を行う事ができる。
紹介サイトで$test = mb_convert_kana($test, 'KVC');というような例があるが、変換されない事がある。
そこで$test = mb_convert_kana($test , 'KVC', 'utf-8');のように文字コードを指定する事で正常に変換できる。
parosはフリーで利用できるWEBアプリケーションのXSS対策やSQLインジェクションの診断ツールの1つ。
http://www.parosproxy.org/index.shtml
PHPメール送信スクリプトで文字化けする場合はmb_send_mailを記載する前に以下を追加
mb_language('Japanese'); //文字化け対策
mb_internal_encoding("UTF-8"); //文字化け対策
PHPにを記載すると以下のようなエラーが出る。
Parse error: syntax error, unexpected T_STRING in *********/complete.php on line 1
これは<??>の部分をPHPスクリプトと判断するため。
<?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>と記載すれば問題解決できる。
<?php echo '<?xml version=\"1.0\" encoding=\"utf-8\"?>'; ?>と記載すれば問題解決できる。
※\はwindowsでは¥(半角の円マーク)
追記
<?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>から
<?php echo '<?xml version=\"1.0\" encoding=\"utf-8\"?>'; ?>に変更
フィールド名と属性を変更する
型:alter table テーブル名 change 旧フィールド名 新フィールド名 型;
例:alter table tablename change fieldname1 fildname2 char(255);
フィールドの属性のみ変更する
型:alter table テーブル名 modify フィールド名 新しい属性;
例:alter table tablename modify fieldname1 char(255);
フィールドの追加
型:alter table テーブル名 add フィールド名 属性;
例:alter table tablename add fieldnamex int;
テーブルの削除
型:drop table テーブル名;
例:drop table tablename;
レコードの作成
型:insert into テーブル名 values ('文字列の場合',数字の場合,…);
例:insert into tablename values ('MySQL',255);
※フィールドの数分入力しないと ERROR 1136 (21S01): Column count doesn't match value count at row 1のように表示される。
レコード挿入1
型:select * from テーブル名;
例:select * from tablename;
レコード挿入2
型:insert into テーブル名 (フィールド名,…) values (フィールド名の値,…);
例:insert into tablename (MySQL) values (5.0);
※入力のないフィールド部分はNULLが挿入される。
特定のフィールドだけ表示
型:select フィールド名 from テーブル名;
例:select fieldname,… from tablename;
複数の条件検索
型:select * from テーブル名 where フィールド名 検索条件 and フィールド名 検索条件
例:select * from tablename where fieldname1 like '%文字列%' and filedname2 > 数値;
※フィールド1の中で文字列から始まり、且つ、フィールド2の中で 数値より大きい
型:select * from テーブル名 where フィールド名 検索条件 or フィールド名 検索条件
例:select * from tablename where fieldname1 like '%文字列%' or filedname2 > 数値;
※フィールド1の中で文字列から始まり、又は、フィールド2の中で 数値より大きい
行:レコード
列:フィールド
参考書はset password for root=password('任意のパスワード');と記載されている事が多いが、xamppの場合、ERROR 1133 (42000): Can't find any matching row in the user tableと表示される場合がある。
そこでset password for root@localhost=password('任意のパスワード');とする事でQuery OK, …と表示される。
xamppの場合phpMyAdminがインストールされるので、コマンドプロンプトを用いる必要性はほとんどないが、一般的な参考書や古いphpやMySQLの参考書はapachのインストール、phpのインストール、MySQLのインストールという手順を踏んでいるので、少し悩む初心者も多いが、xamppの場合はパスが若干異なる程度で、最新のapachやphp,mysqlのインストールに悩む場合、xamppを導入して互換をとればいよい。(互換という程のものではないが…
一般参考書
C:\mysql\bin
xampp
C:\xampp\mysql\bin
なお、windowsコマンドプロンプトでlinuxで使うlsの相当するコマンドはdir
C:\xampp\mysql\binに移動しmysqlと実行すると
mysql>
と表示される。