JavaScript 基本
//ボタンを戻る、進むボタンとして利用する
<form name="myFORM">
<input type="button" value="前のページに戻る" onClick="history.back()">
<input type="button" value="次のページに進む" onClick="history.forward()">
</form>
//アラートだす
alert(string)
//テキストエリア全部選択
onmouseclick="this.focus()" onfocus="this.select()"
//新しい画面をサイズを指定して出す。
<a href="javascript:void(0)" onclick=" window.open('kadan_mobile.html', '_blank', 'width=150,height=250,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no'); "> MOBILE</a>
<form name="myFORM">
<input type="button" value="前のページに戻る" onClick="history.back()">
<input type="button" value="次のページに進む" onClick="history.forward()">
</form>
//アラートだす
alert(string)
//テキストエリア全部選択
onmouseclick="this.focus()" onfocus="this.select()"
//新しい画面をサイズを指定して出す。
<a href="javascript:void(0)" onclick=" window.open('kadan_mobile.html', '_blank', 'width=150,height=250,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no'); "> MOBILE</a>
SQL 基本 insert-update
// 新しくデータを追加する
$sql = "INSERT INTO asdf(
qwer,
zxcv
)
VALUES(
'" .$qwer . "',
'" .$zxcv . "',
)";
echo $sql;
$res = mysql_query($sql, $db) or die("データ追加エラー");
// データを更新する
$sql = "UPDATE asdf SET
qwer = '0' ,
zxcv = '0'
WHERE (id = ".$id.");";
echo $sql;
$res = mysql_query($sql, $db) or die("データ更新エラー");
//INSERT
$sql = "
INSERT INTO `DB_name`.`Table_name` (`Column1`,`Column2`)
VALUES ('".$val1."','".$val2."')
;";
$res = @mysql_query($sql, $db) or die("error");
//UPDATE
$sql = "
UPDATE `DB_name`.`Table_name` SET
`Column1` = '".$val1."' ,
`Column2` = '".$val2."'
;";
$res = mysql_query($sql, $db);
//SELECT(LEFT JOIN)
$sql = "
SELECT * FROM `Table_name1`
LEFT JOIN `Table_name2` ON `Table_name1`.`Column` = `Table_name2`.`Column`
LEFT JOIN `Table_name3` ON `Table_name1`.`Column` = `Table_name3`.`Column`
";
$res = @mysql_query($sql, $db) or die("error");
while ($row = mysql_fetch_array($res, MYSQL_ASSOC)) {
}
$sql = "INSERT INTO asdf(
qwer,
zxcv
)
VALUES(
'" .$qwer . "',
'" .$zxcv . "',
)";
echo $sql;
$res = mysql_query($sql, $db) or die("データ追加エラー");
// データを更新する
$sql = "UPDATE asdf SET
qwer = '0' ,
zxcv = '0'
WHERE (id = ".$id.");";
echo $sql;
$res = mysql_query($sql, $db) or die("データ更新エラー");
//INSERT
$sql = "
INSERT INTO `DB_name`.`Table_name` (`Column1`,`Column2`)
VALUES ('".$val1."','".$val2."')
;";
$res = @mysql_query($sql, $db) or die("error");
//UPDATE
$sql = "
UPDATE `DB_name`.`Table_name` SET
`Column1` = '".$val1."' ,
`Column2` = '".$val2."'
;";
$res = mysql_query($sql, $db);
//SELECT(LEFT JOIN)
$sql = "
SELECT * FROM `Table_name1`
LEFT JOIN `Table_name2` ON `Table_name1`.`Column` = `Table_name2`.`Column`
LEFT JOIN `Table_name3` ON `Table_name1`.`Column` = `Table_name3`.`Column`
";
$res = @mysql_query($sql, $db) or die("error");
while ($row = mysql_fetch_array($res, MYSQL_ASSOC)) {
}
PHP 自分自身のURLとか取得
自分自身のURLとか取得 いろいろ
$_SERVER['REQUEST_URI'];
$_SERVER['SCRIPT_NAME'];
$_SERVER['SERVER_PROTOCOL'];
$_SERVER['SERVER_NAME'];
$_SERVER['PHP_SELF'];
//$_SERVER変数全部取得
foreach($_SERVER as $key => $val){
echo $key;
echo "===============";
echo $val;
echo "
";
}
//実行中のPHPファイルの絶対パス取得
$CURR_DIR = rtrim(dirname($_SERVER['PHP_SELF']), "/\\") . '/';
echo $ROOT_DIR = $_SERVER["DOCUMENT_ROOT"] . $CURR_DIR;
//実行中のPHPファイルの絶対パス取得
$CURR_DIR = rtrim(dirname($_SERVER['PHP_SELF']), "/\\") . '/';
$ROOT_DIR = $_SERVER["DOCUMENT_ROOT"] . $CURR_DIR;
$ROOT_URL = "http://".$_SERVER["HTTP_HOST"] . $CURR_DIR;
include($ROOT_DIR."./config.php");
include($ROOT_DIR."./../global_config.php");
//ディレクトリパス
dirname(__FILE__);
//スクリプト名
basename(__FILE__);
//指定した拡張子を取り除いたスクリプト名
basename(__FILE__, '.php');
$_SERVER['REQUEST_URI'];
$_SERVER['SCRIPT_NAME'];
$_SERVER['SERVER_PROTOCOL'];
$_SERVER['SERVER_NAME'];
$_SERVER['PHP_SELF'];
//$_SERVER変数全部取得
foreach($_SERVER as $key => $val){
echo $key;
echo "===============";
echo $val;
echo "
";
}
//実行中のPHPファイルの絶対パス取得
$CURR_DIR = rtrim(dirname($_SERVER['PHP_SELF']), "/\\") . '/';
echo $ROOT_DIR = $_SERVER["DOCUMENT_ROOT"] . $CURR_DIR;
//実行中のPHPファイルの絶対パス取得
$CURR_DIR = rtrim(dirname($_SERVER['PHP_SELF']), "/\\") . '/';
$ROOT_DIR = $_SERVER["DOCUMENT_ROOT"] . $CURR_DIR;
$ROOT_URL = "http://".$_SERVER["HTTP_HOST"] . $CURR_DIR;
include($ROOT_DIR."./config.php");
include($ROOT_DIR."./../global_config.php");
//ディレクトリパス
dirname(__FILE__);
//スクリプト名
basename(__FILE__);
//指定した拡張子を取り除いたスクリプト名
basename(__FILE__, '.php');
PHP 文字変換
特殊文字を HTML エンティティに変換する
string htmlspecialchars ($asdf)
URLで日本語を送る戻す
urlencode($asdf)
urldecode($asdf)
// BBSの表示
$html = str_replace( '%%asdf%%' ,$qwer, $html );
GoogleやYahooの画像検索や地図検索に日本語を送る
$asdf = mb_convert_encoding($asdf, "Shift_JIS", "EUC-JP");
$asdf = urlencode($asdf);
文字を指定の長さだけ表示する
".mb_strimwidth(str_replace(" ", "",str_replace(" ", "", strip_tags($row["comm1"]))),0,70,"…",'euc')."
".mb_strimwidth($asdf,0,70,"…",'euc')."
string htmlspecialchars ($asdf)
URLで日本語を送る戻す
urlencode($asdf)
urldecode($asdf)
// BBSの表示
$html = str_replace( '%%asdf%%' ,$qwer, $html );
GoogleやYahooの画像検索や地図検索に日本語を送る
$asdf = mb_convert_encoding($asdf, "Shift_JIS", "EUC-JP");
$asdf = urlencode($asdf);
文字を指定の長さだけ表示する
".mb_strimwidth(str_replace(" ", "",str_replace(" ", "", strip_tags($row["comm1"]))),0,70,"…",'euc')."
".mb_strimwidth($asdf,0,70,"…",'euc')."
PHP 画像のアップロード
キャッシュが表示されてしまう場合ダミーURL返す
echo "<img src=\"$picture_file_path?". rand(). "\">";
入力するフォーム
<form method="POST" action="2.php" name="form1" enctype="multipart/form-data">
<input type="hidden" name="id" value="">
<input type="file" name="data1" size="30">
<input type="submit" value="送信する">
</form>
//********************************************
// POSTメソッドで送信された情報を取得
//********************************************
if (count($_POST) > 0) {
$img1 = $_POST["data1"];
$img1_n = $_FILES["data1"]["name"];
$img1_t = $_FILES["data1"]["type"];
$img1_s = $_FILES["data1"]["size"];
$img1_tn = $_FILES["data1"]["tmp_name"];
$comp_id = $_POST["comp_id"];
$shop_id = $_POST["shop_id"];
}
//********************************************
// 関数の作成
//********************************************
// ファイルの拡張子を取得します。
function GetExt($FilePath){
$f=strrev($FilePath);
$ext=substr($f,0,strpos($f,"."));
return strrev($ext);
}
//********************************************
// アップロード
//********************************************
$di1 = "../new_niteruko/data/".$shop_id."/";
mkdir($di1, 0777);
//$img_FilePath = $di1."/"."$comp_id".".".GetExt($img1_n);
$img_FilePath = $di1.$comp_id.".jpg";
echo $img_FilePath;
move_uploaded_file($img1_tn,$img_FilePath);
header('Location: cp_update2.php?comp_id='.$comp_id.'');
★PHP 画像のサイズを変更してからアップロード
//********************************************
// JPEG画像を読み込む
$im_inp = ImageCreateFromJPEG($img7_tn);
$ix = ImageSX($im_inp); // 読み込んだ画像の横サイズを取得
$iy = ImageSY($im_inp); // 読み込んだ画像の縦サイズを取得
$ox = 95; // サイズ変更後の横サイズ
$oy = ($ox * $iy) / $ix; // サイズ変更後の縦サイズ
// サイズ変更後の画像データを生成
$im_out = ImageCreateTrueColor($ox, $oy);
ImageCopyResized($im_out, $im_inp, 0, 0, 0, 0, $ox, $oy, $ix, $iy);
// アップロード
$img_FilePath = "../data/".$id."/"."7".".jpg";
ImageJPEG($im_out, $img_FilePath);
//********************************************
参考:http://tsuttayo.sytes.net/php/gd/
キャッシュが表示されてしまう場合ダミーURL返す
echo "<img src=\"$picture_file_path?". rand(). "\">";
入力するフォーム
<form method="POST" action="2.php" name="form1" enctype="multipart/form-data">
<input type="hidden" name="id" value="">
<input type="file" name="data1" size="30">
<input type="submit" value="送信する">
</form>
//********************************************
// POSTメソッドで送信された情報を取得
//********************************************
if (count($_POST) > 0) {
$img1 = $_POST["data1"];
$img1_n = $_FILES["data1"]["name"];
$img1_t = $_FILES["data1"]["type"];
$img1_s = $_FILES["data1"]["size"];
$img1_tn = $_FILES["data1"]["tmp_name"];
$comp_id = $_POST["comp_id"];
$shop_id = $_POST["shop_id"];
// JPEG画像を読み込む
$im_inp = ImageCreateFromJPEG($_FILES["data1"]["tmp_name"]);
$ix = ImageSX($im_inp); // 読み込んだ画像の横サイズを取得
$iy = ImageSY($im_inp); // 読み込んだ画像の縦サイズを取得
$ox = 95; // サイズ変更後の横サイズ
$oy = ($ox * $iy) / $ix; // サイズ変更後の縦サイズ
// サイズ変更後の画像データを生成
$im_out = ImageCreateTrueColor($ox, $oy);
ImageCopyResized($im_out, $im_inp, 0, 0, 0, 0, $ox, $oy, $ix, $iy);
// 画像の表示
// header("Content-type: image/jpeg");
// header("Cache-control: no-cache");
// ImageJPEG($im_out);
}
//********************************************
// 関数の作成
//********************************************
// ファイルの拡張子を取得します。
function GetExt($FilePath){
$f=strrev($FilePath);
$ext=substr($f,0,strpos($f,"."));
return strrev($ext);
}
//********************************************
// アップロード
//********************************************
$di1 = "../new_niteruko/data/".$shop_id."/";
mkdir($di1, 0777);
//$img_FilePath = $di1."/"."$comp_id".".".GetExt($img1_n);
$img_FilePath = $di1.$comp_id.".jpg";
//echo $img_FilePath;
//move_uploaded_file($img1_tn,$img_FilePath);
ImageJPEG($im_out, $img_FilePath);
header('Location: cp_update2.php?comp_id='.$comp_id.'');
echo "<img src=\"$picture_file_path?". rand(). "\">";
入力するフォーム
<form method="POST" action="2.php" name="form1" enctype="multipart/form-data">
<input type="hidden" name="id" value="">
<input type="file" name="data1" size="30">
<input type="submit" value="送信する">
</form>
//********************************************
// POSTメソッドで送信された情報を取得
//********************************************
if (count($_POST) > 0) {
$img1 = $_POST["data1"];
$img1_n = $_FILES["data1"]["name"];
$img1_t = $_FILES["data1"]["type"];
$img1_s = $_FILES["data1"]["size"];
$img1_tn = $_FILES["data1"]["tmp_name"];
$comp_id = $_POST["comp_id"];
$shop_id = $_POST["shop_id"];
}
//********************************************
// 関数の作成
//********************************************
// ファイルの拡張子を取得します。
function GetExt($FilePath){
$f=strrev($FilePath);
$ext=substr($f,0,strpos($f,"."));
return strrev($ext);
}
//********************************************
// アップロード
//********************************************
$di1 = "../new_niteruko/data/".$shop_id."/";
mkdir($di1, 0777);
//$img_FilePath = $di1."/"."$comp_id".".".GetExt($img1_n);
$img_FilePath = $di1.$comp_id.".jpg";
echo $img_FilePath;
move_uploaded_file($img1_tn,$img_FilePath);
header('Location: cp_update2.php?comp_id='.$comp_id.'');
★PHP 画像のサイズを変更してからアップロード
//********************************************
// JPEG画像を読み込む
$im_inp = ImageCreateFromJPEG($img7_tn);
$ix = ImageSX($im_inp); // 読み込んだ画像の横サイズを取得
$iy = ImageSY($im_inp); // 読み込んだ画像の縦サイズを取得
$ox = 95; // サイズ変更後の横サイズ
$oy = ($ox * $iy) / $ix; // サイズ変更後の縦サイズ
// サイズ変更後の画像データを生成
$im_out = ImageCreateTrueColor($ox, $oy);
ImageCopyResized($im_out, $im_inp, 0, 0, 0, 0, $ox, $oy, $ix, $iy);
// アップロード
$img_FilePath = "../data/".$id."/"."7".".jpg";
ImageJPEG($im_out, $img_FilePath);
//********************************************
参考:http://tsuttayo.sytes.net/php/gd/
キャッシュが表示されてしまう場合ダミーURL返す
echo "<img src=\"$picture_file_path?". rand(). "\">";
入力するフォーム
<form method="POST" action="2.php" name="form1" enctype="multipart/form-data">
<input type="hidden" name="id" value="">
<input type="file" name="data1" size="30">
<input type="submit" value="送信する">
</form>
//********************************************
// POSTメソッドで送信された情報を取得
//********************************************
if (count($_POST) > 0) {
$img1 = $_POST["data1"];
$img1_n = $_FILES["data1"]["name"];
$img1_t = $_FILES["data1"]["type"];
$img1_s = $_FILES["data1"]["size"];
$img1_tn = $_FILES["data1"]["tmp_name"];
$comp_id = $_POST["comp_id"];
$shop_id = $_POST["shop_id"];
// JPEG画像を読み込む
$im_inp = ImageCreateFromJPEG($_FILES["data1"]["tmp_name"]);
$ix = ImageSX($im_inp); // 読み込んだ画像の横サイズを取得
$iy = ImageSY($im_inp); // 読み込んだ画像の縦サイズを取得
$ox = 95; // サイズ変更後の横サイズ
$oy = ($ox * $iy) / $ix; // サイズ変更後の縦サイズ
// サイズ変更後の画像データを生成
$im_out = ImageCreateTrueColor($ox, $oy);
ImageCopyResized($im_out, $im_inp, 0, 0, 0, 0, $ox, $oy, $ix, $iy);
// 画像の表示
// header("Content-type: image/jpeg");
// header("Cache-control: no-cache");
// ImageJPEG($im_out);
}
//********************************************
// 関数の作成
//********************************************
// ファイルの拡張子を取得します。
function GetExt($FilePath){
$f=strrev($FilePath);
$ext=substr($f,0,strpos($f,"."));
return strrev($ext);
}
//********************************************
// アップロード
//********************************************
$di1 = "../new_niteruko/data/".$shop_id."/";
mkdir($di1, 0777);
//$img_FilePath = $di1."/"."$comp_id".".".GetExt($img1_n);
$img_FilePath = $di1.$comp_id.".jpg";
//echo $img_FilePath;
//move_uploaded_file($img1_tn,$img_FilePath);
ImageJPEG($im_out, $img_FilePath);
header('Location: cp_update2.php?comp_id='.$comp_id.'');
HTML FORM input
<form method="POST" action="cgi-bin/formmail.cgi">
テキスト:
<input type="text" name="name">
パスワード:
<input type="password" name="pass">
ラジオボタン:
<input type="radio" name="example" value="サンプル">サンプル
チェックボックス:
<input type="checkbox" name="example" value="サンプル">サンプル
ファイル:
<input type="file" name="upfile" size="30">
隠し:
<input type="hidden" name="example" value="隠しデータ">
テキストエリア:
<textarea name="message" cols="50" rows="5" wrap="soft"></textarea>
セレクトボックス:
<select name="example">
<option value="サンプル">ここの文字が表示される</option>
</select>
<input type="submit" value="送信する">
<input type="reset" value="リセット">
</form>
テキスト:
<input type="text" name="name">
パスワード:
<input type="password" name="pass">
ラジオボタン:
<input type="radio" name="example" value="サンプル">サンプル
チェックボックス:
<input type="checkbox" name="example" value="サンプル">サンプル
ファイル:
<input type="file" name="upfile" size="30">
隠し:
<input type="hidden" name="example" value="隠しデータ">
テキストエリア:
<textarea name="message" cols="50" rows="5" wrap="soft"></textarea>
セレクトボックス:
<select name="example">
<option value="サンプル">ここの文字が表示される</option>
</select>
<input type="submit" value="送信する">
<input type="reset" value="リセット">
</form>
CSS 基本
ずれないドキュメントタイプ
外部ファイルにまとめて設定する
<link rel="stylesheet" type="text/css" href="example000.css">
ページ内にまとめて設定する
<style type="text/css">
<!--
ここにスタイルシートの内容
-->
</style>
要素に直接指定する
<div style="color: red;">この文字の色は赤</div>
線引く
border: 1px solid #666;
リンク
a:link,a:visited{text-decoration: none; color:#00f}
a:hover,a:active{text-decoration: none; color:#00f}
a.move:link,a.move:visited,a.move:active{color: #00f;text-decoration: none;}
a.move:hover{color: #00f;text-decoration: underline;}
画像リンクのボーダーなくす
a img {border: 0}
ポジション
.po1{position: relative}
.po2{position:absolute;top:15px;left:150px}
フォント
font-family: "MS Pゴシック";
osaka, verdana, arial, sans-serif
MS UI Gothic,MS Pゴシック,MS Pゴシック
sans-serif … ゴシック体系
serif … 明朝体系
cursive … 筆記体系
fantasy … 装飾系
monospace … 等幅系
背景の設定
background-color: #ffffff
簡単なボックスです
<div style="width:300px;height:300px;border: 1px solid #666;">
<div style="width:100px;height:100px;border: 1px solid #666;margin: 10px 0px 10px 10px;float:left">
</div>
<div style="width:100px;height:100px;border: 1px solid #666;margin: 10px 0px 10px 10px;float:left">
</div>
<div style="width:100px;height:100px;border: 1px solid #666;margin: 10px 0px 10px 10px;float:left">
</div>
<div style="width:100px;height:100px;border: 1px solid #666;margin: 10px 0px 10px 10px;float:left">
</div>
</div>
<div style="width:500px;height:300px;border: 1px solid #666;position: relative">
<div style="width:100px;height:100px;border: 1px solid #666;position:absolute;top:15px;left:150px">
</div>
</div>
最初に書いておくとずれないし便利
*{
margin:0;
padding:0;
border:0;
text-decoration:none;
line-height:1;
font-size:100%;
font-style:normal;
font-weight:normal;
}
外部ファイルにまとめて設定する
<link rel="stylesheet" type="text/css" href="example000.css">
ページ内にまとめて設定する
<style type="text/css">
<!--
ここにスタイルシートの内容
-->
</style>
要素に直接指定する
<div style="color: red;">この文字の色は赤</div>
線引く
border: 1px solid #666;
リンク
a:link,a:visited{text-decoration: none; color:#00f}
a:hover,a:active{text-decoration: none; color:#00f}
a.move:link,a.move:visited,a.move:active{color: #00f;text-decoration: none;}
a.move:hover{color: #00f;text-decoration: underline;}
画像リンクのボーダーなくす
a img {border: 0}
ポジション
.po1{position: relative}
.po2{position:absolute;top:15px;left:150px}
フォント
font-family: "MS Pゴシック";
osaka, verdana, arial, sans-serif
MS UI Gothic,MS Pゴシック,MS Pゴシック
sans-serif … ゴシック体系
serif … 明朝体系
cursive … 筆記体系
fantasy … 装飾系
monospace … 等幅系
背景の設定
background-color: #ffffff
簡単なボックスです
<div style="width:300px;height:300px;border: 1px solid #666;">
<div style="width:100px;height:100px;border: 1px solid #666;margin: 10px 0px 10px 10px;float:left">
</div>
<div style="width:100px;height:100px;border: 1px solid #666;margin: 10px 0px 10px 10px;float:left">
</div>
<div style="width:100px;height:100px;border: 1px solid #666;margin: 10px 0px 10px 10px;float:left">
</div>
<div style="width:100px;height:100px;border: 1px solid #666;margin: 10px 0px 10px 10px;float:left">
</div>
</div>
<div style="width:500px;height:300px;border: 1px solid #666;position: relative">
<div style="width:100px;height:100px;border: 1px solid #666;position:absolute;top:15px;left:150px">
</div>
</div>
最初に書いておくとずれないし便利
*{
margin:0;
padding:0;
border:0;
text-decoration:none;
line-height:1;
font-size:100%;
font-style:normal;
font-weight:normal;
}
PHP FORM selectedさせる 入力規制(身長など)
//セレクトボックス(身長)
for ($i = 145; $i < 186; $i++) {
if($row['new_comp_cp_t'] == $i){
$text_replace3[$i] = 'selected';
}else{
$text_replace3[$i] = '';
}
$html = str_replace( '%%text_replace3_'.$i.'%%' ,$text_replace3[$i], $html );
}
//HTML内部
for ($i = 145; $i < 186; $i++) {
if($row['new_comp_cp_t'] == $i){
$text_replace3[$i] = 'selected';
}else{
$text_replace3[$i] = '';
}
$html = str_replace( '%%text_replace3_'.$i.'%%' ,$text_replace3[$i], $html );
}
//HTML内部