彰化一整天的論壇

 找回密碼
 立即註冊
查看: 886|回復: 2

google表單訂單查詢(表格轉置)加某一列字變色

[複製鏈接]
發表於 2021-5-25 08:58:43 | 顯示全部樓層 |閱讀模式
本帖最後由 imingho 於 2021-6-15 13:23 編輯


google_form_20210525.jpg

範例網址: https://sites.google.com/view/in ... E8%89%B2?authuser=0


  1. <html>
  2. <head>
  3. <meta charset="UTF-8" />
  4. <script type="text/javascript">
  5. function showHint(str)
  6. {
  7. var xmlhttp;

  8.         if (window.XMLHttpRequest)
  9.           {// code for IE7+, Firefox, Chrome, Opera, Safari
  10.           xmlhttp=new XMLHttpRequest();
  11.           }
  12.         else
  13.           {// code for IE6, IE5
  14.           xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  15.           }
  16.         xmlhttp.onreadystatechange=function()
  17.           {
  18.                   if (xmlhttp.readyState==4 && xmlhttp.status==200)      
  19.                   {
  20.                         var result=xmlhttp.responseText;
  21.                         var obj = JSON.parse(result);//解析json字串為json物件形式
  22.                                                 
  23.                         var html = '<table border=1 width=100%>';//
  24.                         
  25.                         for (var i = 0; i < obj[0].data.length; i ++ ) {//
  26.                                 html  += '<tr>';//
  27.                                 html+= '<td>'+obj[0].data[i]+'</td>';
  28.                                 for(j=1;j<obj.length;j++)
  29.                                 {
  30.                                   if(i==2)//第3列字變紅色
  31.                                     html+= '<td><font color=red>'+obj[j].data[i]+'</font></td>';
  32.                                   else
  33.                                     html+= '<td>'+obj[j].data[i]+'</td>';
  34.                                 }
  35.                                 html  += '</tr>';            
  36.                         }
  37.                         html+="</table>";
  38.                         
  39.                         document.getElementById("order_status").innerHTML=html;
  40.                         if(obj.length==1){ //只有一筆代表查不到資料
  41.                                 alert('查無資料');
  42.                                 document.getElementById("order_status").innerHTML='<br><font color=red>查無資料</font>';;
  43.                         }
  44.                   }

  45.           }
  46.     var url="https://script.google.com/macros/s/AKfycbwJOajAYKRM77CELpG5bf5koUbY-TdN24apUJfo22FLsYft9rTP/exec";
  47.         xmlhttp.open("get",url+"?uid="+encodeURIComponent(str),true);
  48.         xmlhttp.send();
  49. }
  50. </script>
  51. </head>
  52. <body>

  53. 輸入購買者身分證號:<input type="text" id="uid" />
  54. <input type="button" name="inq" value="查詢" onclick="showHint(uid.value);"></br>

  55. <span id="order_status"></span>
  56. </body>
  57. </html>
複製代碼


回復

使用道具 舉報

發表於 2021-6-14 01:43:19 | 顯示全部樓層
您好~
非常感謝您的分享~非常的有用且清楚

這邊有一個疑問
請問若是想設定為特定的字詞出現紅色的設定
這樣有辦法嗎?
比如說:訂單出現=取貨完成(原色)
若是取貨不成功(紅色)

謝謝您的幫助~
回復 支持 反對

使用道具 舉報

 樓主| 發表於 2021-6-14 08:23:57 | 顯示全部樓層
ftina123 發表於 2021-6-14 01:43
您好~
非常感謝您的分享~非常的有用且清楚

您只要修改.
  1.                                   if(i==2)//第3列字變紅色
  2.                                     html+= '<td><font color=red>'+obj[j].data[i]+'</font></td>';
  3.                                   else
  4.                                     html+= '<td>'+obj[j].data[i]+'</td>';
複製代碼


改成
  1.                                   if(obj[j].data[i]=="取貨不成功")//特定字變紅色
  2.                                     html+= '<td><font color=red>'+obj[j].data[i]+'</font></td>';
  3.                                   else
  4.                                     html+= '<td>'+obj[j].data[i]+'</td>';
複製代碼
回復 支持 反對

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

Archiver|手機版|小黑屋|彰化一整天的論壇(Excel,Office)

GMT+8, 2021-9-21 16:00 , Processed in 0.104315 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回復 返回頂部 返回列表