-->
./
<!-- フラ&#65533;ュが見れな&#65533;のためにここに何か書&#65533; --> フラ&#65533;ュがインス&#65533;&#65533;ルされて&#65533;&#65533;たいで&#65533;&#65533;&#65533;

Nanoの基本ガイド

Gentoo Linux ドキュメント -- Nanoの基本ガイド
このガイドはnanoの基本操作について非常に簡潔に書かれたものです。 さらに詳しく知りたいならば次のサイトを見てください。

http://www.nano-editor.org


posted by hirono at 14:59| Comment(0) | TrackBack(0) | UNIX/Linux

jQuery/CSSセレクタタイプ

jQuery入門(その1) - japan.internet.com デベロッパー
:フィルタ $("input:button") コロン(:)によってクエリにフィルタが適用されます。jQueryは3つのCSSフィルタといくつかのカスタムフィルタをサポートしています。
例: :not、:button、:visible、:hidden、:checked、:first,nth-child(1)、:has、:is、:contains、:parent

[属性] $("p[id^=pk_"] 要素の属性を選択します。
= 等価の文字列
^= ?で始まる
$= ?で終わる
*= ?を含む


posted by hirono at 04:20| Comment(0) | TrackBack(0) | JavaScript

jQueryでボタンを横並びに配置 UPDATED:2010-03-02_01:12

Entrydatas: view

jQueryでボタンを横並びに配置 UPDATED:2010-03-02_01:12
<div class='hline'>
 <form>
   <input type="button" value="TEST" onClick="changeText()">
 </form>

 <form>
   <input type="button" value="TEST" onClick="changeJpegSize()">
 </form>

 <form>
   <input type="button" value="Animate" onClick="changeAnimate()">
 </form>

 <form>
   <input type="button" value="info" onClick="changeImg1()">
 </form>

 <form>
   <input type="button" value="testGo" onClick="testGo2()">
 </form>

 <h2>xxxxxxxxxx</h2>
 <p>
   xxxxxxxxxxxxxxxxxaaaaaaaaaaa
 </p>
</div>


<script type="text/javascript">
$("div.hline form")
    .css("display", "inline");
$("input:button,input:submit")
    .css({background:"url('./images/view-40x19.png')",width:"40px",height:"19px",border:"2px solid red",marginTop:"6px"});
</script>

posted by hirono at 04:05| Comment(0) | TrackBack(0) | Rails

jQueryでボタンのスタイル設定 UPDATED:2010-03-02_00:58

jQueryでボタンのスタイル設定 UPDATED:2010-03-02_00:58
<script type="text/javascript">
$("input:button,input:submit")
    .css({background:"url('./images/view-40x19.png')",width:"40px",height:"19px",border:"2px solid red",margin:"2px"});
</script>

 どうもmargin-bottomなどとハイフンを含めると有効にならないみたいです。
 調べたところ、marginBottom:のようにハイフンを入れずに、代わりに次の先頭文字を大文字にするらしいです。Railsと似た規則でした。


posted by hirono at 03:58| Comment(0) | TrackBack(0) | Rails

Title: button_to_function

Date: 2010-03-02_03:30

Title: button_to_function

Url:

Entry:

View:ファイルの記載

<%= link_to_function("リンク", "changeJpegSize()") %>
<%= button_to_function("jQuery", "jqToggle()") %>
<%= button_to_function("RJS") do |page|
      page['testMsg'].toggle
end
%>

<div id='testMsg'>RJS button_to_function</div>
  <h2>jQuery:あああJavaScriptふかふかああぁぁっっぁ</h2>


JavaScript:ファイルの記載
function jqToggle(){
  $("h2").toggle();
}


Railsによって生成されブラウザに送られたHTMLコード:

<a href="#" onclick="changeJpegSize(); return false;">リンク</a& gt;
<input onclick="jqToggle();" type="button" value="jQuery" />
<input onclick="try {
$(&quot;#testMsg&quot;).toggle();
} catch (e) { alert('RJS error:\n\n' + e.toString()); alert('$(\&quot;#testMsg\&quot;).toggle();'); throw e };" type="button" value="RJS" />

<div id='testMsg'>RJS button_to_function</div>
  <h2>jQuery:あああJavaScriptふかふかああぁぁっっぁ</h2>

Date: 2010-03-02_03:30

Title: button_to_function

Url:

Entry:

View:ファイルの記載

<%= link_to_function("リンク", "changeJpegSize()") %>
<%= button_to_function("jQuery", "jqToggle()") %>
<%= button_to_function("RJS") do |page|
      page['testMsg'].toggle
end
%>

<div id='testMsg'>RJS button_to_function</div>
  <h2>jQuery:あああJavaScriptふかふかああぁぁっっぁ</h2>


JavaScript:ファイルの記載
function jqToggle(){
  $("h2").toggle();
}


Railsによって生成されブラウザに送られたHTMLコード:

<a href="#" onclick="changeJpegSize(); return false;">リンク</a& gt;
<input onclick="jqToggle();" type="button" value="jQuery" />
<input onclick="try {
$(&quot;#testMsg&quot;).toggle();
} catch (e) { alert('RJS error:\n\n' + e.toString()); alert('$(\&quot;#testMsg\&quot;).toggle();'); throw e };" type="button" value="RJS" />

<div id='testMsg'>RJS button_to_function</div>
  <h2>jQuery:あああJavaScriptふかふかああぁぁっっぁ</h2>

Date: 2010-03-02_03:30

Title: button_to_function

Url:

Entry:

View:ファイルの記載

<%= link_to_function("リンク", "changeJpegSize()") %>
<%= button_to_function("jQuery", "jqToggle()") %>
<%= button_to_function("RJS") do |page|
      page['testMsg'].toggle
end
%>

<div id='testMsg'>RJS button_to_function</div>
  <h2>jQuery:あああJavaScriptふかふかああぁぁっっぁ</h2>


JavaScript:ファイルの記載
function jqToggle(){
  $("h2").toggle();
}


Railsによって生成されブラウザに送られたHTMLコード:

<a href="#" onclick="changeJpegSize(); return false;">リンク</a& gt;
<input onclick="jqToggle();" type="button" value="jQuery" />
<input onclick="try {
$(&quot;#testMsg&quot;).toggle();
} catch (e) { alert('RJS error:\n\n' + e.toString()); alert('$(\&quot;#testMsg\&quot;).toggle();'); throw e };" type="button" value="RJS" />

<div id='testMsg'>RJS button_to_function</div>
  <h2>jQuery:あああJavaScriptふかふかああぁぁっっぁ</h2>



posted by hirono at 03:37| Comment(0) | TrackBack(0) | Rails