引用js時如果有使用路徑如js
<SCRIPT language=JavaScript src="./js/a.js"></SCRIPT>
於js內使用到的呼叫程式
是以呼叫的程式來計算階層
Js Link Path設定
Firefox 使用document.getElementById
注意label只能用innerHTML值
並沒有value的屬性
所以無法使用document.getElementById("id").value
如果要寫入值傳遞，還是使用hidden方式傳value比較單純
也是可以使用以下function取得物件function findObj(objname)
{
var obj = null;
if (typeof(document.getElementById) != "undefined")
obj = document.getElementById(objname);
else if (typeof(document.all) != "undefined")
obj = document.all[objname];
return(obj);
}
highlight網頁反白灰掉
Q.ASP網頁製作問題
http://tw.knowledge.yahoo.com/question/question?qid=1510042501681
我想請教一下有一些ASP的網站點選裡面的連結時他的分頁是在該頁面中彈出一個小視窗出來(如下圖)
請問這種叫甚麼?
另外這種該怎麼做0.0?
麻煩請擅長網頁製作的人替我解答^^
A.GH教學
這功能最近很多網站都有，網頁反白灰掉
這部份只是同一網頁畫面的顯示變化
並沒有跳脫原視窗
方式是將背後的Layer透明度設定
並讓使用者不能操控而已
此部份使用到div
以及Javascript就可以
網頁解釋請參考
HTML&Javascript
只要在body後建立一個div id=DivAll 範圍為width:100%;height:100%;
DivAllDisable為切換的Javascript Function
filter:alpha(opacity=90)為不透明度，opacity0～100越大越不透明
<HTML>
<HEAD>
<TITLE> 網頁反白灰掉 </TITLE>
<script >
//切換反白功能
function DivAllDisable(f){
document.getElementById('DivAll').style.display = f? '':'none';
var allSelects=document.getElementsByTagName("select");
for(var i=0;i<allSelects.length;i++)
{
allSelects[i].disabled=f;
}
}
</script>
</HEAD>
<BODY>
<div id="DivAll" style="display:none;float:left;z-index:100;position:absolute;top:expression(this.offsetParent.scrollTop);left:expression(this.offsetParent.scrollLeft);width:100%;height:100%;filter:alpha(opacity=90);background-color:#888888;" oncontextmenu="return false;">
<div style="z-index:101;position:absolute;top:200px;left:200px;width:200px;height:200px;background-color:#FFFFFF;"><input type=button value="取消頁面反白灰掉" onclick="DivAllDisable(false);" /></div>
</div>
<input type=button value="啟動頁面反白灰掉" onclick="DivAllDisable(true);">
</BODY>
</HTML>
Substring Mid
截字串不同語法但大同小異
注意位置起始有的從1有些則0開始算
ASP語法
mid(str,start,length)
start從1開始算
C#、Javascript 語法
str.substring(start,length)
str.substring(start)
start從0開始算
沒有length參數則表示到最後
網頁把所有的英文字母都變成大寫或小寫
Q.網頁把所有的英文字母都變成大寫
http://tw.knowledge.yahoo.com/question/question?qid=1009121508646
(1)在文字方塊上輸入一英文字串.
(2)按button
(3)在另一個文字方塊,把所有的英文字母都變成大寫
要怎麼讓一個html 有上面的功能阿
麻煩提供一下程式碼吧 謝謝啦
A.簡單的Javascript toUpperCase（）就可以做到
可以是textbox 或 textarea
只要改html input text就可以
相反地如果要改成小寫也可以使用toLowerCase（）就可<HTML>
<HEAD>
<TITLE>轉大寫</TITLE>
<SCRIPT language="JavaScript">
<!--///
function ChangeFormat()
{
document.all.sDestination.value=document.all.sSource.value.toUpperCase()
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<TEXTAREA NAME="sSource" ROWS="5" COLS="80"></TEXTAREA>
<TEXTAREA NAME="sDestination" ROWS="5" COLS="80"></TEXTAREA><INPUT TYPE="button" value='轉大寫' onclick='ChangeFormat()'>
</BODY>
</HTML>
進階版
提供可以變大寫也可以變小寫<HTML>
<HEAD>
<TITLE>轉大小寫</TITLE>
<SCRIPT language="JavaScript">
<!--///
function ChangeFormat(sType)
{
switch (sType)
{
case "Upper":
document.all.sDestination.value=document.all.sSource.value.toUpperCase();
break;
case "Lower":
document.all.sDestination.value=document.all.sSource.value.toLowerCase();
break;
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<TEXTAREA NAME="sSource" ROWS="5" COLS="40"></TEXTAREA>
<TEXTAREA NAME="sDestination" ROWS="5" COLS="40"></TEXTAREA><INPUT TYPE="button" value='轉大寫' onclick="ChangeFormat('Upper')"><INPUT TYPE="button" value='轉小寫' onclick="ChangeFormat('Lower')">
</BODY>
</HTML>
Javascript Calculator2
Q.請大大幫我寫一個JavaScrip合計計算的題目.20點
http://tw.knowledge.yahoo.com/question/question?qid=1009120908016
想要做一個..讓人填寫訂單的表,然後可以自動計算.
例...數量 單價...自動計算金額.
1. 1Q 1V 1T
2. 2Q 2V 2T
3. 3Q 3V 3T
A.增加一個數量拉選單
並增加計算*數量就OK
<HTML><HEAD><TITLE>合計</TITLE></HEAD><BODY>
<SCRIPT language="JavaScript"><!--
function goukei(xx)
{
a = 0;
for(n = 0; n < xx.length; ++n)
{
if(!isNaN(parseInt(xx[n].value)) && !isNaN(document.fk.qty[n].value))
a = a + parseInt(xx[n].value*parseInt(document.fk.qty[n].value));
}
return a;
}
//--></SCRIPT><H3>合計</H3><FORM name="fk">資料<BR>1.<INPUT size="20" type="text" name="dat"><SELECT NAME="qty">
<OPTION VALUE="1" SELECTED>1
<OPTION VALUE="2">2
<OPTION VALUE="3">3
</SELECT><BR>2.<INPUT size="20" type="text" name="dat"><SELECT NAME="qty">
<OPTION VALUE="1" SELECTED>1
<OPTION VALUE="2">2
<OPTION VALUE="3">3
</SELECT><BR>3.<INPUT size="20" type="text" name="dat"><SELECT NAME="qty">
<OPTION VALUE="1" SELECTED>1
<OPTION VALUE="2">2
<OPTION VALUE="3">3
</SELECT><BR>4.<INPUT size="20" type="text" name="dat"><SELECT NAME="qty">
<OPTION VALUE="1" SELECTED>1
<OPTION VALUE="2">2
<OPTION VALUE="3">3
</SELECT><BR>5.<INPUT size="20" type="text" name="dat"><SELECT NAME="qty">
<OPTION VALUE="1" SELECTED>1
<OPTION VALUE="2">2
<OPTION VALUE="3">3
</SELECT><BR>合計 = <INPUT size="20" type="text" name="sum"><INPUT type="button" value="開始計算" onclick="document.fk.sum.value=goukei(document.fk.dat);"></FORM></BODY></HTML>
下拉式選單後面文字方塊會顯示Javascript DropdownList Layer
Q請問Dreamweaver高手幫幫忙
http://tw.knowledge.yahoo.com/question/question?qid=1509112305926
最近要做一個網頁
我想做一個下拉式選單
例如 下拉選單有123的選項
我如果選1後面文字方塊會顯示電腦 喇叭
選2會顯示手機 耳機
選3會顯示滑鼠 鍵盤
請問程式碼如何寫....麻煩高手解答@@
如果可以的話 後面顯示的文字 是要可以超連結的
麻煩了 感謝~
A簡單使用Javascript就可以達到
此部份改寫Yahoo不換頁切換內容
http://asp.godhelp.com.tw/2009/11/layer-show-hide.html
語法參考
<SCRIPT language=JavaScript>
<!-- //
function ChangeItem()
{
var sLayer='';
for(var i=0;i<document.all.sItem.length;i++)
{
if (document.all.sItem[i].selected==true)
{
sLayer=document.all.sItem[i].value;
break;
}
}
ContentShow(sLayer);
}
//Show Layer
function ContentShow(sLayer)
{
ContentClose();
eval("document.all.Content"+sLayer+".style.display='block'");
}
//Close All
function ContentClose()
{
document.all.Content1.style.display='none';
document.all.Content2.style.display='none';
document.all.Content3.style.display='none';
}
// -->
</script>
<TABLE border="1">
<TR>
<TD>
<SELECT NAME="sItem" onchange="ChangeItem()">
<OPTION VALUE="1" SELECTED>1
<OPTION VALUE="2">2
<OPTION VALUE="3">3
</SELECT>
</TD>
<TD>
<Div id='Content1' style='display:block;'>
<A HREF="">電腦 喇叭
</A></Div>
<Div id='Content2' style='display:none;'>
<A HREF="">手機 耳機
</A></Div>
<Div id='Content3' style='display:none;'>
<A HREF="">滑鼠 鍵盤
</A></Div>
</TD>
</TR>
</TABLE>
Javascript Calculator
Q.ASP自動結算
http://tw.knowledge.yahoo.com/question/question?qid=1009111905313
程式如上，我要怎樣改，才能讓選完數量之後，小計直接變更，不用按計算金額！
A.如果不要送出Submit的狀況，改變數量就計算的話
當然就需要使用Javascript來做囉
1.先寫個Javascript function cal()
2.在拉選單及checkbox上加上事件function cal
onchange上加
程式碼參考<html>
<head>
<title>商品選擇</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<script language="JavaScript" type="text/JavaScript">
<!-- ///
function cal()
{
var iResult=0;
var chi1=parseInt(document.all.chi1.value);
for (var i=0;i<document.all.pro.length ;i++ )
{
if (document.all.pro[i].selected==true)
{
document.all.txtEng.value=document.all.pro[i].value
}
}
var txtEng=parseInt(document.all.txtEng.value);
iResult=chi1*txtEng;
if(document.all.txtmth.checked==true)
{
var txtmth=parseInt(document.all.txtmth.value);
iResult=iResult+txtmth;
}
document.all.txtAve.value=iResult;
}
//-->
</script>
</head>
<body>
<%
chi1=CLng(Request("Chi1"))
eng=CLng(Request("txtEng"))
mth=CLng(Request("txtMth"))
ave=(chi1*eng+mth)
%>
<p>金額小計</p>
<form method="POST" action="cal.asp">
<p>商品名稱：<select size="1" name="pro" onchange="cal()">
<option value="10" selected>餅乾</option>
<option value="20">糖果</option>
<option value="30">汽水</option>
</select></p>
<p>數量：
<select size="1" name="chi1" onchange="cal()">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></p>
<p>單價：<input type="text" name="txtEng" value="<%=eng%>" size="20"></p>
<p>備註：<input type="checkbox" name="txtmth" value="1000" checked onclick="cal()">第一次送貨1000元</p>
<p>小計：<input type="text" readonly name="txtAve" value="<%=ave%>" size="20"></p>
<input type="submit" valus="計算" value="計算金額">
<input type="reset" valus="清除" value="清除">
</body>
</html>
請問yahoo首頁上的不換頁技術是如何設計的Javascript Layer Show Hide
Q.請問yahoo首頁上的不換頁技術是如何設計的
http://tw.knowledge.yahoo.com/question/question?qid=1009111601782
您好在yahoo的首頁上，看到很多不換頁的技術就是類似以下
焦點新聞 運動 娛樂 新奇 話題
只要把滑鼠移上去，就能看到當頁的頁面也不需要點擊
也不需要換頁請問這是怎麼用的呢可否提供程式碼，
或是有相關的網頁參考呢？謝謝
A.方法一是使用Javascript切換 Layer的方式
事實上畫面HTML早就已經載入
等到你按了，再顯示畫面，並隱藏其他不要的
<SCRIPT language=JavaScript>
<!-- //
//Show Layer
function ContentShow(sLayer)
{
ContentClose();
eval("document.all.Content"+sLayer+".style.display='block'");
}
//Close All
function ContentClose()
{
document.all.Content1.style.display='none';
document.all.Content2.style.display='none';
document.all.Content3.style.display='none';
document.all.Content4.style.display='none';
document.all.Content5.style.display='none';
}
// -->
</script>
<TABLE border="1">
<TR>
<TD onmouseover="ContentShow(1)">焦點新聞 </TD>
<TD onmouseover="ContentShow(2)">運動</TD>
<TD onmouseover="ContentShow(3)">娛樂</TD>
<TD onmouseover="ContentShow(4)">新奇</TD>
<TD onmouseover="ContentShow(5)">話題</TD>
</TR>
<TR>
<TD colspan=5>
<Div id='Content1' style='display:block;'>
焦點新聞焦點新聞焦點新聞焦點新聞
</Div>
<Div id='Content2' style='display:none;'>
運動運動運動運動運動
</Div>
<Div id='Content3' style='display:none;'>
娛樂娛樂娛樂娛樂
</Div>
<Div id='Content4' style='display:none;'>
新奇新奇新奇新奇新奇
</Div>
<Div id='Content5' style='display:none;'>
話題話題話題
</Div>
</TD>
</TR>
</TABLE>
A.方法二使用iframe方式
使用iframe方式，等到使用者選擇時再改變src把網頁LOAD進來
其中1.htm 2.htm可以自行編要的內容網頁<SCRIPT language=JavaScript>
<!-- //
function ContentShow(sLayer)
{
eval("document.all.ContentFrame.src='"+sLayer+"'");
}
// -->
</script>
<TABLE border="1">
<TR>
<TD onmouseover="ContentShow('1.htm')">焦點新聞 </TD>
<TD onmouseover="ContentShow('2.htm')">運動</TD>
<TD onmouseover="ContentShow('3.htm')">娛樂</TD>
<TD onmouseover="ContentShow('4.htm')">新奇</TD>
<TD onmouseover="ContentShow('5.htm')">話題</TD>
</TR>
<TR>
<TD colspan=5>
<iframe name="ContentFrame" src="1.htm" frameborder="0" height="300" width="100%" scrolling="no" ></iframe>
</TD>
</TR>
</TABLE>
A.方法三使用Ajax方式點了之後才去LOAD需要的資料
待補充..
form submit hidden
Q.急!如何在javascrip改表單裡面的隱藏欄位值,然後送出
http://tw.knowledge.yahoo.com/question/question?qid=1609111404361
我想請教一下~ 有個表單~我想要讓它按某個按鈕時會把表單裡的某個隱藏欄位改變~然後送出
每個欄位按紐改變的隱藏欄位值不一樣... 例如: A.php → B.php (A網頁送出後傳給B網頁)
A.php中的表單(myForm)：有2個送出按鈕(第一個改action=1、action=2)、1個隱藏欄位(action)! B接收(action)的值~然後echo出來 但不知道javascript要怎麼寫... 可以麻煩會的人~幫忙一下嗎~~ 或者有什麼更好的方法...拜託了~"~ 不用打很多...只要給我個參考~我在自己修改也行..謝謝
不好意思..讓你搞混了! 我只是把隱藏欄位的名字叫做"action"
a.php ＜form name="form1" method="post" action="b.php"＞
＜input name="action" type="hidden" value="0"＞
＜input type="submit" name="Submit1" value="按紐1~顯示1"＞
＜input type="submit" name="Submit2" value="按紐2~顯示2"＞
＜/form＞ 2009-11-14 19:49:29 補充 b.php
＜? echo $_POST["action"];?＞
再按按鈕1的時候~用javascript改變隱藏欄位的值~到b網頁的時候會顯示1 ~再按按鈕2的時候~用javascript改變隱藏欄位的值~到b網頁的時候會顯示
A.
由於你用submit value去傳送值
這個等於沒有用<input name="action" type="hidden" value="0">
我建議用hidden接值，且改名稱為actionValue比較好
<script type="text/javascript">
function SendButton(sVal)
{
form1.actionValue.value=sVal;
//alert(form1.actionValue.value);
}
</script>
</HEAD>
<BODY>
<form name="form1" method="post" action="b.php">
<input name="actionValue" type="hidden" value="0">
<input type="submit" name="Submit1" value="按紐1~顯示1" onclick="SendButton('1')">
<input type="submit" name="Submit2" value="按紐2~顯示2" onclick="SendButton('2')">
</form>
MediaPlayer 播放 dreamweaver放入影片問題
Q.dreamweaver放入影片問題(急)
我目前參加多媒體設計基礎的課程,因為最近就要結訓了,所以必須做dreamweaver的專題.我目前所設計的網頁中,其中有一頁是將我自己所拍的多筆影片放入該軟體中.
我目前使用的方法是以外掛的方式置入,但現在我有一個問題,那就是我目前已把影片放入,但預覽時,會全部一起播.現在我應該如何設定,才能使在觀看該頁中的影片不要一起播放,而是點選該網頁中的影片時才開始播放.
我一定要用yutobe或無名的上傳方式來進行嗎?還是有其他的方法?比如說用程式碼的方式去設定它)
A.回答如下
1.Html播放影片，你可以用WMP Object把影音坎在網頁上
如果不要馬上播放可以設定param name="AutoStart" value="0"
語法如下
<object classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" type="application/x-oleobject" width="640" height="480" standby="Loading Windows Media Player components…" id="GHVideo">
<param name="filename" value="http://www.godhelp.com.tw/File/KM/5.wmv">
<param name="Showcontrols" value="True"><param name="AutoStart" value="0">
<embed src="" width="640" height="480" type="application/x-mplayer2"></embed>
</object>
<INPUT TYPE="button" value="播放" onClick='document.getElementById("GHVideo").Play();'><INPUT TYPE="button" value="暫停" onClick='document.getElementById("GHVideo").Pause();'><INPUT TYPE="button" value="全螢幕"onclick='document.getElementById("GHVideo").DisplaySize=3;'>
如果多個影音檔只要把GHVideo名稱編不同就可以
2.存放問題
如果你有存放空間(網路上)，可以直接指定網址http://xxxxxxx
當然也可以放你DEMO機上(PC)
不一定要放在Youtube
網頁簡單Javascript驗證Validator
1.在Form onSubmit加上判斷程序<form name="form1" method="post" onSubmit="return Validator();">
2.撰寫檢查的Function要對應欄位喔<SCRIPT type=text/javascript>
<!--
function Validator()
{
var temp;
var temp2;
var mystr;
temp="";
//檢查欄位是否輸入
mystr=document.form1.sName.value
if(mystr=="")
{
temp=temp + "\n *姓名"
}
//檢查RadioBox是否有選擇
var sID="";
for (var i=0;i<document.form1.sID.length;i++)
{
if(document.form1.sID[i].checked==true)
{
sID=document.form1.sID[i].value;
break;
}
}
mystr=sID
if(mystr=="")
{
temp=temp + "\n *是否XX"
}
//Email是否有輸入
mystr=document.form1.sEmail.value
if(mystr=="")
{
temp=temp + "\n *E-mail"
}
else
{
//Email格式是否正確
if(isemail(document.form1.sEmail.value)==false)
{
temp=temp + "\n *Eamil格式有誤"
}
}
if(temp!="")
{
temp2="您沒有填妥:\n" + temp + "\n\n請填妥後再送出!!"
window.alert(temp2);
return false;
}
else
{
return true;
}
}
//Email檢查Function
function isemail(str)
{
var i; for(var i=0;i<str.length;i++)
{ if(str.charAt(i)> '~' )
{
alert('中文Email ??');
return false;
}
}
Javascript連SQL資料庫
Q.javascript 是否可連資料庫呢？
如果可以，要如何連呢？
我用的資料褲是sql server 2005
伺服器也架好了！但不知怎連！
A.Javascript可以連資料庫，使用ADODB.Connection
但一般不會使用Javacript連
因為Javacript及HTML圖片都會Load到Client端
也就是你寫的程式碼都會被使用端知道
所以大多使用ASP PHP 等程式
把連線資料庫及相關邏輯運算編譯起來
影音教學說明
語法請參考<script language="JavaScript" type="text/javascript">
var Conn = new ActiveXObject("ADODB.Connection");
var ConnString = "Driver={SQL Server};Server=127.0.0.1;Database=DB;UID=account;PWD=password";
Conn.Open(ConnString);
var RS = Conn.Execute("select * from AdContent ");
var iFieldsCount = RS.Fields.Count - 1;
if (!RS.EOF){
document.write("<table border=\"1\" style=\"border-collapse:collapse\"><tr>");
for (var i=0; i <= iFieldsCount; i++)
document.write("<td><strong>" + RS.Fields(i).Name + "</strong></td>");
document.write("</tr>");
while (!RS.EOF){
document.write("<tr>");
for (i=0; i <= iFieldsCount; i++)
document.write("<td>" + RS.Fields(i).Value + " </td>");
document.write("</tr>");
RS.moveNext();
}
document.write("</table>");
}
else
document.write("No Data!<br / >");
RS.Close();
Conn.Close();
</script>
HTML導ASP
由於HINET要求要HTML檔當首頁
我原本是用ASP作的網頁
所以現在卡在html連結ASP問題
剛剛看知識+說甚麼連結虛擬目錄路徑
這我不懂
希望大大能詳細解說一下
順便幫我解決一下我的煩惱
最簡單的方式是寫Javascript
將index.html導向你要的ASP網頁<HTML>
<HEAD>
<TITLE>Title</TITLE>
<META http-equiv=Content-Language content=zh-tw>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<SCRIPT LANGUAGE=JavaSCRIPT>
<!-- ///
location.href='./index.asp';
//-->
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
</CENTER>
</BODY>
</HTML>
但問題是你網站要能執行ASP程式
同時設定虛擬目錄是WEB主機的權限
所以你可能要先了解是否你放程式的WEB主機
有支援ASP程式的服務
Blog或網頁上顯示程式語法Code
只要下載之後做以下步驟
1.引用Js
<script src='http://XXX.XXX.XXX/js/prettify.js' type='text/javascript'></script>
2.引用css
<link href='http://XXX.XXX.XXX/css/prettify.css' rel='stylesheet' type='text/css'/>
3.設定css，在style下設定
CODE,.code {display: block; /* fixes a strange ie margin bug */font-family: Courier New;font-size: 8pt;overflow:auto;background: #f0f0f0 url(http://XXX.XXX.XXX/image/BG_CODE.gif) left top repeat-y;border: 1px solid #ccc;padding: 10px 10px 10px 21px;max-height:200px;line-height: 1em;}
4.Body onload執行prettyPrint()
<body onload='prettyPrint()'>
5.在你須需要呈現程式碼前後使用以下TAG包起來就可以
<code class="prettyprint">
程式碼
</code>
Firefox getYear()問題
getYear();
原本於IE顯示正常的日期
到了Firefox卻顯示109
原因是Firefox以1900年開始算所以會顯示109
解決方式有兩個
1.改用getFullYear()
2.如果小於1900表示是Firfox版這時在加1900就好
var sNow=new Date()
sYear=sNow.getYear()
sYear<1900?(1900+sYear):sYear
Firefox IE8對於HTML越來越嚴苛
最近使用者有抱怨IE8
瀏覽到一個畫面時卻空白不動(IE6則正常)
Firefox也會是一樣空白畫面
經過查證
原來是Form表單內
如我寫到form.submit();
必需有個Sumbit Button才能運作
<input type='submit' value='test' style='display:none;'>
各式Case語法
C# JavaScript相同
switch (caseSwitch)
{
case 1:
Console.WriteLine("Case 1");
break;
case 2:
Console.WriteLine("Case 2");
break;
default:
Console.WriteLine("Default case");
break;
}
ASP VB
select case sRet
case "1"
case "2"
case else
end select
SQL
SELECT CASE ColumnA
WHEN '1' THEN '1Case'
WHEN '2' THEN '2Case'
ELSE 'ElseCase'
END AS StateName
FROM TableA
