( ´_ゝ`)φ 寫寫程式、做做筆記！！！: Javascript

顯示具有 Javascript 標籤的文章。顯示所有文章

2020年2月3日

Javascript String to Date 出現 Invalid Date 錯誤！

對某些瀏覽器 String 轉成 Date 時，會出現 Invalid Date 的錯誤！

例如：
var dateString = "2020-01-01 01:23:45";
var datetime = new Date(dateString);

//此時，有些瀏覽器，就無法正常轉換，可以使用以下做法。

var dateString = "2020-01-01 01:23:45";
var newDateString = dateString.replace(/-/g,'/'); // 變成"2020/01/01 01:23:45";
var datetime = new Date(newDateString); //就可以正常轉換了

2019年10月5日

Javascript 時間比對，取得現在時間及輸入時間

如題！

 

    //取得現在時間
    var nowDate = Date.parse(new Date());
    //設定結束時間
    var endtime = '2019/10/06 13:30:00'; //設定結束時間格式 
     
    if (nowDate < Date.parse(endtime)) {
         alert("時間還沒到！");
         return false;
    }else{
        alert("時間已超過！");
        return false;
    }

2014年9月3日

PhoneGap Android 在Javascript使用Cookie無法正常進行存取！

    

    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);

        //Android Cookie無法正使進行存取，請於Native 加入以下兩行程式碼↓
        CookieManager.setAcceptFileSchemeCookies(true); //available in android level 12
        CookieManager.getInstance().setAcceptCookie(true); //available in android level 12
        //Android Cookie無法正使進行存取，請於Native 加入以上兩行程式碼↑

        super.loadUrl("file:///android_asset/www/index.html");
    }

2014年7月22日

JavaScript 抓取 Session 值 for C#

var sid = '<%= Session["sid"].ToString() %>';

2014年5月29日

AJAX - Send a Request To a Server example

==================== javascript =======================

function createXMLHttpRequest() {
     try { return new XMLHttpRequest(); } catch (e) { }
     try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { }
     try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { }
           alert("XMLHttpRequest not supported");
         return null;
}


var xmlHttpReq = createXMLHttpRequest();
xmlHttpReq.open("GET", "http://...網址?CIDS="+pics, false);
xmlHttpReq.send(null);
if (xmlHttpReq.responseText == "1")
{
    
}

==================== ashx =======================

using System;
using System.Web;

public class SaveReleasePic : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {

            context.Response.ContentType = "text/plain";
            context.Response.Write("1");
      
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}

2014年5月21日

jQuery Checkbox 全選及設定打勾方式

==================== HTML =======================

//假設有五個 Checkbox ， name 都設定為「my_checkbox」
<input id="Checkbox1" name="my_checkbox" type="checkbox" />
<input id="Checkbox2" name="my_checkbox" type="checkbox" />
<input id="Checkbox3" name="my_checkbox" type="checkbox" />
<input id="Checkbox4" name="my_checkbox" type="checkbox" />
<input id="Checkbox5" name="my_checkbox" type="checkbox" />

==================== .js =======================

//讓所有 Checkbox 打勾的方式
$("input[name='my_checkbox']").each(function () {
  $(this).prop("checked", true); //如果希望為未勾選，將 true 改為 false
});

//單一 Checkbox 打勾的方式
$('[id$=Checkbox' + index + ']').prop("checked", true);

jQuery checkbox 判斷是否被勾選

=================== HTML ===========================

<input id="chkEngLocation" name="" type="checkbox" value="" />

=================== javascript ==========================

var v = $("input[id='chkEngLocation']").is(":checked");
if (v) {

}

2014年5月5日

使用 JQuery 的 ajax 建立 select 清單以及如何在 onchange 事件時，取得value及text值

如何利用 ASP.NET 的 ashx 建立 select 下拉式選單(如下圖)，我利用了 JQuery 做了一個可以取得 Json 並放入 select 的範例

HTML select 清單

==================== <head> =============================

<!-- 使用 JQuery 需加入 -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

==================== <body> =============================

<select id="select" class="styled-select" onchange = "onSelectTown()" ></select>

==================== <javascript> =============================

jQuery.support.cors = true;
$.ajax({
   url: 'http://' + window.location.host + '/您的ashp名稱路徑.ashx',
   type: "GET",
   dataType: 'text',
   success: function (msg) {
     var jsonObj = JSON.parse(msg);

     //放入一筆空白的清單
     $("[id$=select]").append($("<option></option>").attr("value", "").text(""));

     for (var i = 0; i < jsonObj.length; i++) {

     //將取得的Json一筆一筆放入清單
     $("[id$=select]").append($("<option></option>").attr("value", jsonObj[i].LAND_ID).text(jsonObj[i].LAND_NAME));
     }
   },
   error: function (xhr, ajaxOptions, thrownError) {
     alert(xhr.status);
   }
});

==================== <javascript> =============================

   //當選擇了行政區
   function onSelectTown() {
     var sel_text = $("[id$=select]").find("option:selected").text()
     var sel_val = $("[id$=select]").val();
     alert(sel_text); //可以取得 select.text
     alert(sel_val);  //可以取得 select.value
   }

2014年5月3日

在Server的KML實體檔，如何設定IIS讓它可以正常套入Google Map中！

https://developers.google.com/maps/documentation/javascript/examples/layer-kml

以上是Google Map 套入KML的教學連結網址，但我記得我還是個菜鳥時，當我看到以下的使用方式時，以為我只要在我的網站裡放入我想套入的KML這樣它就可以像教學網站一樣，套入我想套入的KML但實際上，和我想的不一樣。

function initialize() {
  var chicago = new google.maps.LatLng(41.875696,-87.624207);
  var mapOptions = {
    zoom: 11,
    center: chicago
  }

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var ctaLayer = new google.maps.KmlLayer({
    url: 'http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml'
  });
  ctaLayer.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);

其實，只要一個小動作，就可以讓您的實體KML檔，套入您的Google Map裡
只有在 (以Server 2003為範例)

IIS >> 您的網站 >> 內容 >> HTTP 標頭 >> MIME 類型 >> 新增

副檔名Key入：.kml
MIME類型Key入：application/vnd.google-earth.kml+xml

讓網站的kml實體檔可以正常套入Google Map的方法

以上，試試看吧！

或許應該注意的事項：
1. 免費的Google Map一定會有一些限制，例如：大小，一天的使用流量…等等。
2. kmz也需要這樣設定。