作者 主題: HTML/XHTML程式碼  (閱讀 26583 次)

0 會員 與 1 訪客 正在閱讀本文。

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #30 於: 2009-05-07 12:10 »
注意大小寫。
...@@
原來是這個...修改後就可行了...
還在想了三天.... :-[ :-[

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #31 於: 2009-05-11 17:16 »
如我昨天說的, 還是先把題意弄清楚來, 不然真的是做白工的..
昨天問過了~
關於:
• 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

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #32 於: 2009-05-11 17:31 »
那就只好用 AJAX了

Yamaka

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
回覆: HTML/XHTML程式碼
« 回覆 #33 於: 2009-05-11 18:11 »
他是說要用js弄個method去load .txt內的內容
然後顯示在相對的圖片下

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

如樓上說的, 用 ajax 吧

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #34 於: 2009-05-11 21:06 »
他是說要用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

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
回覆: HTML/XHTML程式碼
« 回覆 #35 於: 2009-05-11 21:13 »
他是說要用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

  • 鑽研的研究生
  • *****
  • 文章數: 526
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #36 於: 2009-05-11 22:07 »
老師是要他們一步一步來吧?現在還沒到動用javascript的程度啦。我以前寫作也碰過做超過老師要求,反而扣分的...
Sapere aude! Habe Mut, dich deines eigenen Verstandes zu bedienen! ist also der Wahlspruch der Aufklärung.

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #37 於: 2009-05-12 08:53 »
他是說要用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

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #38 於: 2009-05-12 09:08 »
那就把 txt  的資料寫死在 js 裡

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #39 於: 2009-05-12 09:22 »
那就把 txt  的資料寫死在 js 裡
沒錯..
但是我不知道怎樣做
才能顯示出來

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

Yamaka

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
回覆: HTML/XHTML程式碼
« 回覆 #40 於: 2009-05-12 10:46 »
那就把 txt  的資料寫死在 js 裡
沒錯..
但是我不知道怎樣做
才能顯示出來

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

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

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #41 於: 2009-05-12 11:07 »
那就把 txt  的資料寫死在 js 裡
沒錯..
但是我不知道怎樣做
才能顯示出來

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

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

fillano

  • 鑽研的研究生
  • *****
  • 文章數: 526
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #42 於: 2009-05-12 11:14 »
你另一個頁面也hard code出來不就好了?每個圖都是連到不同頁面。
Sapere aude! Habe Mut, dich deines eigenen Verstandes zu bedienen! ist also der Wahlspruch der Aufklärung.

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #43 於: 2009-05-12 11:22 »
你另一個頁面也hard code出來不就好了?每個圖都是連到不同頁面。
不是連到不同的網頁...
要連到同一個的網頁@@...
只是顯示出不同的資料
如果是連到不同網頁那就簡單多了 :'( :'(...

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #44 於: 2009-05-12 11:30 »
現在就是這樣給了一個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

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
回覆: HTML/XHTML程式碼
« 回覆 #45 於: 2009-05-12 11:38 »
現在就是這樣給了一個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

  • 鑽研的研究生
  • *****
  • 文章數: 526
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #46 於: 2009-05-12 11:54 »
了解。

可以用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的參考資料)
Sapere aude! Habe Mut, dich deines eigenen Verstandes zu bedienen! ist also der Wahlspruch der Aufklärung.

micmic3

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #47 於: 2009-05-12 15:03 »
你可以找一些資源來知道有什麼函數可用:

http://www.w3schools.com/ (這個很好用,盡量先用)
這個
http://www.gotapi.com/jsdomw3s

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #48 於: 2009-05-13 09:41 »
昨晚回家試了一下
但是好像有一點點問題
請大家再幫忙一下下...@@

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"@@...
是否我打錯了甚麼@@?
« 上次編輯: 2009-05-13 09:50 由 s20001321 »

micmic3

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #49 於: 2009-05-13 10:19 »
不知你要怎樣的功能....但是看起來 code 很有問題
你可能會想按了 button -> 到 b.htm 用changeDetail 取得
但是你的 <a href="b.html" onclick="changeID('bunk_bed')"> 沒有給 window.name
重點是 js 不是這樣用的(也不是說不行啦)
--

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #50 於: 2009-05-13 11:19 »
不知你要怎樣的功能....但是看起來 code 很有問題
你可能會想按了 button -> 到 b.htm 用changeDetail 取得
但是你的 <a href="b.html" onclick="changeID('bunk_bed')"> 沒有給 window.name
重點是 js 不是這樣用的(也不是說不行啦)
--

改了一點點東西
變了可以看到要看的東西..
但還是有一點點不明..
我再看看@@
« 上次編輯: 2009-05-13 11:40 由 s20001321 »

micmic3

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #51 於: 2009-05-13 11:45 »

現在我想的是..當按這圖時 就會用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

  • 鑽研的研究生
  • *****
  • 文章數: 526
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #52 於: 2009-05-13 11:49 »
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?)
Sapere aude! Habe Mut, dich deines eigenen Verstandes zu bedienen! ist also der Wahlspruch der Aufklärung.

fillano

  • 鑽研的研究生
  • *****
  • 文章數: 526
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #53 於: 2009-05-13 12:01 »
如果你是要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>

簡單的測試。
Sapere aude! Habe Mut, dich deines eigenen Verstandes zu bedienen! ist also der Wahlspruch der Aufklärung.

s20001321

  • 可愛的小學生
  • *
  • 文章數: 22
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #54 於: 2009-05-15 15:44 »
謝謝各位的回覆^^
我已經用了別的方法去完成

現在還剩下最後的問題了...
我在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

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
回覆: HTML/XHTML程式碼
« 回覆 #55 於: 2009-05-15 16:29 »
請問怎樣才能把這頁的內容在orderreceived_1.shtml內顯示(一定要用post的)?
如果可以的 能否各位指教一下用javascript 跟 不用javascript的做法?
不用javascript ,你會用什麼呢? php ,jsp,asp, perl,ruby,python,cgi,c# ? 如果都不會,只會 html 是辦不到的
用javascript 應該只能用 get 或cookie 來解決