台中阿任的網站_我愛派大星!: JQUERY

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

2012年12月5日星期三

jquery mobile 暫存問題

最近在實作手機版網頁
發現在page以外的物件會有不更新的問題
所以必須使用一些強制方式來改變

$('div:jqmData(role="page")').live('pageshow',function(event, data){
    //20121128 zoearth reload .mainCate
    var p_lg = $.mobile.firstPage.find("#page_lg").val();   //元網頁的語系
    var n_lg = $.mobile.activePage.find("#page_lg").val();    //現在網頁的語系
    if (p_lg != n_lg)
    {
        //alert(p_lg+' != '+n_lg+" - RLOAD");
        $.mobile.firstPage.find("#page_lg").val(n_lg);
//如果有改變把元網頁語系設定成現在網頁語系
var now_url = document.URL;
        $.post(now_url, function(data) {
            var setup = $(data).find("#top_main_menu").html();
            $('#top_main_menu').html(setup);
        });
    }
});

好吧

我得承認
我真的不會打教學文
我只會看與改
要經營部落格看來我還是差得遠XD

2012年4月16日星期一

[分享] [ 轉貼 ]jquery 樹狀選單

http://www.dynamicdrive.com/dynamicindex1/treeview/index.htm

還不錯的樹狀選單

有時候真的是趕快做出來就好
不要想太多了
畢竟自己不是大頭

很多時候事情就是需要有效率....

2011年12月8日星期四

【心得】google翻译api消失之后。。。。。

【心得】google翻译api消失之后。。。。。

google翻译api不能用了，因为什么经济原因什么什么的。。。。但是我们还有bing的api可以用！

网址是http://www.microsofttranslator.com/dev/

需要一个api key，去http://www.bing.com/developers/createapp.aspx这里创建一个就行了！
有三种接口：
AJAX 接口
AJAX 接口为您的网页应用程序提供基于 JavaScript 的翻译服务访问。

SOAP 接口
SOAP 接口可提供强类型的、基于网页服务标准的编程模式，并支持多种开发环境，如 .NET Framework。

HTTP 接口
HTTP 接口为启用网络的应用程序提供高度的互操作性，并支持多种开发环境。

举个例子：
http接口的
http://api.microsofttranslator.com/v2/Http.svc/Translate?appId=[api key]&text=[要翻译东西，别忘了用urlencode]&from=[从什么语言]&to=[到什么语言]

会得到翻译完的东西！ajax也不难！用用就知道了，简单的很！

----------------------------

覺得可惜
今天google要收費翻譯API
之後M$就不會嗎?
唉...只能走一步算一步囉

2011年11月23日星期三

IE9 & Mootools JS error

http://dev.85pixels.com/wordpress/tag/internet-explorer-9/

偶然發現這錯誤
解決方法
用1.4.1
IE9果然也不是省油的燈阿= =
要是大家都用jquery就好了厚...XD

Solved the issue by upgrading the mootools.js library to 1.4.1 (using google libraries api):
http://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js

IE9 & Mootools JS error

2011年11月16日星期三

解決 Flash 蓋住彈出目錄的方法

解決 Flash 蓋住彈出目錄的方法

無論是 CSS 下拉式目錄，或是 Javascript 製作出來的彈出式清單，一旦遇到 Flash 時，就被 Flash 遮蓋住，這個問題困擾了不少設計人員，原則上有兩種解決方法，一種是在圖層中使用 IFRAME，另一種則是改變 Flash 嵌入方式。
這裡要聊的，是第二種方法，先來看看問題狀況：

解決 Flash 蓋住彈出目錄的方法

2011年3月1日星期二

【轉貼】【好用】jQuery Impromptu-跳出視窗

【轉貼】【好用】jQuery Impromptu-跳出視窗

ㄝ...
就是分方便套用
但是要記得抓他的CSS下來用喔

2011年2月22日星期二

【轉貼】JQuery Tools Tip 範例(3-1)

【轉貼】JQuery Tools Tip 範例(3-1)

如果你覺得瀏覽器中的Tip太過陽春，可以建議你試試JQuery Tools Tip，他提供相當多種
類的 Tip 效果可以使用且功能強大。

2010年12月19日星期日

【轉貼】Standard Event Attributes

【轉貼】Standard Event Attributes

Standard Event Attributes

HTML 4 added the ability to let events trigger actions in a browser, like starting a JavaScript when a user clicks on an element.
To learn more about programming events, please visit our JavaScript tutorial and our DHTML tutorial.
Below is the standard event attributes that can be inserted into HTML / XHTML elements to define event actions.

and Events

The two attributes below can only be used in or :

Attribute	Value	Description
onload	script	Script to be run when a document load
onunload	script	Script to be run when a document unload

Form Events

The attributes below can be used in form elements:

Attribute	Value	Description
onblur	script	Script to be run when an element loses focus
onchange	script	Script to be run when an element change
onfocus	script	Script to be run when an element gets focus
onreset	script	Script to be run when a form is reset
onselect	script	Script to be run when an element is selected
onsubmit	script	Script to be run when a form is submitted

Image Events

The attribute below can be used with the img element:

Attribute	Value	Description
onabort	script	Script to be run when loading of an image is interrupted

Keyboard Events

Valid in all elements except base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title.

Attribute	Value	Description
onkeydown	script	Script to be run when a key is pressed
onkeypress	script	Script to be run when a key is pressed and released
onkeyup	script	Script to be run when a key is released

Mouse Events

Valid in all elements except base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title.

