主題: HTML/XHTML程式碼

[s20001321]

注意大小寫。

...@@
原來是這個...修改後就可行了...
還在想了三天....

[s20001321]

如我昨天說的, 還是先把題意弄清楚來, 不然真的是做白工的..

昨天問過了~
關於:
• For each product item show the thumbnail image and basic details: item name and cost.
o The file details.txt has all the details available. The details are separated by commas.
Hint: It may be worth “importing” and then “exporting” the text file with Excel, but make sure you
clean up the resulting HTML!

他是說要用js弄個method去load .txt內的內容
然後顯示在相對的圖片下

因為在這網頁內 有大約二十個圖
即係A的圖要顯示出.txt關於A的內容
B的圖要顯示出.txt關於B的內容

這樣會否清楚了一點@@?

[micmic3]

那就只好用 AJAX了

[Yamaka]

他是說要用js弄個method去load .txt內的內容
然後顯示在相對的圖片下

這種說法不太正確..
js 本身是無法 load 檔案的
只能說用 js 到主機抓資料
實際 load txt 檔的是 server 端的程式
你的 txt 檔也是放在 server 端
然後資料傳回給 client 端處理

如樓上說的, 用 ajax 吧

[s20001321]

他是說要用js弄個method去load .txt內的內容
然後顯示在相對的圖片下

這種說法不太正確..
js 本身是無法 load 檔案的
只能說用 js 到主機抓資料
實際 load txt 檔的是 server 端的程式
你的 txt 檔也是放在 server 端
然後資料傳回給 client 端處理

如樓上說的, 用 ajax 吧

um...
應該是我說錯了@@
現在是:
在.htm內的圖每個都附上一個id 然後讓js確認是甚麼id後(應該是case吧..@@)
再把.txt內的data, hard code上去
用ajax的應該是之後的事...
弄到方向都錯了 :'(

[Yamaka]

他是說要用js弄個method去load .txt內的內容
然後顯示在相對的圖片下

這種說法不太正確..
js 本身是無法 load 檔案的
只能說用 js 到主機抓資料
實際 load txt 檔的是 server 端的程式
你的 txt 檔也是放在 server 端
然後資料傳回給 client 端處理

如樓上說的, 用 ajax 吧

um...
應該是我說錯了@@
現在是:
在.htm內的圖每個都附上一個id 然後讓js確認是甚麼id後(應該是case吧..@@)
再把.txt內的data, hard code上去
用ajax的應該是之後的事...
弄到方向都錯了 :'(

現在不就是在討論如何用 js 取得 txt 裡的資料嗎?! 

[fillano]

老師是要他們一步一步來吧？現在還沒到動用javascript的程度啦。我以前寫作也碰過做超過老師要求，反而扣分的...

[s20001321]

他是說要用js弄個method去load .txt內的內容
然後顯示在相對的圖片下

這種說法不太正確..
js 本身是無法 load 檔案的
只能說用 js 到主機抓資料
實際 load txt 檔的是 server 端的程式
你的 txt 檔也是放在 server 端
然後資料傳回給 client 端處理

如樓上說的, 用 ajax 吧

um...
應該是我說錯了@@
現在是:
在.htm內的圖每個都附上一個id 然後讓js確認是甚麼id後(應該是case吧..@@)
再把.txt內的data, hard code上去
用ajax的應該是之後的事...
弄到方向都錯了 :'(

現在不就是在討論如何用 js 取得 txt 裡的資料嗎?! 

是喔~
但是好像還沒用得著ajax
因為他在上課時說過
ajax不是在這個課程之內
這是我早兩天才問到的

所以呢...
現在只是需要把.txt內的資料hard code上.htm就可以
不過是...
現在有20幅不同的照片
而當按每一幅照片的時候就去連結去另一個頁面去顯示相關的資料(只需複製.txt內的 應該不用牽涉到server side@@)
即是按a的圖 就會顯示a的資料
按b的圖 就會顯示b的資料
所以...是否用case來做的@@?

[micmic3]

那就把 txt  的資料寫死在 js 裡

[s20001321]

那就把 txt  的資料寫死在 js 裡

沒錯..
但是我不知道怎樣做
才能顯示出來

[attachment=1]
要按以上的其中一個
然後在另一個頁面顯示出來...
怎樣把那個value pass過去... :'(

[Yamaka]

