diary

Javascriptを使い(ライブラリを使わずに)リンク先の画面を別ウィンドウで横幅を固定しポップアップ表示させたい。

いっこ前のエントリと同じ実装をjQueryを使わずにJSだけで実現するには、下記のようにします。html・・・class名に"popup"を記述 <a href="caution.html" class="popup">ご登録いただくにあたってのご注意</a> javascript if (window.addEventListener) { /* Firefox */ window.addEventListener("load", …

JavaScript(jQuery)を使い、リンク先の画面を別ウィンドウで横幅を固定しポップアップ表示させたい。

例えば会員登録画面で、「ご登録いただくにあたってのご注意」の画面を幅800pxでポップアップ表示させたい場合。html・・・class名に"popup"を記述 <a href="caution.html" class="popup">ご登録いただくにあたってのご注意</a> javascript $(function(){ $('a.popup').click(function(){ window.open(thi…

Firefoxで、float:leftさせた2つのボックスが重なるのを回避したい。

<div class="boxl"> 左カラム </div> <div class="boxr"> 右カラム </div> こうしたHTMLで、Firefoxだけ、float:leftさせた2つのボックスが重なる(右カラムが左にくっつく)場合がある。これは、右カラムのボックスに margin:0 0 0 auto;を入れて回避する。 div.boxl{ float:left; width:100px; } div.boxr {…

【自分用】シンプルなjQuery tab タブ

$(function(){ $("div#tabs1").css("display","block"); $("div#tabs2").css("display","none"); $("div#tabs3").css("display","none"); $("#tab_a").click(function(){ $(this).siblings().removeClass("current"); $(this).addClass("current"); $("div#t…

Apple Touch Icon ( apple-touch-icon ) を Android にも設定したい

Apple Touch Iconsのhtmlおよび画像の設定は下記のように設定するのが良いでしょう。例)アイコンの画像を/sp/common/img/ディレクトリに置いた場合の記述例●html <link href="/sp/common/img/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed"> ●iconを置く場所ルートディレクトリにapple-touch-icon.pngまたはapple-touch-icon-precompo</link>…

スマートフォンとPCサイトやタブレット(iPad,Androidタブレット)でサイト表示を振り分けたい(参照元がスマホサイトの場合、リダイレクトしない)

スマートフォンサイトとPCサイトを振り分け、さらにスマートフォンのユーザがPCサイトを見たい場合、再度スマートフォンサイトへのリダイレクトを防ぐという設定をしてみました。/にPCサイトのindex.html、/sp/にスマートフォンサイトのindex.htmlがある場合…

文字コードShift-JISのHTMLドキュメントに$.ajaxで外部xmlを読み込みたい

Android2.1の端末ではShift-JISで書かれたXMLは$.ajaxでパースされません。そこで、XMLの文字コード→UTF-8HTMLの文字コード→Shift-JISに設定すればOK!XMLの文字コードをHTMLと揃えてShift-JISにしなければ・・・と考えるとはまります。

スマートフォン⇔PC/タブレット(iPad,Androidタブレット)でサイト表示を振り分けたい

スマートフォンの場合⇔PC/タブレットの場合での分岐の例です。iPadやAndroidタブレットではPC向けサイトを表示させたい用途です。 $(function(){ var ua =navigator.userAgent; if (ua.indexOf('iPhone') > -1 || ua.indexOf('iPod') > -1 || (ua.indexOf('A…

margin-bottomを用いボックスの高さを揃えたい

「class名"netKakaku"を子要素に持たない場合、spanクラス名priceにnoNetKakakuというクラスを付加する」(クラス名noNetKakakuをcssで一行分マージンを指定)という、わけあってちょっと複雑な方法で実現しました。本当に自分参照用のメモなので、詳しく知り…

Lazy Load Plugin for jQueryでスクロールした際にフワッと画像が浮かび上がるような効果を得る

<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src=jquery.lazyload.mini.js></script> <script type="text/javascript">//</head></html>

jQueryで画像に張ったリンクの飛び先を変更する

例えば、このようなhtmlがあります。 <p> <a href="http://www.google.co.jp/"> <img src="banner_a.jpg" /> </a> </p> 上記htmlでは、「banner_a.jpg」という画像をクリックすると、Google日本のサイト(http://www.google.co.jp)に飛びます。こういう記述がサイト内に複数個所あり、すでにハードコーディング済みです。しかし、後にな…

rollover

$(function(){ $("img.rollover").mouseover(function(){ $(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2")); }).mouseout(function(){ $(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2")); }…

Phone Gapを使いHTML5のWebアプリをネイティブアプリ化したい(Android編)

HTML5によるアプリ制作の利点としては、iOS向け、Android向けを問わず、ワンソースで各プラットホームに対応したネイティブアプリを生成可能である点があげられる。私も代表的なオーサリングツールのひとつ、PhoneGapを使用しまずはAndroidのネイティブアプ…

jQuery - ページ遷移でフェードイン(fadeIn)するエフェクトをつけたい

$(function(){ $('#wrapper:not(body #wrapper)').css({display:'block',opacity:'0'}); $('#wrapper:not(body #wrapper)').animate({opacity:'1'},500); $('body #wrapper').css({display:'block',opacity:'0'}); $('body #wrapper').animate({opacity:'1'}…

window(ウィンドウ)のheight(高さ)を javascriptで取得したい(jQuery編)

ウィンドウの高さを取得し、その高さを#container要素に適用したい時などは以下のように書きます。JS(jQuery) var wH = $(window).height(); //alert (wH); $(function(){ $('#container').css('height',wH+'px'); });HTML <html> <head> </head> <body> <div id="container"> 本文本文本文 </div> </body> </html> さらにウィ…

jQuery 1系の最新版をGoogle AJAX APIから取得したい

下記のコードをHTMLにペーストすることで常にその時点でのバージョン1系の最新版(このエントリーを書いている時点では1.6)のjQueryを参照することができます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>しかし、jQuery 2.X系になったら1系の最終バージョンしか取得できなくなりますよね。。常に最…

HTML5 入門(2)HTML5の用途

1.PC向け一般Web一般のWeb閲覧向けのコーディングでは、まだ対応状況がまちまちなため、現状ではhtml5はcss3も含め、プログレッシブ・エンハンスメントの考え方で段階的な導入を余儀なくされている。 ◆プログレッシブ・エンハンスメントとは・・・全てのブ…

ボタンの個数分、横幅を均等に分割する

jQueryの.sizeでその要素の個数を取得できますので、ボタンのliの個数を取得して、それが1つまりボタンがひとつのときは幅を500pxに、そうでない場合つまりボタンが2つの場合は幅を250pxにするという指定をします。 $(function(){ var n_size = $("#btn li")…

ITホワイトボックス「コンビニに“必ずほしいものがある”理由とは?」

「コンビニに“必ずほしいものがある”理由とは?」放送日: 2011年5月12日(木) バーコード、POSシステムの活用により正確な在庫管理(品切れを起こさない)、データマイニング(マーケティングへの活用)等、コンビニのIT活用について詳しく解説。 ポイント…

jQueryでdocument.getElementByIdと等価を取りたい

素のDOM var e = document.getElementById("prev");をjQueryスタイルで取得するには var e = $("#prev")[0];または $("#prev").get(0)と書く。参考サイトjQueryでdocument.getElementByIdと等価を取る : mwSoft blog

Androidの音楽製作(作曲)アプリ×2

かつてのQY70のような感覚で使えるAndroidアプリを求め、2つのアプリケーションを購入してみた。Budgerigar QY70のように使いたいという目的はかなり満たしたMIDIシーケンサーアプリケーション。 GM準拠の127音色。MIDIのイベントリストの閲覧/編集やMIDI…

赤REGZAフォンに黒いケースを装着してみた。

REGZAフォン Originally uploaded by dentaq 黒と赤という組み合わせが好きなので、黒いケースを選んでしまった。 「ケースと本体の色が合ってない」「黒いところが増えて格好良くなった」と、 賛否両論ありますが、個人的には装着してみた感想としては、 赤…

REGZAフォン購入。

今まで使っていたイーモバイルのS21HTの2年縛りがようやく終わるというので、携帯事業者の乗り換えも含めた機種の変更を前々から考えていた。 iPhone4は最後まで未練が残ったものの、私の両親、妻の両親、妻とみなドコモの携帯を使っていて、家族割やら様々…

正月三が日の行動録

大晦日は午前中大掃除の続きをし、夜は紅白、カンブリア宮殿などをチャンネル替えしながら年が明けるのを待ち、年が明け一旦就寝。 元日は朝、妻の作ってくれたお雑煮をいただく。醤油味。 昼頃、大学の友達Sが帰省途中うちに立ち寄り、子供の顔を見に来てく…

ようこそ2011

さよなら2010、そしてようこそ2011。 あたらしい、まっさらな一年という時間をいただきました。 さてここに何を刻んでいこうか。 貧しい人にも富める人にも、すべての人に平等なものは時間だけ。 大事に使わなきゃいけないね。 このブログも"Stay hungry,sta…

ありがとう2010

あと2分で今年も終わりです。 2010はプライベート、仕事ともに激動の一年でした。 振り返ると、良いことも悪いことも、人間万事塞翁が馬という言葉が真っ先に浮かんできます。 2009年末の婚約(12)、同棲(12月)、年明けて妊娠(1月)、失業(3月)、再就職(5月)、…

手帳 2011

高橋書店 2011手帳 ビジネス手帳〈小型版〉 5 144来年はこれを使ってみます。本当に小さい手帳です。 結局のところ、自分にとって、手帳は小さければ小さい程いい。そのなかで選んだのがこれ。 iPhoneやREGZAフォンなどの大型スマートフォンと大体同じく…

音楽で磨いたクリエイティブ脳を世の中でどう活かすか?

音楽を志し、自分なりの方法論を確立するくらいまで探求し、音楽制作のクオリティもプロレベルまで持ってきた。 音楽理論も完璧、二次ドミナント?、スケール?モード?何でも来い!さぁ、この才能を世の中で活かしきるぞ! …と意気込んでサウンドクリエイタ…

大きな一歩

先週から格闘していたJavaScriptによる簡易CMS、本日いったん納品した。 今回、JavaScriptの基本言語仕様(主にfor文とif文)とjQueryでDOMを思いのまま操れるスキルを習得したことは大きな一歩。 ページ内の特定のIDを持つ要素に縦横無尽にアクセスし、テキ…

今週のまとめ。

今日はお客さんを交えある案件の打ち上げであった。 金曜日に仕事関係の人と飲むというのは良いことですね。 身内には労をねぎらう。お客さんとは感謝を伝え合う。 少しは社会人らしくなってきたかな。 妻子を得たことも大いに関係があろう。 高度な人間社会…