Attribute	Value	Description
onclick	script	Script to be run on a mouse click
ondblclick	script	Script to be run on a mouse double-click
onmousedown	script	Script to be run when mouse button is pressed
onmousemove	script	Script to be run when mouse pointer moves
onmouseout	script	Script to be run when mouse pointer moves out of an element
onmouseover	script	Script to be run when mouse pointer moves over an element
onmouseup	script	Script to be run when mouse button is released

2010年12月6日星期一

【心得】Jquery與Mootools衝突

寫到一半
發覺明明有載入JQUERY但是卻不能用
原來是與Mootools衝突
X的，又不能要設計師都用JQUERY
他們的工作不管這些，反正愛用哪個就用哪個...
還好"冰雪聰明"的JQUERY還是有辦法

var $j = jQuery.noConflict();

將一般用的"$"替換成"$j"即可....

真是X的...
JQUERY這麼好用
為什麼大家不都用JQUERY就好了呢?
X哩!!!

2010年9月14日星期二

【心得】【轉貼】javascript的match的正規表示驗證

簡單驗證(電話號碼範例)

有錯請鞭小力一點(́◕◞౪◟◕‵)♥

[0-9] 字元
{10,20} 10-20個字
重點---不加單引或雙引號!!!!!!!!!!!!!!!!!!!!!
    var $m_tel = document.getElementById('phone').value;   取值
    var $h_tel = document.getElementById('fax').value;

    var $m_tel_exp = /[0-9]{10,}/; 驗證方式
    var $h_tel_exp = /[0-9]{2,3}-[0-9]{5,}/;
    if(!($m_tel.match($m_tel_exp)))   用.match驗證
    {
      alert("行動電話格式錯誤，範例:0911000123");
      return false;
    }
    if(!($h_tel.match($h_tel_exp)))
    {
      alert("室內電話格式錯誤，範例:03-3266199 ");
      return false;
    }

相關資料

http://www.javascriptkit.com/javatutors/redev2.shtml

http://zoearthmoon.blogspot.com/2010/04/phpereg.html

2010年9月12日星期日

【轉貼】好用的HTML EVENT事件列表

Event Handlers

New to HTML 4.0 was the ability to let HTML events trigger actions in the browser, like starting a JavaScript when a user clicks on an HTML element. Below is a list of the attributes that can be inserted into HTML tags to define event actions.

2010年3月17日星期三

【JQUERY】無限欄位+刪除...

無限欄位

這是我做的一個小範例給大家參考，總之   我愛  JQUERY

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" >
function delthis($input)
  {
  //alert("01");
  $("#"+$input).remove();
  }
function addnew()
  {
  $tmpcount=$("#tmpcount").html();
  $nowhtml=$("#addsayadd").html();
  
  $tmphtml='<div id="addsay'+$tmpcount+
  '" ><br><input maxlength="10" size="10" name="addsay[]">
  <textarea cols="10" rows="2" name="addsayc[]"></textarea>
  <input value="delthis" type="button"
  onclick="delthis(\'addsay'+$tmpcount+'\')" ></div>';
  
  //$("#addsayadd").add($tmphtml);
  $("#addsayadd").add($tmphtml).appendTo($("#addsayadd"));;
  $(tmpcount).html($tmpcount++);
  }
</script>
<div id="tmpcount">1</div>
<input type="button" value="addnew" onclick="addnew()">
<div id="addsay" ><br>
<input maxlength="10" size="10" name="addsay[]">
<textarea cols="10" rows="2" name="addsayc[]"></textarea></div>
<div id="addsayadd" ></div>

訂閱：文章 (Atom)

台中阿任的網站_我愛派大星!

首頁

2012年12月5日星期三

jquery mobile 暫存問題

2012年4月16日星期一

[分享] [ 轉貼 ]jquery 樹狀選單

2011年12月8日星期四

【心得】google翻译api消失之后。。。。。

2011年11月23日星期三

IE9 & Mootools JS error

2011年11月16日星期三

解決 Flash 蓋住彈出目錄的方法

2011年3月1日星期二

【轉貼】【好用】jQuery Impromptu-跳出視窗

2011年2月22日星期二

【轉貼】JQuery Tools Tip 範例(3-1)

2010年12月19日星期日

【轉貼】Standard Event Attributes

Standard Event Attributes

and Events

Form Events

Image Events

Keyboard Events

Mouse Events

2010年12月6日星期一

【心得】Jquery與Mootools衝突

2010年9月14日星期二

【心得】【轉貼】javascript的match的正規表示驗證

2010年9月12日星期日

【轉貼】好用的HTML EVENT事件列表

Event Handlers

2010年3月17日星期三

【JQUERY】無限欄位+刪除...

About Me

Labels

首頁

2012年12月5日 星期三

2012年4月16日 星期一

2011年12月8日 星期四

2011年11月23日 星期三

2011年11月16日 星期三

2011年3月1日 星期二

2011年2月22日 星期二

2010年12月19日 星期日

Standard Event Attributes

and Events

Form Events

Image Events

Keyboard Events

Mouse Events

2010年12月6日 星期一

2010年9月14日 星期二

2010年9月12日 星期日

2010年3月17日 星期三

2012年12月5日星期三

2012年4月16日星期一

2011年12月8日星期四

2011年11月23日星期三

2011年11月16日星期三

2011年3月1日星期二

2011年2月22日星期二

2010年12月19日星期日

2010年12月6日星期一

2010年9月14日星期二

2010年9月12日星期日

2010年3月17日星期三