タグ

javascriptに関するmak_inのブックマーク (7)

  • よくある質問っぽいののjQueryを使ったサンプル|CSS HappyLife

    2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら?って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 (単純にボクがこのスタイルが一番見やすくて好きってだけだったり) サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル (サンプ

    よくある質問っぽいののjQueryを使ったサンプル|CSS HappyLife
  • Sharpan - お手軽Webホワイトボード

    Sharpan is a whiteboard easy to share with everyone via Internet. How to create a whiteboard? → Just click . How to draw on the whiteboard? → Just drag it with your mouse. How to share the whiteboard with my friends? → Just tell them the whiteboard's URL. Try sample board right now. Note: This service is beta. It may stop without announcements. This service is checked with Firefox 2, Int

  • 「足あとライブ!」に関するテクニカル・メモを書いてみた

    「足あとライブ!」や「ホットエントリーライブ!」を作っているうちに、CometサーバーとJavascriptをどう組み合わせれば良いか、なのどノウハウが色々とたまってきたので、一度テクニカル・メモの形にまとめてみることにした。ちょうど英語のブログの更新が止まっていて、なんとかせねばと思っていたので、そちらのエントリーとして書かせていただいた。 Live Page-View Counter, Comet server and JSON-push ソースコードすべてを公開しているわけではないが、C++で直接ソケットを操作するコードを書くことができて(つまりCometサーバーを自作することができて)、サーバー側のスクリプト(言語は問わない)とJavascriptをある程度書ける人であれば、このペーパーに書かれた情報を元に自分でも同じようなサービスを作ることが可能になるように書いたつもりである。も

  • ブログパーツをさがせ

    無料ブログパーツのサンプル集「ブログパーツをさがせ」。ダウンロード不要、簡単設置できるものを詳しく解説。紹介数1200を突破しました。ひと味ちがうレアなブログパーツをお探しの方に。ノーベル財団公式ウェブサイト「Nobelprize.org」から、2008年のノーベル賞受賞者のニュースがいち早く手に入るウィジェットをご紹介。(すげー、それ) Nobelprize.org widgets make it easier to discover who has received the 2008 Nobel Prizes, as soon as the official Nobel Prize Announcements are made, by bringing the news straight to your favourite web sites. 種類は、ここに置いてる縦幅が短いタイ

  • Life is beautiful: JSON COMETでリアルタイム・ページビュー・カウンターを作ってみた

    最近Linuxの勉強もかねて作っているのが、超シンプルなアーキテクチャーのHTTPサーバー。そこそこ動き始めたのだが、それだけでは面白くないので、サーバー側からイベントに応じてデータをPushできるCometの機能を足してみた。 ストレステストのために、昨日からこのブログにこっそりとテスト用のIFRAMEを貼り付けてあったのだが(そのおかげで、バグを三つばかり見つけることができた―感謝、感謝^^)、安定して動き始めたので、見栄えを整えてこのブログの右上に貼り付けてみた。 題して、「リアルタイム・ページビュー・カウンター(RPV Counter)」。Totalはこのカウンターをリセットしてからのページビューの数、Currentはその時点でこのブログを見ている人の数(ただしノイズあり)、PeakはCurrentの過去最大値だが、ページを再ロードせずとも、それぞれのカウンターが自動的にアップデー

  • サイト内の画像がグルグル回るJavaScriptコード(Funky JavaScript) - sta la sta

    http://www.slackpack.net/?q=node/374 こちらの記事では、ブラウザのアドレスバーから入力するとサイト内の画像がグルグル回りだすJavaScriptコードを紹介しています。 上の写真を見れば一目瞭然、コードを入力するとMyはてなのアイコン達も輪を成して回りだします。 その魅惑のJavaScriptコード(Diggだと「Funky JavaScript」って呼ばれてました)は以下の通り。 (ご利用は自己責任でお願いします。) javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI

    サイト内の画像がグルグル回るJavaScriptコード(Funky JavaScript) - sta la sta
  • Enjoy×Study - JavaScriptを書き始めるとき

    JavaScriptを書き始めるとき、いきなり*.jsやHTMLに書いたりするのではなく、大抵下記に試しに書いて実行してみます。 JavaScript Development Environment JavaScript Shell Web Development Bookmarklets 上記2つのブックマークレット版 JavaScript Shell は、補完機能なんかもあって高機能ですが、IE、Operaだとどうもうまく動きません。 JavaScript Development Environment は、ブックマークレット版じゃないほうはIE、Operaでも動くので、どちらかというとこっち使うときの方が多いです。(Operaでのエラー表示が出来てないみたいだけども…) ブラウザ上で簡単に試せるってのはすばらしいですね。 で、その後に*.jsやHTMLに書いて、後はFireBug使い

    Enjoy×Study - JavaScriptを書き始めるとき
  • 1