存在しないブログIDです ご指定のURLはアメブロ未開設、誤ったURL、または既に退会処理をされたURLです。 再度URLをご確認ください。
存在しないブログIDです ご指定のURLはアメブロ未開設、誤ったURL、または既に退会処理をされたURLです。 再度URLをご確認ください。
print " " print "veryyyyyyyyyyyyyyyyyyyyyyyyy loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong string" ←これを押すとTEXTAREAに変わる。 __ i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻。最近僕も1行が長いソースコードを貼り付ける(例: Just Another Python Hacker, その3、Just Another Ruby/Python Hacker,)のに、わざわざ改行してみたりtextareaを使ってみたり、と色々試行錯誤していたのですが、結局満足のいくできにならず。それならJavaScriptで、と思って試作したのが上のサンプ
一番簡単な画像置換の方法-imageReplace.js- 画像置換は設置がややこしく。 デメリット・メリットの切り分けが困難です。 そんなわけで一番簡単な画像置換の方法として、画像置換javascriptライブラリ-imageReplace.js-を作ってみました。 設定は簡単head要素内にimageReplace.jsを読み込むだけ。 <script type="text/javascript" src="./imageReplace.js"></script> あとは、画像置換したい要素にclass属性に『imageReplace』と記述しスペースを空けて『置換する画像名』、『ロールオーバーする画像名』を記述します。 例えばこんな感じに。 <a class="imageReplace ajax_a.gif ajax_b.gif" href="/ajax/">Ajax</a> 『ロー
最近エントリーの更新を怠っているのは、javascript勉強中でなかなか時間が作れないでいるから(時間を作ろうとしていないのが本音)。何とかしてモノにしたいのだが、これまた思うように理解できていなく毎日振り出し状態。自分にはとても難しすぎる感じがしてきた今日この頃。把握するのにも本に記載されていることやWEBで紹介されていることなどを読んでもイマイチ。 やはり、簡単なスクリプトから理解しながら手打ちでタグを打ち込んで表示処理を経験していかないとダメっぽい。36歳には、なかなか手ごわすぎる。 最近凝っているものは、引用タグの<blockquote></blockquote>もの。 引用を簡単にできるjavascriptを作ろうかと思っていたら、やはり先駆者がいて、その方のスクリプトがスゴく、それを把握するのにも時間がかかっていたのもある。 今回はその方のjavascriptを紹介。 引用マ
次のHTML文書の断片をDOM APIを利用して生成してみます: <div class="container" id="foo"> <h2>だいあろぐ</h2> <label> <input type="button" onclick="alert(true)" /> </label> </div> 実際にやってみると次のようになります(一例)。 var div = document.createElement('DIV'); var h2 = document.createElement('H2'); h2.appendChild(document.createTextNode('だいあろぐ')); div.appendChild(h2); var label = document.createElement('LABEL'); var input = docu
2006年09月28日02:00 カテゴリLightweight Languages javascript - DOMMakerで楽々DHTML DHTMLは便利なものだが、DOM関連の関数でHTMLを「描く」のは、あまりに面倒だ。 たかだか <a target="blank" href="http://blog.livedoor.jp/dankogai">404 Blog Not Found</a> とやるのに、 var a = document.createElement('a'); a.setAttribute('target', 'blank'); a.setAttribute('href', 'http://blog.livedoor.jp/dankogai'); a.appendChild(document.createTextNode('404 Blog Not Found'
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね?とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
Googleがonclickにはhref="javascript:void(0)"も付ける理由?に頂いたコメントを元に再び考察してみました。 Tabでのフォーカス云々は独自にショートカットキーを実装してるので大して意味が無い話だと思います。 個人的な好みとしては、アプリケーションごとのショートカットキーを覚えるのは面倒なうえ、後述の問題があるため、あまり好きではありません(GMでカスタマイズは別として)。 というのも、Operaのような比較的高性能なショートカットキーを持つブラウザの場合、アプリケーションごとのショートカットキーが操作の邪魔となることが多いからです。例えば(サポート外なのは理解していますが)LDRですと、Shift+↑↓がフックされるため、「フォーカスの移動」が制限されてとてもストレスが溜まります。 だからといって「勝手に独自キーを定義するな」と一概に言うことは出来きないの
「人」の一つ。 2025年1月現在、中等度のうつ病により病気療養中です。 ※ ゲームの企画・シナリオを担当された「にゃるら」さんとは別の人です。 プロフィール 1988年代の早生まれ。単なる「人」の一つ。 去る2003年代、高校一年生の時に自滅的に精神を病み、そのまま今現在に至るまで延々と病気療養中。 最初の10年は統合失調症。次の10年は中等度のうつ病、とあまりに状態が良くない。 一時期、Webアプリケーションエンジニアとしてアルバイトをしていたものの、 諸々の事情と双方の合意を以って退職。以後、病状が良くなったり悪くなったりして生活している。 学歴 2019年9月 - N高等学校を卒業 職歴 2022年8月 - 2023年9月 - Webアプリケーションエンジニア・アルバイト社員 登壇歴 builderscon.io 2019 LT(飛び込み) builderscon.ioの前にキーボ
GreaseMonkey では GM_xmlhttpRequest で他のページとってくるじゃないですか。で、onload して req.responseXML をとるなり req.responseText をとるなりするけど、どうにもこうにも not well-formed なページ (HTML とか) をとってきてノード検索するとき面倒くさいんですよ。responseXML はもちろん空だし、responseText はもちろんただのテキストだし。 で、なんとなく思いついたので以下のように解決するようにした。 GM_xmlhttpRequest({ method : "GET", url : i.href, onload : function (req) { // てきとーなエレメント作って突っ込む (ブラウザにパースさせる) var d = document.createElemen
XHTMLでCDATA区間を使う。以上。 経緯 HTML4のscriptタグでJavaScriptをちょろっと書く時、中にHTMLタグがあるとダメという話が発端である。例えば、以下のようなのがダメだ。 <script type="text/javascript"> document.write('<p><a href="http://www.hikoboshi.org">hikoboshi.org</a></p>'); </script>ちなみに、ブラウザで動かせば多分動く。(試してないけど。)じゃあ何がダメかというと、HTMLの仕様的に。ちなみにこういう書き方をすると、多分HTML4でもXHTML1でもダメだと思われ。 そんな話をきっかけに、いろいろ調べた。 何故ダメか まずはHTML4のDTDを調べる。(別にstrictを選ばなくても良いんだけどとりあえず。) http://www.w
なんか、はてなブックマーク経由で、突然、昔のエントリー(JavaScript ソースが HTML から消える日)にアクセスが集中しているのに気づいて、急遽、フォローアップ エントリーをアップすることにしました。あのエントリーを書いてからまだ半年ですけど、あの時点で僕が気づいていなかったことも幾つかありましたし、何より状況が随分変化してます。 手みじかにおさらいしておくと、「JavaScript ソースが HTML から消える日」で紹介したのは、Ben Nolan 氏が開発した behaviour.js という JavaScript ライブラリです。このライブラリは、関数の実行場所を、外部 js ファイル内で CSS セレクタを使って指定することができ、これによって従来 HTML 中に埋め込んでいたイベントハンドラ部分も含め、文書構造(document structure → HTML の役
[2006-06-10 付記]このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり!なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます! しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定!あまり日本では取
Nifty_Cornersに関する議論 出典 日本語での紹介記事 2005年3月19日 2005年3月20日 2005年3月21日 2005年3月22日 2005年3月23日 2005年3月24日 関連情報 HTML + CSS + DOM(Javascript)を用いてブロックの角を丸く見せる手法(Nifty Corners)に関する議論。 出典 Nifty Corners: rounded corners without images by Alessandro Fulciniti 日本語での紹介記事 谷賢一さん 画像なしで角を丸くするCSSテク: Nifty Corners - PLAYNOTE たつをさん [を] CSSで角を丸くする 2005年3月19日 DACさん 適宜覚書: 角を丸めたいのは分かるが 寸゛(ずん)さん ?D 大和但馬屋バンブラ日記 - 角を丸めず頭を丸めよ j
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例) <scrip
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが,これは XHTML 1.1 や XHTML Basic では採用されていません. ではどうするかというと,スクリプトを使うわけですが, <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると,一見解決したようですが,JavaScript が off の場合はリンク先に飛べません. しかも,ステータスバーにリンク先が出ないので不安になります.これを <a href="foo.html" onclick="window.open('f
■Yahoo!メールの各種脆弱性の修正完了 Yahoo!メールに3種の脆弱性がありましたが修正完了しました 問題の性質から直ちに発表しても差し支えありませんので公開いたします。 以下はIPAからの情報です。(一部伏字) - ------------------------------------------------------------------ このメールは、取扱い番号 IPA#37553132 に関する連絡です。 - ------------------------------------------------------------------ ○○○○○様 IPA セキュリティセンターです。 Yahoo メールの 3 件について、ウェブサイト運営者より、届出いただきまし た脆弱性関連情報に対する修正が完了したとの報告がありました。 IPA#37553132-1:イメージブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く