JavaScript

訪問がhttp接続かどうか調べる

SSL接続を意識しないで作ったページに、https://〜で接続していると、IEで「保護されているのと保護されていない〜なんたら」のようなアラートがでたり、ページが表示されない、なんて事があります。これは、http://で画像や外部ファイルを読み込んだりして…

jQuery ウインドウの幅取得メモ

HTML , Javascript <html> <head> <title>width sample</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function…</meta></head></html>

AS2.0+textField+htmlText+Safari+window.openで注意

結論。 AS2.0にて、htmlText=true の textFieldで、aのhref属性からwindow.openを呼び出してポップアップウインドウを開くのは、Safari3では、ポップアップウインドウのブロックが効いている場合は無理のようだ…。 代案ですが、ブラウザ分岐等でSafariのみ、…

スマートな、透過pngをIE6で表示させるライブラリ「DD_belatedPNG」

ちょこっとメモ。 DD_belatedPNG: Medicine for your IE6/PNG headache!がトラブルが少なかったので使いやすそう。 今ざっと使ってみた感じだと、こんな感じでしょうか。。。。 DD_belatedPNG.fixPng( yourElement ) ←引数のselecterは、透過pngのimgや、透…

配列に、検索文字列と同じキーがあるかどうか調べる

タイトル通りです。 PHPのarray_key_existsとは引数や返り値が異なります。 モグリが書いたコードなので色々ごめんなさい。ツッコミがあったら是非。 if ( ! String.prototype.arrayKeyExists ) { /* * 配列に、検索文字列と同じキーがあるかどうか調べる。 …

WYSIWYGエディタ「FCKeditor」 + PHP のシンプルなWebページ更新システム

既存のWebページを、ブラウザから更新できるようにしたい HTMLの知識がなくても、太字で強調したり、文字にリンクをつけられるようにしたい 不要な機能はなくし、なるべくシンプルなシステムにしたい これを実現するのに、 WebベースのWYSIWYGエディタ(Web…

ローカル+FireFox+window.open+p24で動かないって何故?!

<a href="#" onclick="window.open('example.html','p24','width=500,height=500');return false;">a</a>これがなぜか動かない。WindowsXP SP2 + FireFox3 + ローカルで閲覧の場合。 サーバにアップすると動作する ウインドウ名が「a24」〜「o24」、「q24」〜「x24」や、「p14」「p23」「p25」は動作する IE6は動作する う〜ん、よくわからないのでとりあえず…

透過pngをIE6で表示させるライブラリは便利だが、background-positionは対応できない

※最近使ってみた別のプラグインのメモです→スマートな、透過pngをIE6で表示させるライブラリ「DD_belatedPNG」 - Web & Design Creation notes+++ http://blog.l-xs.com/yungsang/2007/04/iepngfix_tips_1_1.html こちらのライブラリは、他のライブラリにも…

IE6でa要素以外にhover擬似クラスのCSSを適用したい時に便利な「ie6csshover.htc」

何このタイトル、意味不明! よーするに、↓これをIE6でできるようにしたい時に便利なJavaScriptなのです。 li:hover { color:red; }そのJavaScriptライブラリですが、こちらの「ie6csshover.htc」はとっても使いやすいです。 IE 6 以下で CSS の E:hover, E:…

SWFObjectについてメモ

MacOS9 + IE5.1でも動く(SWFObject1.5) IE7(?)で古いFlashPlayerが入っているとおかしくなる http://mtl.recruit.co.jp/blog/2008/02/ie7swfobject.html

MacIEで「undefined」かどうか調べる時の注意点

WinIEのようにエラーが出ないので、原因がなかなかわかりませんでした。 alert("test1"); if (hoge != undefined) { //処理 } alert("test2");これだと、「test1」のアラートが出るだけになってしまいます。 alert("test1"); if (typeof(hoge) != "undefined…

カラーピッカー

http://www.knallgrau.at/code/colorpicker 色々世にでているJavaScriptのカラーピッカーで一番お気に入りです。グラフィック系のソフトに慣れている人向けには、このスライダー式がベストだと思います。 ただ、キャンセルができないのでちょこっと弄ってみ…

しょっぱなにやってしまいがちな、CSS的ノリのミス

JavaScrptでスタイルシートを記述した時についやってしまっていたミスが2つありました。以下の1行で2つすでにやらかしています。 element.style.background-color = '#00ffff;'; 1つ目。プロパティ。JavaScriptの場合、『-』(ハイフン)をとって、-の後の1…

リンク先のサムネイルを表示するプラグイン「LinkThumb Plugin」

外部リンクのリンク先のキャプチャを表示します。 くわしくは、こちら→Vendre un bien qui est loué à en Poitou Charente : les droits du propriétaire et du locataire | でどんなものか紹介されています。 Link ThumbnailというJavaScriptのライブラリを…

area要素は幅と高さを持たないのか

恥ずかしながら、今更気づいたこと。 area要素のoffsetWidthとoffsetHeightが0だった。winIE6、*1Firefox2において。 W3C勧告の翻訳では、 1つ以上のAREA要素。この要素に内容はないが、イメージマップの区割りと、各領域に関連づけるリンクとを指定する。ユ…

折りたたみメニューを「Accordion」で実現

Blog等でエントリーが増えてくると、メニューが縦にどんどん伸びてきて嫌なのでこちらのような感じに折り畳めるようにできるAjaxライブラリを探してみました。 探した、というよりmootoolsを使用したサイトだったので、MooToolsでできるかなーと思いまして。…

中身のないboxにonmouseoverのイベントを設定する際の注意

前にひっかっかたのを忘れてまたもやひっかかってしまう注意点がこれ。 WinIE6で再現。 CSSでwidth、heightを明示したボックスでも、要素の中身が空だと、onmouseover等のイベントが発生しない ただし、CSSでbackground-color or background-imageを正しく明…

フォトギャラリー関連エフェクトメモ

写真をサムネイルから拡大表示させるエフェクトが必要になったので、今さらながらメモ。 http://www.huddletogether.com/projects/lightbox2/ サムネイルクリック→拡大表示エフェクトの代表。 Highslide JS - JavaScript thumbnail viewer Lightbox.jsよりこ…

script.aculo.usを使ったフェードアウトでCSSのpositionに悩んだ時

JavaScriptで、一定時間ごとに要素をフェードイン・アウトさせて切り替えるサンプルがこちらにありました。 RestlessDev : San Francisco Web Developer 参考リンク script.aculo.us のファイルサイズを軽減する - 2nd life script.aculo.usの読み込みの負荷…

一部のサーバ + WinIE6 + 関数の中に2バイト文字のコメントアウト でエラー?

タイトルみたいな現象に出くわしました。 おいているサーバによってはぜんぜん平気なので不思議。 URLも関係あるかも。http://hoge.net/とhttp://hoge.net/index.htmlで違うとか。 もうちょっと調べてからまとめます。

データバインド

http://www.makoto3.net/document/databind/databind_all.htmlWinIE限定ですが、HTMLで検索・絞込み処理をしているページでこんなのをみかけました。 とりあえずメモ。あとでまとめます。。

JavaScript + FlashVarsでswfにGET値を渡す

例えば、 http://www.hoge.com/index.html でswfを読み込んでいて、 http://www.hoge.com/index.html?aaa=bbb でアクセスした時と、 http://www.hoge.com/index.html?aaa=ccc でアクセスした時とでswfの表示を変えたい時、 値をgetで渡す サーバサイドスクリ…

ストライプテーブル

http://kyosuke.jp/portfolio/javascript/stripedtable.html 中村 享介さん作JavaScript。 table要素にclass指定するだけで、その中のtr要素に対して交互にクラス名を割り当てるスクリプト。(上記リンク先より。)CSS Nite vol.10で鷹野さんがちらっと言っ…