Java – 第 2 頁

以下是《小視窗彈跳》教學～

↑

說明︰

scrollbars=no → 若要有拉軸，請將 scrollbars=no　改為 scrollbars=yes

height=300,width=350, → 彈出視窗的尺寸，height= 高度,width=寬度,。

top=100,left=20 → 彈出的視窗出現在主網頁上的位置﹝就是 x,y 座標﹞

　※ 若要全螢幕展開，

　　請將﹝height=300,width=350,top=100,left=20﹞這一段語法刪掉，

　　並將語法中的 fullscreen=no　改為 fullscreen=yes

　　 scrollbars=no　改為 scrollbars=yes 即可。

　※ 其它皆為網頁工具列的呈現，

　　例如︰我的最愛，上一頁，下一頁 .... 之類的！

　　若要它們出現在彈出的視窗中，

　　只要將 =no　改為 =yes 即可。

　　 toolbar=no,
　　 location=no,
　　 directories=no,
　　 status=no,
　　 menubar=no,
　　 scrollbars=no,
　　 resizable=no,

範例︰

01˙圖檔的彈跳。

02˙網站的彈跳。

03˙自製網頁的彈跳。

將﹝彈出視窗的語法﹞直接貼在部落格的﹝自訂欄位﹞裡就好了～

註:3年後再來再重新用到這個例子 , 突然發現以前卡的點都有能解決了 , 經驗真的很重要 !!
原文連結 ==>http://blog.roodo.com/taikobo0/archives/6171055.html
原文已經寫的相當完整 , 但是我卻花了三天 DEBUG
db_connect.inc.php:

<?php
//資料庫設定
//資料庫位置
$db_server = "localhost";
//資料庫名稱
$db_name = "username";
//資料庫管理者帳號
$db_user = "database";
//資料庫管理者密碼
$db_passwd = "password";
//對資料庫連線
if(!@mysql_connect($db_server, $db_user, $db_passwd))
die("無法對資料庫連線");
//資料庫連線採UTF8
mysql_query("SET NAMES UTF8");
//選擇資料庫
if(!@mysql_select_db($db_name))
die("無法使用資料庫");
?>

index.php:

include("db_connect.inc.php"); //載入資料庫
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.cascade.js"></script>
<script type="text/javascript" src="jquery.cascade.ext.js"></script>
<script type="text/javascript" src="jquery.templating.js"></script>
</head>
<body>
第一項 <select id="myParentSelect">
<option value="">請選擇</option>
<?php
$query = "SELECT area FROM area"; //撈出你要的第一層資料
$result = mysql_query($query);
while ($row = mysql_fetch_assoc($result)) {
echo '<option value="' . $row["area"] . '">' . $row["area"] . '</option>' . "\n";
}
?>
</select>
第二項 <select id="myFirstChildSelect">
<option value="">請選擇</option>
</select>
第三項 <select id="mySecondChildSelect">
<option value="">請選擇</option>
</select>
<script type="text/javascript">
$(function () {
// 第一階層對應第二階層
$('#myFirstChildSelect').cascade('#myParentSelect', {
ajax: {
type: "post",
url: 'action.php',
data: { act: 'first', val: $('#myParentSelect').val() },
dataType: "json"
},
template: function(item) { return "<option value='" + item.Value + "'>" + item.Text + "</option>"; },
match: function(selectedValue) { return this.When == selectedValue; }
});
// 第二階層對應第三階層
$('#mySecondChildSelect').cascade('#myFirstChildSelect', {
ajax: {
type: "post",
url: 'action.php',
data: { act: 'second', val: $('#myFirstChildSelect').val() },
dataType: "json"
},
template: function(item) { return "<option value='" + item.Value + "'>" + item.Text + "</option>"; },
match: function(selectedValue) { return this.When == selectedValue; }
});
});
</script>
</body>
</html>

action.php:

<?php
include("db_index/db_connect.inc.php");
if (!empty($_GET['act'])) {
$action = $_GET['act'];
}
if (!empty($_GET['val'])) {
$parentId = $_GET['val'];
}
$list = array();
switch ($action) {
case 'first':
$query = "SELECT sname FROM school where area='".$parentId."'";

$result = mysql_query($query,$link);
while ($row = mysql_fetch_assoc($result)) {
$arr = array ('When' => $parentId, 'Value' => $row["sname"], 'Text' => $row["sname"]);
$list[] = $arr;
}
echo $row;
break;
case 'second':
default :
$query = "SELECT uname FROM contact where sname = '".$parentId."'";
$result = mysql_query($query,$link);
while ($row = mysql_fetch_assoc($result)) {
$arr = array ('When' => $parentId, 'Value' => $row["uname"], 'Text' => $row["uname"]);
$list[] = $arr;
}
break;
}
echo json_encode($list);
?>

分類: Java

JAVA 語法之小視窗彈跳 [廣告,公告應用]

Jquery 動態選單 json 版

Follow us