タグ

JavaScriptに関するamnmaのブックマーク (382)

  • JavaScript初級者から中級者になろう — uhyohyo.net

    このページの最終更新日:2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScript歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav

    JavaScript初級者から中級者になろう — uhyohyo.net
  • 日本語向けfonts.css登場? 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum

    去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生

    日本語向けfonts.css登場? 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
  • 「jQuery Mobile」を活用したスマートフォンサイト作成(前編)

    はじめに 今回は、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。jQuery MobileはjQueryと同時に読み込んで使用するもので、スマートフォン向けサイトでよく使われるスライダースイッチなどのフォームを簡単に呼び出すなど、スマートフォン向けUIサイトが簡単に作成できます。今回はjQuery Mobileとは何かを解説し、ごく簡単なスマートフォン向けサイトを作成してみます。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 今回使用したjQuery Mobile1.2.0がサポートしているjQueryのバージョンは1.7.x、1.8.xで、1.6.x以前のバージョンと1.9.xはサポート外となっています。このため、今回のサンプルスクリプトで使用しているjQueryのバージョンは1.8.

  • [JavaScript] ブラウザの戻るボタンを無効にする方法

    <script type="text/javascript"> history.forward(); </script> 上記スクリプトをソースの上の方(head内など)に記述します。 上記方法でInternetExplorerやGoogleChromeには対応できますが、Firefox系には対応できません。 Firefox系に対応する為にはさらにもう一行追記します。 <script type="text/javascript"> window.onunload = function(){}; history.forward(); </script> ちなみに厳密にはJavaScriptでブラウザの戻るボタンを無効にする方法はありません。 【history.forward();】は、戻るボタンを押して1ページ分戻った際に「forward」で1ページ前に進めています。

    [JavaScript] ブラウザの戻るボタンを無効にする方法
  • 戻るボタンを擬似的に制御する - 旧燈明日記

    ブラウザの戻るボタンは、たぶん普通、JavaScript等では制御できません。 しかし、戻るボタンを無効にしたいケースは、結構ありますね。 たとえば、ログインが必要なサイトからログアウトした後に、戻るボタンを押されるとログインできてしまうとか。 そんな時は、『戻りたくないページ』に以下のJavaScriptを入れておきます。 <script type="text/javascript"> history.forward(); </script> すると、あたかも戻るボタンが無効になったようになるのです。 説明すると、『戻りたくないページ』が初回に表示したときは、forwardのページがまだないので、このスクリプトは無視されます。 そして、『戻りたくないページ』から『他のページ』に移ったあと、『他のページ』から戻るボタンを押すとforwardされます。 このforwardは、その『他のページ

    戻るボタンを擬似的に制御する - 旧燈明日記
  • 目的別/ブラウザ/戻るボタン禁止 - 俺専用 JavaScript Reference

    2015-04-03 文法/演算子 演算子 2015-03-13 CSS/プロパティ一覧 2015-03-11 型 RecentDeleted 目的別/スタイル 2014-06-11 FrontPage 2014-04-18 目的別/ブラウザ 2014-02-12 Frontpage 2013-11-20 try_catch_finally 目的別/文字列 目的別 目的別/画像 Global/encodeURIComponent window/setInterval 目的別/ソート 2013-08-05 目的別/スタックトレース 2012-11-12 目的別/関数 instanceof typeof 目的別/ブラウザ ブラウザの「戻る」ボタンを禁止する。 † 直接禁止する方法はない。 ブックマーク、履歴、アドレスバーへの直接入力まで考えると、まず不可能。 そもそも当に戻れてはならないのか

  • 大規模 JavaScript その設計と実装と現実

    ワイヤーフレームとはどういうものか?という概略 ワイヤーフレームだけでは説明しきれないところをどう補うか、が課題 Adobe XD Meeting #05での発表内容です

    大規模 JavaScript その設計と実装と現実
  • サブウィンドウの大きさと開く位置の指定する - JavaScript

    サンプルと機能 → Sample 1:リンクボタンをクリックするとサブウィンドウを開く → Sample 2:ページを表示すると同時にサブウィンドウを開く サブウィンドウの大きさと、開く位置を指定します。 サブウィンドウは画面の中央に開くこともできます。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー&貼り付けして編集してください。 sample.htmlの内容は省略します。 → Sample 1:リンクボタンをクリックするとサブウィンドウを開く <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // サブウィンドウの大きさと開く位置の指定 l = 60; // 表示するx座

  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • ページサイズやスクロール位置を取得する - 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.

  • ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study

    ブラウザの表示領域を取得するに当たって、「ブラウザの種類」×「表示モード(標準/互換)」によって参照するプロパティが変わってきます。 IE、FireFox、Opera、Safariにて、表示モード毎に参照すべきプロパティをまとめてみました。(Safariについては2007/05/20に追記) 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth d

    ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study
  • テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な気がします。 jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのものを消す事も可能ですよ。 セル内は編集可能で、普段はこのように通常と変らないインターフェースを維持できます。マウスでクリックするとプルダウンや入力エリアが出現。 編集してもソート機能は維持 ソート機能が付いていますが、セル内に変更を加えても、変更後の内容でソートしてくれます。

    テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear - かちびと.net
  • そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」:phpspot開発日誌

    そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」。 次のように、クリックでその場で編集できるテーブル実装用のjQueryプラグインです。 以下のような特徴があるようです。 ajaxによるデータ読み込み マウスホイールやキーボードによる操作 カラムやテーブルのリサイズ機能 並び替え、フィルタ機能付き ツールチップ機能付き コンテンツにHTMLを入れることも可能 CSSによるテーマデザインが可能 以下のエントリを参照してください。 Zentense: Zentable 関連エントリ スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 わずか2.5KBでテーブルにソート機能を提供する「TinyTable」 テーブルの列でソートするJavaScriptライブラリ

  • jstree

    You can see the code of the following demos in the demo folder of the download

    jstree
  • JavaScript : 日本語入力時のキーイベント

    日本語入力時に発生するキーイベントのテスト 下のテキストボックスに文字を入力すると、右側に発生したキーイベントが表示されます。 ブラウザごとの挙動をまとめたブログ記事は → コチラ。 ユーザエージェント = - キャプチャをクリアする

  • / - 海豹日記

    {今年|今月|今週|今日}も何%過ぎました ゆく河の流れは絶えずして、しかももとの水にあらず (鴨長明:荘子) FESTINA LENTE ゆっくり急げ (ローマ帝国初代皇帝 アウグストゥス) 立派にできたのであれば、それは十分早くできたことになる (ローマ帝国初代皇帝 アウグストゥス) 海豹日記 へようこそ このサイトは、個人的な覚書を残しておくサイトです 自分は、よくこんなことをします 何かの困りごとや興味の赴くままに、いろいろ調べる 数か月後に、そのことを忘れてしまって、同じことについていろいろ調べる。しかし、そのうち、数か月前の自分が、同じことを同じように調べていたことに気づく それは不毛なので、覚書を残しておこうというわけです (主人公のアリスに掴まれて、チェス盤のはるかかなたまで持ち上げられたことのあるチェスの王さまが、当時のこと思い出し) 王さま「あの瞬間の恐怖といったら、わ

  • JavaScript : 日本語入力時のキーイベント。 - freefielder.jp

    さてさて、JavaScriptで「日本語入力がON & 変換確定時に何か処理をしたい」と考えました。「日語の変換が確定した」という情報を得なくてはなりません。キーイベントを受け取ることで、日本語入力中 / 変換確定 の区別は可能なんだろうか。 手元にある、いくつかのブラウザで挙動を調べてみた。 Firefox 3.6.x (Gecko 1.9.2) : Mac OS X , Windows , Linux(Xubuntu) 日語変換中は、全てのキーで keydown,keypress,keyup,全てのイベントを受け取らない。 確定のエンターキーを押したときのキーアップイベントから復活。 Internet Explorer 8 日本語入力中、keydownにはキーコード"229"が、keyupには押したキーのキーコードが返ってくる。キープレスイベントは発生しない。 日語変換中の 複数

    JavaScript : 日本語入力時のキーイベント。 - freefielder.jp
  • JavaScript で日本語の変換途中の文字列を取得する

    JavaScript で日語の変換途中の文字列を取得する input form に onKeyDown とか指定してイベントを受け取るようにすると、現在入力している文字列が取得出来るわけですが、残念ながら日語の変換確定前の文字列は IE でしか取得出来ません。 しかし setTimeout の処理とかを使えば IE 以外のブラウザでも取得出来るのですが、このやり方について解説している人を見掛けた事が無いので紹介しておきます。ええ、まぁ、実際にそんな事がしたい状況ってのはあんまり無いんですけどね。JavaScript で自動フリガナ入力 ってのを見たら、やっぱり onKeyDown のせいで IE 以外のブラウザには非対応っぽいので Firefox 対応版になったら嬉しいなと思ったもので。 それで肝心のやり方ですが、実際にサンプルを見た方が早いと思うので、以下に用意しました。何も難し

  • Loading...

  • jstree

    jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources and AJAX loading. jsTree functions properly in either box-model (content-box or border-box), can be loaded as an AMD module, and has a built in mobile theme for responsive des

    jstree