ホームページ >バックエンド開発 >PHPチュートリアル >ajax php ファイルのアップロード code_PHP チュートリアル
ajax php教程文件上传代码
<頭>
#コンテナ{
マージン: 自動;
幅: 400px;
ボーダー上部の幅: 0px;
border-right-width: 1px;
ボーダー下幅: 1px;
border-left-width: 1px;
ボーダートップスタイル: ソリッド;
border-right-style: ソリッド;
ボーダーボトムスタイル: ソリッド;
border-left-style: ソリッド;
ボーダートップカラー: #000033;
境界線の右の色: #000033;
ボーダーボトムカラー: #000033;
境界線の左の色: #000033;
背景色: #ffffff;
}
#container #header #header_left {
フロート: 左;
背景画像: url(images/header_left.gif);
背景繰り返し: 繰り返しなし;
高さ: 42px;
幅: 45px;
}
#container #header #header_right {
背景画像: url(images/header_right.gif);
背景繰り返し: 繰り返しなし;
高さ: 42px;
幅: 6px;
フロート: 右;
}
ボディ{
パディングトップ: 30px;
背景色: #cccccc;
}
#コンテナ #コンテンツ {
パディング: 5px;
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
フォントの太さ: 通常;
色: #666666;
}
#コンテナ #フッター {
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
色: #999999;
テキスト整列: 右;
ボーダー上部の幅: 1px;
border-right-width: 1px;
ボーダー下幅: 1px;
border-left-width: 1px;
ボーダートップスタイル: ソリッド;
ボーダートップカラー: #999999;
境界線の右の色: #000033;
ボーダーボトムカラー: #000033;
境界線の左の色: #000033;
パディングトップ: 5px;
パディング右: 10px;
パディングボトム: 5px;
パディング左: 5px;
}
#container #footer {
色: #999999;
テキスト装飾: なし;
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 10px;
}
#container #header #header_main {
フロート: 左;
パディング: 5px;
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
フォントの太さ: 太字;
色: #ffffff;
マージントップ: 5px;
マージン右: 0px;
margin-bottom: 0px;
マージン左: 0px;
}
.sbtn {
背景画像: url(images/button.gif);
ボーダー: 1px ソリッド #000033;
高さ: 22px;
幅: 82px;
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
色: #ffffff;
フォントの太さ: 太字;
背景の位置: 中央;
パディング: 0px;
マージントップ: 20px;
マージン右: 20px;
margin-bottom: 0px;
マージン左: 20px;
}
ボタン{
フォントファミリー: ジュネーブ、アリアル、ヘルベチカ、サンセリフ;
フォントサイズ: 12px;
フォントの太さ: 太字;
色: #ffffff;
高さ: 22px;
幅: 82px;
背景画像: url(images/button.gif);
}
#container #content #form1 凡例 {
パディング: 5px;
マージン: 自動;
}
フォーム{
マージン: 10px 5px 0px 5px;
}
#コンテナ #ヘッダー {
パディング: 0px;
マージントップ: 0px;
マージン右: 0px;
margin-bottom: 0px;
マージン左: 0px;
背景画像: url(images/header_bg.gif);
背景-リピート: リピート-x;
高さ: 42px;
}
ラベル{
パディング: 0px;
text-align: 中央;
}
.msg {
text-align:left;
色:#666;
背景繰り返し: 繰り返しなし;
margin-left:30px;
margin-right:30px;
パディング:5px;
パディング左:30px;
}
.emsg {
text-align:left;
margin-left:30px;
margin-right:30px;
色:#666;
背景繰り返し: 繰り返しなし;
パディング:5px;
パディング左:30px;
}
#ローダー{
可視性:非表示;
}
#f1_upload_form{
height:100px;
}
#f1_error{
font-family: geneva, arial, helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#ff0000;
}
#f1_ok{
font-family: geneva, arial, helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#00ff00;
}
#f1_upload_form {
font-family: geneva, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
}
#f1_upload_process{
z-index:100;
visibility:hidden;
position:absolute;
text-align:center;
width:400px;
}