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

2010年03月07日

view_entry_html/75#RJSでDOM要素を操作

page.select('div#d1 span.s1').each do |value|
     value.toggle();
end


http://api.rubyonrails.org/classes/ActionView/Helpers/PrototypeHelper/JavaScriptGenerator/GeneratorMethods.html
を参考にしました。


RJSでDOM要素を操作
RJSでDOM要素を操作 posted by (C)hirono-hideki

Powered by ScribeFire.

posted by hirono at 21:16| Comment(0) | TrackBack(0) | JavaScript

Title: prototype.jsでCSSのスタイルを変更

http://kennsu.jp/2006/10/prototypejs.html
を参考にしました。

 jQueryは取り除き、使っていません。参考にしたところとは違って、jQueryと同じくハイフンを除いて次の文字を大文字にする必要がありました。動かなかったので試したところ、これでうまくいきました。


HTMLの一部(Railsなのでerbテンプレート)
  
  ウィンドウ下中央部

    aaaaaaaa
    JavaScript
    bbbbbbbb
    JavaScript
    cccccccc
    JavaScript
    dddddddd
    JavaScript



function setjsStyle(){
  Element.setStyle('js_title', 
  {
"fontSize" : "30pt", "color" : "green"
  });
}


test1

Powered by ScribeFire.




prototype.jsでCSSのスタイルを変更
prototype.jsでCSSのスタイルを変更 posted by (C)hirono-hideki

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

prototype.js v1.5.0 の使い方

prototype.js v1.5.0 の使い方
それは何?

prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。

もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。

加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。

ここで提供する例とリファレンスを読んでいると、プログラミング言語 Ruby に詳しい開発者は Ruby のビルトインクラスと、このライブラリが実装している拡張が非常に似ていることに気がつくかもしれません。

目次


Powered by ScribeFire.

posted by hirono at 16:45| Comment(0) | TrackBack(0) | JavaScript