2014年12月2日 星期二

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>

2014年9月5日 星期五

[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=" 按鈕 "/> 

ASCII 字元表

二進制十進制十六進制圖形HTML
0010 00003220space&#32;
0010 00013321!&#33;
0010 00103422"&#34;
0010 00113523#&#35;
0010 01003624$&#36;
0010 010137250%&#37;
0010 01103826&&#38;
0010 01113927'&#39;
0010 10004028(&#40;
0010 10014129)&#41;
0010 1010422A*&#42;
0010 1011432B+&#43;
0010 1100442C,&#44;
0010 1101452D-&#45;
0010 1110462E.&#46;
0010 1111472F/&#47;
0011 000048300&#48;
0011 000149311&#49;
0011 001050322&#50;
0011 001151333&#51;
0011 010052344&#52;
0011 010153355&#53;
0011 011054366&#54;
0011 011155377&#55;
0011 100056388&#56;
0011 100157399&#57;
0011 1010583A:&#58;
0011 1011593B;&#59;
0011 1100603C<&#60;
0011 1101613D=&#61;
0011 1110623E>&#62;
0011 1111633F?&#63;
0100 00006440@&#64;
0100 00016541A&#65;
0100 00106642B&#66;
0100 00116743C&#67;
0100 01006844D&#68;
0100 01016945E&#69;
0100 01107046F&#70;
0100 01117147G&#71;
0100 10007248H&#72;
0100 10017349I&#73;
0100 1010744AJ&#74;
0100 1011754BK&#75;
0100 1100764CL&#76;
0100 1101774DM&#77;
0100 1110784EN&#78;
0100 1111794FO&#79;
0101 00008050P&#80;
0101 00018151Q&#81;
0101 00108252R&#82;
0101 00118353S&#83;
0101 01008454T&#84;
0101 01018555U&#85;
0101 01108656V&#86;
0101 01118757W&#87;
0101 10008858X&#88;
0101 10018959Y&#89;
0101 1010905AZ&#90;
0101 1011915B[&#91;
0101 1100925C\&#92;
0101 1101935D]&#93;
0101 1110945E^&#94;
0101 1111955F_&#95;
0110 00009660`&#96;
0110 00019761a&#97;
0110 00109862b&#98;
0110 00119963c&#99;
0110 010010064d&#100;
0110 010110165e&#101;
0110 011010266f&#102;
0110 011110367g&#103;
0110 100010468h&#104;
0110 100110569i&#105;
0110 10101066Aj&#106;
0110 10111076Bk&#107;
0110 11001086Cl&#108;
0110 11011096Dm&#109;
0110 11101106En&#110;
0110 11111116Fo&#111;
0111 000011270p&#112;
0111 000111371q&#113;
0111 001011472r&#114;
0111 001111573s&#115;
0111 010011674t&#116;
0111 010111775u&#117;
0111 011011876v&#118;
0111 011111977w&#119;
0111 100012078x&#120;
0111 100112179y&#121;
0111 10101227Az&#122;
0111 10111237B{&#123;
0111 11001247C|&#124;
0111 11011257D}&#125;
0111 11101267E~&#126;