[部落格介紹] fcamel 技術隨手記

分類
資訊分享

網站
http://fcamel-life.blogspot.tw/

內容

技術資源分享

[部落格介紹] cAt Ash

分類
資訊分享


網站
http://blog.ash.cat/

內容

個人心得分享

jQuery ajax() 跨網域取得 Session Cookie

【文件 headers 設定】

Access-Control-Allow-Origin : http://www.domainname.com
Access-Control-Allow-Credentials : true


【ajax 範例】


$.ajax({
   url: http://www.domainname.com,
   xhrFields: {
      withCredentials: true
   }
});

[HTML] FRAME 使用範例

<title>Frame 左右分頁範例</title>
<frameset cols=15%,50%>
　　 <frame src="left.html" name=left>
　　 <frame src="main.html" name=main>
</frameset>

[HTML] 影像地圖 Image Map MAP, AREA, SHAPE 使用範例

<IMG src=image.jpg useMap=#image border=0>

<MAP name=image>

　<AREA SHAPE=POLYGON coords=X,Y,X,Y,X,Y  href=http://albertmarvinnetwork.blogspot.com/>

　<AREA SHAPE=RECT coords=X,Y,X,Y  href=http://albertmarvinnetwork.blogspot.com/>

　<AREA SHAPE=CIRCLE coords=X,Y,半徑長度  href=http://albertmarvinnetwork.blogspot.com/>

</MAP>

將 HTML 表單按鈕變成圖片按鈕

<form  id="form1"  name="form1"  method="post"  action="" >  

Submit Button

<input  type="image"  name="button"  id="button"  img src="button.jpg"  onClick="document.form1.submit()" >

Reset Button

<input  type="image"  name="button"  id="button"  img  src="button.jpg"  onClick="document.form1.reset()" >

</form>

HTML INPUT 按鈕外觀, 自訂大小和顏色

<input name="button" style="background-color:#ffcccc; color: #0000ff;  border:2 solid black ; font-size:30px;height:65px;width:350px;-webkit-appearance: button;" class="field" type="submit" value=" 按鈕 " onclick="location.href='http://albertmarvinnetwork.blogspot.com'">

<input name="button" style="background-color:#ffcccc; color: red;  border:2 solid red ; font-size:30px;height:65px;width:350px;-webkit-appearance: button;" class="field" type="submit" value=" 按鈕 "/>