PIXNET Logo登入

程式小試身手

跳到主文

歡迎光臨!這裡紀錄著程式相關資料 有幫助或沒幫助請留言 希望可以找出各位盲點

部落格全站分類:

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 6月 22 週四 201702:28
  • 【JQuery】自定義下拉式圖片選單, 解決Erro select 被遮住

下拉式選單被其他元件遮住,選擇過ms-Dropdown-master、boostrap select 都無法解決此問題

還是回頭用jquerySelectmenu的自定義( 傳送門 )

但因為我要用自己的較大圖片,且不顯示文字

所以改了一些CSS

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(455)

  • 個人分類:JavaScript
▲top
  • 3月 01 週三 201723:11
  • 【JQuery】File upload前是否檔案已存在的判斷

$.ajax({ url:'http://localhost:57440/Uploads/pic/', type:'HEAD', error: function() { //file not exists }, success: function() { //file exists } });

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(449)

  • 個人分類:JavaScript
▲top
  • 9月 23 週五 201621:16
  • 【JQuery】File upload指定文件夾與重新載入事件

我寫法是html+ASP.NET Server

====主程式==========

//拿掉預設資料夾內容

 $(".template-download").remove();

//重新載入main.js(因為新增子類別有做修改)
                         $.getScript("../demonFileUpload/js/main.js", function (data, textStatus, jqxhr) {

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(260)

  • 個人分類:JavaScript
▲top
  • 8月 30 週二 201603:32
  • 【JQuery】SelectTab

前言:

雖然官方就有範例以及API說明,但是我還是想自己記錄一下TAB選擇時如何取得被選所有值(tab index)

<div id="tabs">
        <ul>
            <li><a href="#tabs-1">Nunc tincidunt</a></li>
            <li><a href="#tabs-2">Proin dolor</a></li>
            <li><a href="#tabs-3">Aenean lacinia</a></li>
        </ul>
        <div id="tabs-1">
            <p>1</p>
        </div>
        <div id="tabs-2">
            <p>2</p>
        </div>
        <div id="tabs-3">
            <p>3</p>
        </div>
    </div>

 

 $("#tabs").tabs({
          activate: function (event, ui) {
              var active = $("#tabs").tabs("option", "active");
              console.log("被選擇索引值:\r\n" + active);       
             
          }
      })
         
  } );

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(99)

  • 個人分類:JavaScript
▲top
  • 8月 23 週二 201616:13
  • 【JQuery】Selectmenu

官方Selectmenu說明文件

前言:

最近做了一個Selectmeau的範例,從伺服器取值放入Selectmeau

選第一個Selectmeau會讓第二個Selectmeau出現相應值,

結果empty()沒有清空第二個Selectmeau,原因出在於沒有refresh

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(53)

  • 個人分類:JavaScript
▲top
  • 7月 27 週三 201602:22
  • 【JavaScript】PQGrid頁數

寫了一個例子,參考了官方抓取頁數的說明文件,研究好一陣子才明白官方的意思。

以rpp為例子

var rPP = $( ".selector" ).pqGrid( "option", "rPP" );

$( ".selector" )是指$grid,而這$grid是在哪裡有用到?

是在定義完obj資料後放進pqGrid出現:$grid = $("#div自改").pqGrid(obj);

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(59)

  • 個人分類:JavaScript
▲top
  • 7月 24 週日 201619:00
  • 【JQuery】PQGrid欄位顯示與否

前言:

這網站詳細寫著PQGrid應用,但是他html,JavaScript,Css分開寫...如果想要立即顯示結果就要花一點時間實作

因此我把它全部融合在一個html...而且裡面checkbox還是要自己找連結,這裡已處理。此外這範例我有連結到

自己架設的伺服器,紅色url需自行更換。


<!DOCTYPE html>
<html>
<head>
    <!--jQuery dependencies-->
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(227)

  • 個人分類:JavaScript
▲top
  • 7月 16 週六 201601:46
  • 【JavaScript】Bootstrap.js 更新事件

前言:

Bootstrap tree不知是不是更新事件太基礎,中文版超難找...終於在眾多英文網站中看出端倪

其實在Bootstrap.js 點擊事件那一篇就已經有些基礎,但是再往下寫發現不夠用..

比如我想要增加樹的節點原本程式碼如下:

$('#treeview6').on('nodeSelected', function (event, data) {

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(38)

  • 個人分類:JavaScript
▲top
  • 5月 28 週六 201602:08
  • 【Nodejs】express範例

前言:

安裝完後,直接參考參考資料1的二、node with express

很詳細的介紹,可以直接參考該網站

參考資料

1.Hello node.js - win7中的nodejs(1) 安裝篇至hello world

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(157)

  • 個人分類:JavaScript
▲top
  • 5月 28 週六 201601:52
  • 【Nodejs】HelloWorld範例

前言:

經過幾個範例發現原來不需要express就能跑出東西!

參考資料1 從index.js 開始看就可以銜接了

我最喜歡裡面的一句話,串通了一些概念

"  Node.js 不像 PHP or .NET 一樣需依靠 apache 或是 iis 等伺服器軟體,而是可以自己建立 HTTP Server "

(繼續閱讀...)
文章標籤

程式小試身手 發表在 痞客邦 留言(0) 人氣(12)

  • 個人分類:JavaScript
▲top
123»

個人資訊

程式小試身手
暱稱:
程式小試身手
分類:
好友:
累積中
地區:

熱門文章

  • ()【Github】Eclipse使用git的方法
  • ()【D3.JS】繪製台灣地圖
  • ()【JQuery】讀取本機/本地/local JSON檔案 JSON轉字串
  • ()【Android】GoogleMap開發應用程式範例-Android studio
  • ()【Android】簡易計算機範例-Android studio
  • ()【Android】網頁連線 HttpURLConnection-Android Studio
  • ()【Android】異步執行緒AsyncTask-Android Studio
  • ()【Android】JSON解析-Android Studio
  • ()【Android】Google Map當前位置
  • ()【Android】GoogleMapAPI如何取得範圍餐廳、醫院、各種資料顯示(或mark)在地圖上

文章分類

toggle Hybrid Apps (1)
  • 環境 (2)
toggle Ionic (1)
  • 環境 (1)
toggle Cesium (1)
  • dae轉glft (1)
toggle 美食 (2)
  • 新竹 (1)
  • 高雄 (1)
  • ASP.NET Web Form C# (2)
  • SWT (1)
  • JavaScript (21)
  • Android (54)
  • D3.js (7)
  • Github (3)
  • ASP.NET MVC (7)
  • 課程 (1)
  • 其他 (4)
  • ASP.NET Web API (3)
  • Python (10)
  • 資安 (2)
  • .NET Core (3)
  • LeetCode (20)
  • 威斯康辛 (2)
  • 未分類文章 (1)

最新文章

    動態訂閱

    文章精選

    文章搜尋

    誰來我家

    參觀人氣

    • 本日人氣:
    • 累積人氣: