[JS]選択したスタイルをクッキーに保存できるスタイルスイッチャー | コリス
jQuery StyleSwichterは、ユーザーがスタイルシートを変更でき、変更したスタイルをクッキーに保存できる、設置が簡単なスクリプトです。 jQuery StyleSwichter デモページ スタイルシートの変更はレイアウトの色・スタイルや文字サイズなど、ユーザーの好みに合わせたブラウジングを提供することができます。 jQuery StyleSwichterの動作環境は、IE7, Fx2, Op9, Safari3となっています。 jQuery StyleSwichterはjQueryのプラグインのため、動作にはjquery.jsが必要です。
【ハウツー】ゼロからはじめるS5 - スクリプトひとつでプレゼンサイト (1) S5の概要 | パソコン | マイコミジャーナル
S5とは？ S5はブラウザ上でプレゼンテーション(以下プレゼンと省略)を行なうJavaScriptライブラリです。プレゼンを行なうアプリケーションとしてはパワーポイントが最も有名です。パワーポイントで作成されたプレゼンデータとブラウザ上で作成されたプレゼンデータには違いがあります。 S5の実行結果 ブラウザ上で処理されるプレゼン用のプログラムでは(X)HTML+CSSベースで処理されるため、Webブラウザを搭載しているデバイスであればプレゼン用の資料を閲覧することができるわけです。つまりゲーム機 や携帯電話でもパソコンでも見ることができます。何よりも手軽に作成できるところが利点です。 ブラウザ上で動作するプレゼンライブラリはいくつかありますが、S5は独自のフォーマットではなくOpera Show Format 1.0を採用しています。Opera Show Format 1.0はこちらのUR
[JS]アプリケーション構築も可能なライブラリExt 2.1, Ext GWT 1.0がリリース
高性能なインターネットアプリケーションの構築も可能なJavaScriptライブラリ「Ext 2.1」とJavaライブラリ「Ext GWT 1.0」が、2008年4月21日にリリースしました。 Ext JS 2.1 and Ext GWT 1.0 released, preview of Ext JS 3.0 Ext 2.0からの主な変更点は、バグフィックス・パフォーマンスの改善となっており、今回追加されたデモを紹介します。 また、次期バージョンのExt 3.0のデモもいくつかご紹介。 Ext 2.1のリリースの変更点は、Release Notes for 2.1.0になります。 Ext 2.1のデモ
404 Blog Not Found:javascript - tableの横列・縦列をハイライト
2008年03月18日06:30 カテゴリLightweight LanguagesTips javascript - tableの横列・縦列をハイライト これの「横列・縦列をハイライト」をDHTMLで。 Learn Cool Microsoft Excel Conditional Formatting Tricks - Be a Rock star (Tips | How tos - Save time, impress everyone) | Pointy Haired Dilbert - Chandoo.org エクセルのデータを見やすくする5つの簡単なテクニック | コリス まずは邪、じゃなくて横縞。 現金・預金株式以外の証券株式・出資金金融派生商品保険・年金準備金預け金未収・未払金対外証券投資その他合計 1979FY1,948,234242,722452,2410432,1241
[JS]軽量でシンプルなアコーディオンのスクリプト
leigeberのエントリーから、シンプルながらアコーディオンとして充分な機能を備えた、2.5KBの軽量のスクリプトを紹介します。 Lightweight Accordion with JavaScript and CSS Lightweight AccordionはjQueryやPrototypeなどの他のスクリプトに依存することなく、単独で動作するスクリプトで、対応ブラウザはIE6, 7, 8, Fx2, 3となっています。 ※Op9.5, Safari3.1 for Winでも正常に動作しました。 アコーディオンの開閉はアニメーションで実装されており、そのタイミングやスピードは変数なので簡単にカスタマイズが可能です。 CSSオフ時やスクリプトオフ時には、情報入手に差し支えないように表示されるので、使い勝手もよさそうです。
難読化されたJSコードをブラウザ上で可読化「JsDecoder」:phpspot開発日誌
JsDecoder Decode javascript obfuscated code ! 難読化されたJSコードをブラウザ上で可読化「JsDecoder」。 オープンソースのJSライブラリで、たまに、難読化だけのものが配布されていて、元のコードがない場合があります。 そんな場合、カスタマイズしづらかったりするのですが、このツールで元に戻してしまえば、カスタマイズも出来ますね。 関連エントリ MOONGIFT: » 難読化されたJavaScriptを見やすく「JsDecoder」:オープンソースを毎日紹介 JavaScript圧縮＆難読化ツールまとめ:phpspot開発日誌
階層ナビゲーション実装ライブラリ集:phpspot開発日誌
Multilevel Drop Down Navigation Menus: Examples and Tutorials Navigation menus are the most important element one should pay attention when designing a website. 階層ナビゲーション実装ライブラリ集をまとめたエントリが公開されていたので気になったものをいくつか紹介。 JavaScriptなどを活用して、マウスホバー/クリック時に開閉するおなじみのＵＩがいっぱいです。 Drop Down Tabs (5 styles) Professional Dropdown FastFind Menu- Mootools Unlimited Drop Menu Creating an Outlook Navigation Bar 全部見る デザイン
[JS]かわいい感じに画像を拡大表示するスクリプト -prettyPhoto
prettyPhotoは、角丸のかわいい感じのフレームやパーツを使用した、画像を拡大表示するLightbox風のスクリプトです。 prettyPhoto 背景色、拡大表示時のフレーム、ローディング時のアニメーション、ボタンなど他のLightbox風スクリプトよりかわいくデザインされています。 prettyPhotoで画像を拡大表示するには、スクリプトを外部ファイルとして、画像箇所に下記のようにrel属性に「prettyOverlay(一枚用)」「prettyOverlay(ギャラリー用)」を記述します。 <textarea name="code" class="html" cols="60" rows="5"> <a href="fullscreen.jpg" rel="prettyOverlay" title="画像の説明"><img src="thumbnails.jpg" alt="
[JS]Mootoolsのように領域をスムーズに伸縮するスクリプト -Kwicks
Kwicksは、Mootoolsにあるように領域をアニメーションでスムーズに収縮するスクリプトのjQuery版のスクリプトです。 Kwicks for jQuery デモ デモにある4つの矩形の領域はリスト要素となっています。 オプションとして、領域間のスペースの有無やアニメーションのタイミングを変更することが可能で、収縮させるのを矩形以外にして利用することも可能です。
コメントフォームにテキストエリアを伸縮できるボタンを付ける
コメントフォームにテキストエリアを伸縮できるボタンを付ける Permalink URL http://www.magicvox.net/archive/2007/06121632/ Posted by ぴろり Posted at 2007/06/12 16:32 Trackbacks 関連記事 (1) Post Comment コメントできます Category コメントフォームのテキストエリアは、それなりの広さを用意しているつもりでも、長文コメントを残してくださるビジタにとっては手狭かもしれません。必要に応じてコメントフォームのテキストエリアを伸縮できるよう、ちょっとしたボタンを用意する方法です。
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
テーブルのセルのclassを切り替える事は可能でしょうか？
新規HTMLで試してください。 <html> <body> <style type="text/css"> .red { background-color:red; } .white { background-color:white; } </style> <script> function a(v){ if(v == 1){ document.getElementById('test').className = "red"; document.getElementById('sel').className = "red"; }else{ document.getElementById('test').className = "white"; document.getElementById('sel').className = "white"; } } </script> <table><
テキストボックスに任意のURLを入力で移動するには。
<form> <input name="url" type="text" value="http://" style=" width:400px; "><br> <input type="button" value="開く" onclick="window.open(this.form.url.value,'freelink')"> </form> 単純に書けばこのような感じでしょうね。 あとはURLの形式チェックを行うのか？など もっとこうしたい という希望部分があれば、それを書けばきっとレスが入ります。 この回答への補足 ありがとうございました。移動できました。 上記の応用で移動先が例えばhttp://movie.goo.ne.jp/contents/movies/MOVCSTD12 … の様に決まっている場合でURLの.htmlの前のstoryだけをテキストボックスに入力するだけで上
javascriptでtableの該当行を削除ボタン
<script type="text/javascript"> function remove_row(o){ var TR = o.parentNode.parentNode; TR.parentNode.deleteRow(TR.sectionRowIndex); } </script> <td><input type="button" value="削除" onclick="remove_row(this)"></td> http://www.doraneko.org/misc/dom10/19981001/leve …
文字をテキストフィールドに記入する。
ボタンを押したら、その文字がテキストフィールドに記入されていく、といったスクリプトを作りたいのですが、どうもうまくいきません。 以下がとりあえず作成したスクリプトですが、ここからどのようにすれば、うまく出来るでしょうか？ とりあえずしたい事は、例えば、「野菜」「肉」「魚」と順にボタンを押すと、テキストフィールドに「野菜 肉 魚」と記入されていくようにしたいのですが。 今の状態ではボタンを押す度に、その文字が変わるだけで、連続して記入されていきません。 JavaScriptは初心者ですがアドバイス宜しくお願いします。 **************************** <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- str = new Array(3); str[0] = "野菜"; str[1] = "肉"; str[2] = "魚
おしえてBP！ ラジオボタンの切替で表示する内容を変更
状況がよくわかりませんが、単に表示をきりかえるだけなら以下のような やり方になると思います。 <html> <head> <style type="text/css"> #contents2,#contents3,#contents4{ display:none; } </style> <script language=javascript> function view(divId,divClass){ var divs=document.getElementsByTagName('div'); for(var i=0;i<divs.length;i++){ if(divs[i].className==divClass){ if(divs[i].id==divId) divs[i].style.display="block"; e
JavaScriptでボタンをクリックする度に、テーブルの行、列が1行ずつ追加されていくようにするにはどうしたらいいでしょうか？…
JavaScriptでボタンをクリックする度に、テーブルの行、列が1行ずつ追加されていくようにするにはどうしたらいいでしょうか？ちなみにこのような事が書いてあるJavaScriptの本もお薦め頂けたら嬉しいです。しかし本は必須ではありません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
noobSlide - mootools
http://javascript.maxux.com/js037.htm
http://www.designwalker.com/seed/2008/02/shadowbox.html