那就把 txt  的資料寫死在 js 裡

沒錯..
但是我不知道怎樣做
才能顯示出來

要按以上的其中一個
然後在另一個頁面顯示出來...
怎樣把那個value pass過去... :'(

了解題意後, 接下來就是樓主該做的"功課"了, 加油~~ 

[s20001321]

那就把 txt  的資料寫死在 js 裡

沒錯..
但是我不知道怎樣做
才能顯示出來

要按以上的其中一個
然後在另一個頁面顯示出來...
怎樣把那個value pass過去... :'(

了解題意後, 接下來就是樓主該做的"功課"了, 加油~~ 

意思是明白了
但是現在想不通應該怎樣做...
有想過是把每幅圖都給它1個id
然後就把那個id pass過去另一個頁面
再用case的方法去顯示不同的資料
但是就是寫不出來....-__-"...
能否給一點hints code嗎..?

[fillano]

你另一個頁面也hard code出來不就好了？每個圖都是連到不同頁面。

[s20001321]

你另一個頁面也hard code出來不就好了？每個圖都是連到不同頁面。

不是連到不同的網頁...
要連到同一個的網頁@@...
只是顯示出不同的資料
如果是連到不同網頁那就簡單多了 :'( :'(...

[s20001321]

現在就是這樣給了一個id:
<table width =50% border="2" cellspacing="3" cellpadding="4" >
    <tr>
      <th colspan="10">Bedroom</th>
    </tr>
    <tr>
      <td>Image</td>
      <td>Item name</td>
      <td>Cost</td>
    </tr>
    <tr>
      <td id="1"><a href="details_1.shtml"><img src="images/items/bunk_bed_th.jpg" alt="bunk bed" /></a></td>
      <td>Bunk Bed</td>
      <td>$200</td>
    </tr>
...

現在就是不知道怎樣用js把那個id記住...
然後再把id pass過去另一個function...
如果是"1"就顯示"1"的資料
"2"就顯示"2"的...
如此類推...

[Yamaka]

現在就是這樣給了一個id:
<table width =50% border="2" cellspacing="3" cellpadding="4" >
    <tr>
      <th colspan="10">Bedroom</th>
    </tr>
    <tr>
      <td>Image</td>
      <td>Item name</td>
      <td>Cost</td>
    </tr>
    <tr>
      <td id="1"><a href="details_1.shtml"><img src="images/items/bunk_bed_th.jpg" alt="bunk bed" /></a></td>
      <td>Bunk Bed</td>
      <td>$200</td>
    </tr>
...

現在就是不知道怎樣用js把那個id記住...
然後再把id pass過去另一個function...
如果是"1"就顯示"1"的資料
"2"就顯示"2"的...
如此類推...

先弄清楚怎麼傳資料到下一個網頁吧..
感覺樓主網頁設計的基礎都沒 = =

[fillano]

了解。

可以用get傳值（hard code在hyper link裡）。收到時用location來解析。

你可以找一些資源來知道有什麼函數可用：

http://www.w3schools.com/ （這個很好用，盡量先用）

javascript:
https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference （Mozilla的javascript文件啦）
http://msdn.microsoft.com/en-us/library/yek4tbz0(VS.85).aspx （微軟的JScript文件）

網頁中的javascript:
https://developer.mozilla.org/en/DOM （Mozilla的文件啦，Gecko DOM Reference裡面有mozilla實作的dom參考資料）
http://msdn.microsoft.com/en-us/library/ms533050(vs.85).aspx （微軟html/dhtml的參考資料）

[micmic3]

你可以找一些資源來知道有什麼函數可用：

http://www.w3schools.com/ （這個很好用，盡量先用）

這個
http://www.gotapi.com/jsdomw3s

[s20001321]

昨晚回家試了一下
但是好像有一點點問題
請大家再幫忙一下下...@@

a.html:
…
 <tr>
      <td><a href="b.html" onclick="changeID('bunk_bed')"><img src="images/items/bunk_bed_th.jpg" alt="bunk bed" /></a></td>
      <td>Bunk Bed</td>
      <td>$200</td>
    </tr>
…

b.html:
…
<body onload="changeDetail(window.name)">
<p id="element1">test field</p>
…

scripts.js:
var pid = "";
function changeID(product_ID){
   this.pid = product_ID;
   alert("change pid to " + pid);
   window.location.href ("details_1.htm",pid);
}
function changeDetail(change_text){
   if(change_text== "bunk_bed"){
      document.getElementById("element1").innerHTML ="bunk_bed";
   }
   else {
      document.getElementById("element1").innerHTML ="nothing here";
   }
}

本來想按a.html的圖時 會顯示"bunk_bed"這個字
但現在都是顯示"nothing here"@@...
是否我打錯了甚麼@@?

[micmic3]

不知你要怎樣的功能....但是看起來 code 很有問題
你可能會想按了 button -> 到 b.htm 用changeDetail 取得
但是你的 <a href="b.html" onclick="changeID('bunk_bed')"> 沒有給 window.name
重點是 js 不是這樣用的(也不是說不行啦)
--

[s20001321]

不知你要怎樣的功能....但是看起來 code 很有問題
你可能會想按了 button -> 到 b.htm 用changeDetail 取得
但是你的 <a href="b.html" onclick="changeID('bunk_bed')"> 沒有給 window.name
重點是 js 不是這樣用的(也不是說不行啦)
--

改了一點點東西
變了可以看到要看的東西..
但還是有一點點不明..
我再看看@@

[micmic3]

現在我想的是..當按這圖時 就會用changeID()這個method存放id
a.html:

把id存好後 轉去另一個頁面b.html..
scripts.js:

這就是你最錯誤的觀念了...javascript 是 client side 的語言
現在我想的是..當按這圖時 就會用changeID()這個method存放id 即使放在 global 的 var 中
當你 轉去另一個頁面b.html.. 仍然叫不出來啊...因為又重跑一次了

--
存在 cookie 裡吧 google 找就找的到讀寫 cookie 的方法了
或者用 fillano 說的 用get傳值（hard code在hyper link裡）。收到時用location來解析。
http://arjaneising.nl/javascript/javascript-get-function

[fillano]

1. window.location不是這樣用的
2. this.pid？這樣用會有scope問題。因為這是用來做onclick的事件函數，this會指向點選的link，而不是global object(window)，所以你接下來用pid變數裡面其實是空字串
3. window.name？你有用到frame嗎？要不然就要用window.open()來開新視窗（所以也許你的window.location.href應該是window.open？）

[fillano]

如果你是要popup一個新的window：

a.html

代碼: [選擇]

<html>
<script>
function popup(bb) {
window.open("b.html",bb);
}
</script>
<body>
<a href="javascript:popup('task')">test</a>
</body>
</html>
然後b.html

代碼: [選擇]

<html>
<script>
function content(bb) {
document.getElementById("panel").innerHTML = bb;
}
</script>
<body onload="content(window.name)">
<div id="panel"></div>
</body>
</html>

簡單的測試。

[s20001321]

謝謝各位的回覆^^
我已經用了別的方法去完成

現在還剩下最後的問題了...
我在x.shtml內設計了一個form如下:

<form id="order" method="post" action="orderreceived_1.shtml" onsubmit="return validateOrder(order)">
<table border="1" cellspacing="0" cellpadding="2">
    <tr>
    <th colspan="2">Customer Information: </th>
    </tr>
    <tr>
      <td>Name </td>
      <td> <input id="name" name="name" type="text" /> </td>
    </tr>
    <tr>
      <td>Address </td>
      <td> <input id="address" name="address" type="text" /> </td>
    </tr>
    <tr>
      <td>Suburb </td>
      <td> <input id="suburb" name="suburb" type="text" /> </td>
    </tr>
    <tr>
      <td>State </td>
      <td> <input id="state" name="state" type="text" /> </td>
    </tr>
    <tr>
      <td>Postcode </td>
      <td> <input id="postcode" name="postcode" type="text" /> </td>
    </tr>
  </table>
</form>

請問怎樣才能把這頁的內容在orderreceived_1.shtml內顯示(一定要用post的)?
如果可以的 能否各位指教一下用javascript 跟 不用javascript的做法?

[micmic3]

請問怎樣才能把這頁的內容在orderreceived_1.shtml內顯示(一定要用post的)?
如果可以的 能否各位指教一下用javascript 跟 不用javascript的做法?

不用javascript ,你會用什麼呢? php ,jsp,asp, perl,ruby,python,cgi,c# ? 如果都不會,只會 html 是辦不到的
用javascript 應該只能用 get 或cookie 來解決