ページサイズやスクロール位置を取得する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 現在位置を取得するときのの基準となる、ウィンドウ・サイズ、ドキュメント・サイズ、スクロール量を取得するJavascript。ブラウザ互換とかで割りと苦労しました。 スクロール量（横）: スクロール量（縦）: ウィンドウ・サイズ（横）: ウィンドウ・サイズ（縦）: ウィンドウの中央位置（横）: ウィンドウの中央位置（縦）: ドキュメント・サイズ（横）: ドキュメント・サイズ（縦）: 以下にソースを出します。 スクロール量を取得 function getScrollPosition() { var obj = new Object(); obj.x = document.
YUI Dependency Configurator
YUI Dependency Configurator: Choose the YUI components you want to use on your page; beneath the button toolbars, the text area will update with the sorted dependency list required to power your desired components. By default, we'll use aggregrate (rollup) files where possible and serve the files from yui.yahooapis.com. You can allow rollups and/or set your own base URL path if you choose. The Com
JavaScriptでの独自右クリックメニューライブラリ作った - spiritlooseのはてなダイアリー
さて、たまにはJavaScriptでも。 JavaScriptで独自の右クリックメニューを簡単に使うライブラリ作った。 http://spiritloose.net/misc/popupmenu/ デザインはlivedoor Readerから頂きました。 var popup = new PopupMenu(); popup.add('メニューに表示するテキスト', function(target){ // なんか処理 }); popup.addSeparator(); // セパレータ追加 popup.bind('targetElement'); popup.bind(); // document がターゲット こんな感じで使える。 jsファイルひとつでよくて、メニューのHTML書く必要はない。スクリプトのみでOK。 CSSファイルとか、他のライブラリとかも不要。 その分デザイン変えるため
UTF-8文字列を圧縮されたUTF-8文字列に変換するライブラリ u-lzss - llameradaの日記
UTF-8文字列の圧縮ライブラリを作っている。いまさら圧縮ライブラリをなぜ作るのかというと、JavaScriptによる全文検索エンジンで、インデックスの圧縮を行いたいからである。検索結果に概要文を出すには、インデックスが元テキスト全てを含む必要がある。従って、インデックスサイズの肥大化を避けるには、圧縮が必要不可欠である。ところが、次の条件を満たすライブラリを見つけられなかった。 圧縮後のデータがUTF-8文字列 JavaScriptで復元可能 前者の条件が必要なのは、JavaScriptでバイナリが扱えない為、圧縮後のデータがUTF-8文字列である必要がある為である。後者の条件は当たり前であるが、意外に該当するライブラリは少なかった。JavaScriptによるzipの解凍ライブラリは公開されているが、ライセンスが不明であった。 しょうがないので、LZSS符号をベースに、自分でライブラリを
FormAssembly: Secure Online Forms - Data Collection and Form Builder
Transform your outdated processes and empower essential business initiatives with FormAssembly forms and Workflow. FormAssembly Workflow The new age of data collection Imagine a world where work just flows. It's possible with FormAssembly Workflow, the new solution that'll change the way you work for the better. With Workflow, teams can visually map out the flow of data to enable better decision m
Prototype Javascript Framework― API.Prototype API Documentation
You're visiting a deprecated Prototype API Documentation page for Home. This URL is deprecated and will no longer be supported. In 10 seconds, you'll be redirected to the latest version of this documentation: /doc/latest Please update your links and sorry for the incovenience. If you want a different version of this documentation, please head to the documentation versions index page.
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
透過PNGの罠の解決法 - to-R
AUSGANG SOFTさんが透過PNGの罠としてAlphaImageLoaderフィルターの問題点を指摘されています。 ブロックレベル要素に対してAlphaImageLoaderフィルターを使用した場合、内包するa要素のハイパーリンクが押せなくなるようです。 目から鱗ですね。 そんな問題点があるのは全く知らなかったです。 解決方法をいろいろ模索してみたのですが、AlphaImageLoaderフィルターを指定している要素内のa要素のposition属性にrelativeを指定すれば解決できます。 ボクが配布しているalphafilter.jsはハイパーリンクに対応済みなのでぜひ使ってみてください。 ついでにimg要素のalign属性にも対応しておきました。 ライセンスもMITライセンスに変更しました。 関連エントリー アルファ画像を扱うalphafilter.jsライブラリ IEとそれ以
JavaScript: クロスブラウザでブロック要素内のクリック座標を得る方法:phpspot開発日誌
JavaScript: クロスブラウザでブロック要素内のクリック座標を得る方法 ちょっとやることがあって調べてみたら案外情報が見つからず、実現するのに時間がかかったのでメモしておきます。 <script type="text/javascript"> <!-- function clickhandler(event) { if (!event) { event = window.event; } var hx, hy; if (document.all) { // for IE hx = event.offsetX; hy = event.offsetY; } else { hx = event.layerX; hy = event.layerY; } alert("x:"+hx+",y:"+hy); // return [hx,hy]; } //--> </script> <div on
【レビュー】カユいところに手がとどく - 軽量・高速「jQuery」 (1) jQueryとは | エンタープライズ | マイコミジャーナル
1 jQueryとは jQueryはJavaScriptで開発されたAjaxライブラリ。The MIT LicenseおよびGNU GENERAL PUBLIC LICENSE Version 2のデュアルライセンスで提供されているオープンソースソフトウェアで、一口でいえばPrototype.jsとよく似たJavaScriptライブラリだ。2006年9月23日(米国時間)に公開された「Ajaxian.com 2006 Survey Results」の調査結果によると、もっとも人気があるAjaxフレームワークは上から順にPrototype、Script.aculo.us、Dojo、DWR。割合は7%ながらも6位にはiQueryがランクインしている。 jQueryはPrototype.jsに触発されて開発がはじまったライブラリで、Prototype.jsと類似した表記方法を採用しつつ、整理され
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」:phpspot開発日誌
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫：フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]
insertAdjacent.js - Thousand Years
どっかで見たことあるんですが見つからない…というわけでfxでinsertAdjacent系が利用できるものをつくりました。これ使ってdocument.writeハックするとなんか面白いことできそうです。ちなみにinsertAdjacent系はIEとOperaでは利用可能です。お持ち帰りでお願いします。 ドキュメント DOMの見慣れないメソッドHTMLElement.insertAdjacent〜 - Thousand Years ソース (function() { if('HTMLElement' in this){ if('insertAdjacentHTML' in HTMLElement.prototype){return;}; }else{ return; }; function insert(w, n) { switch(w.toUpperCase()) { case 'BEFO
単数形を複数形に変換するJavaScript(複数形から単数形も) - Cheese Pie
追記：id:amachangさんからアドバイスをもらったので書き直してみました！ 大きなデータはプロトタイプで持つとオブジェクトを作るたびに生成しなくて済むのでメモリに優しくなる、という理解ですがいいんだろうか・・・ ついでに複数形から単数形に変換するsingularize()メソッドも追加しました JavaScriptの勉強を始めたので、何か書こう。 配列の扱いと正規表現的なとこを確認したので、単数形と複数形に変換するソースを書いてみる。 といっても、cakePHPのinflector.phpを参考というかJavaScriptで書き換えてみただけ！！ inflector.js function Inflector() {} Inflector.prototype.pluralRules = { pluralRules : { '/(s)tatus$/i':'RegExp.$1+"tatu
Orangoo Labs - AJS - Ultra lightweight JavaScript library
The ultra lightweight JavaScript library Introduction AJS is a ultra lightweight JavaScript library that is around 2 years old. It is inspired by MochiKit, but differs by being small and expressive. The current version is only 33 KB (uncompressed!), whereas MochiKit and other libraries such as JQuery, Mootools or Prototype is over/around 100 KB. AJS includes: Powerful and easy to use AJAX function
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://openjsan.org/doc/k/ke/kevinj/Archive/Tar/0.01/
?D of K
Spinelz - JavaScript libraries
http://snippets.dzone.com/posts/show/3481
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる