DOMNodeInsertedイベント

javascriptによる非同期通信のみで表示を更新するサイトです
javascriptによるソート機能がついてたり、マウスオーバーで部分的な更新やらいろいろされてて、すごく要素の書き換えが複雑に行われてます

JQueryのliveメソッド的なもので、出現時に実行できるものでも無いかなーと･･･

>>801
うおおお、ありがとうございます
ちょっと勉強してきます

>>801
無事目的が達成できました
的確なアドバイス感謝します
この度はありがとうございました

画像の色を変換したいと考えてる。
例えばもってきた画像の赤を青、緑を黄色になど変換したい。
いい方法あるかな？見当もつかない。
アドバイスとかでいいなにか教えてほしい

帰れ

html5のcanvasに書かれた画像にフィルタかけるような感覚だろうか

canvasでいいな

さげれてなかった。すまん。
html5のcanvasと
画像にフィルタか。
難しそうだな、ちょっと調べてくる。

おまええらそうだな

>>810
確かに良くないね。
>>807
>>808
レスありがとうございます。
助かりました。

>>812
文字列が正規表現かどうかチェックしているのだと思われます

AS3 の mouseEnabled = false みたいなことをしたいんですが、
一時的にマウスイベントを無効にする方法ってありますか？
フラグ作ってリスナごとに抜ける処理作るしかないですか？

>>816
ありがとうございます。
肝心な所がわかってませんが、それの意味はわかってきた気がします。

何が分かってないのかも分かってないんじゃないか

>>814
ベンダー付きでマウスロックがあった希ガス
requestなんちゃらで

WinRTで開発してる方いませんか？
やっぱJSなだけにソースコードは丸見えなんでしょうか？

選択した画像の高さとサイズをfile APIで取得の質問
<form name="form1">
<input type="file" name="file" onchange="preview_image(this);">
</form><br/>
<div id="aa"></div>
<script>
function preview_image (input) {
var reader = new FileReader;
var onLoad_Reader = {size: NaN, handleEvent:ken};
reader.addEventListener('load', onLoad_Reader, false);
reader.readAsDataURL(input.files[0]);}

function ken(e){
var t = e.target;
if (t instanceof FileReader) {
alert("ok");
this.size = e.total;
var img = new Image;
img.addEventListener('load', this, false);
img.src = t.result;
return;
alert("ok2");}
if (t instanceof Image) {
var img =t;
$("#aa").html('size:' + this.size+"<br>"+
'width:'+img.naturalWidth+"<br/>"+
'height:'+img.naturalHeight);
return;}
}

reader.addEventListener('load', onLoad_Reader, false);
をreader.onload = function(){～}
で書き換えたいのですが、うまくいきません。
addEventListenerの第2引数に関数でないオブジェクトを渡すという
コードは今までにみたことがなくさっぱり分かりません。
reader.onload = function(){～}で書き換えが可能であるならば
教えてください。

>>823
addEventListenerには、関数の他にEventListenerインターフェースを実装したオブジェクト
を渡すことができる。
（EventListenerインターフェースとは、handleEventというメソッドを持つオブジェクトと思ってOK）

onloadを使う方法に書き換えちゃうと、readerに複数のloadイベントをくっつけられなくなるから
やめたほうがいい

http://developer.mozilla.org/ja/docs/DOM/element.addEventListener#Syntax

800越えたんで、大きなテンプレ変更の提案あれば今どうぞ。

canvasのWebページをキャプチャし新しいタブに表示するプログラムがあるのですが
さらに、キャプチャした画像の色を（例として赤を緑に、青を黄色になど）変換したいと
思っているのですが手がつかず困っています。
どなたか教えて頂けませんか？

//ページ全体をキャプチャ
(function(){
var win = window.content;
var w = win.innerWidth + win.scrollMaxX;
var h = win.innerHeight + win.scrollMaxY;

var pos = chromeWindow.document.getElementById('main-window');
var scrollbox = chromeWindow.document.createElement('scrollbox');
scrollbox.width = '1';
scrollbox.height = '1';
pos.appendChild(scrollbox);

var canvas = win.document.createElement('canvas');
canvas.style.display = 'inline';
canvas.width = w;
canvas.height = h;
scrollbox.appendChild(canvas);

var ctx = canvas.getContext("2d");
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.save();
ctx.scale(1.0, 1.0);
ctx.drawWindow(win, 0, 0, w, h, "rgb(255,255,255)");
ctx.restore();

gBrowser.addTab(canvas.toDataURL("image/png"));
pos.removeChild(scrollbox);
})();

getColordata(関係あるかどうか)など調べていますがわかっていません。
よろしくお願いします。

Mozilla のページから外部リンク踏んだときだけ戻れなくなるんだけど、
どうなってるの？？？

JavaScriptじゃセキュリティで無理じゃね？
それFlashだからな

2chのブラウザみたいに.jpg.png.gifってなだけで
サーバーにうｐもせずブラウザ上でイメージを作成するのはやめとけよ

File API使えばできる気がするんだが

どうでもいいけど昔
canvasの絵をbase64でサーバーにPOST
↓
phpでpngファイル作る
↓
サーバーにうｐ

っての作ったな

>>829
マジで言ってるのか釣りなん？ググればわかるだろう。

input type="file"で参照した画像をサーバーに上げることなく、
画像プレビューしたいなら可能だぜ。
ただし、これはfile APIというHTML5に分類される技術を
使ってる。window.Fileが真になるブラウザで使える。
http://d.hatena.ne.jp/favril/20100506/1273143063

従来のやり方ならどうしてもサーバーにうｐ予定の画像を置かないと
画像プレビューができない。しかし、これはかなりややこしい
ってかサーバー側のプログラミング言語とJavascriptの連携
するから、かなり難しいから初心者はやめとくのをすすめる。

>>829-832
file API使って画像うｐしたURL(画像プレビュー)は
data:image/jpeg;base64,/9j/4A～(以下英数字が延々と続く)
って具合でdata:image/jpeg;base64～の形になるぜ。

自分も、画像を挿入できる掲示板作ってるけど
サムネイル表示は、サーバ側のJavaプログラムでサムネイル
作ってからそのURLを画面側で参照させてる。

それ一度アップロードしてるやん

飛鳥先生って何で収入得ているの？

アップロードさせればいいんだけど
そのままブラウザに表示させるのはそのままはモチロン、base64でも危ないんじゃね？

いったんテンポラリ領域にアップロードさせてサムネイル作る。
その後、画面側でOKかどうかを選択して、OKなら画像ファイルを
保存領域に移動させつつ、解像度ごとのリサイズ版作ってる。
スマホ用、タブレット用、PC用。
キャンセルされた場合は、テンポラリ領域のファイルを物理削除。
併せて、DBにもファイル情報書き込むようにしてる。

処理はめんどくさいんだけど、アップロードした画像に対して
いろいろきめ細かい制御できる。
アップロード自体は、jquery.uploadプラグイン使ってる。

別にアップロードなんてさせなくてもFile APIで十分でしょ
それに対応してないブラウザは表示されないけど、それは使ってるブラウザが悪い

これからの時代はHTMLにbase64エンコされた文字列を書いといて自前生成

セキュリティで考えると
imgをクラでそのままimg→危険
imgをクラでbase64→安全
imgをfileAPIで→安全

こういうこと？

残念だがHTML5関連は時期早々なんだよな
勧告まだだし

あれ？勧告今年じゃなかったっけ？
まだやってないの？

どーせIEが一人で足ひっぱってるんだろーけど

>>845
えっ？

<head>
<script type="text/javascript" src="/jquery-lightbox-2.51/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/jquery-colorbox/colorbox/jquery.colorbox.js" ></script>

<link rel="stylesheet" type="text/css" href="/jquery-colorbox/example1/colorbox.css" media="screen" />

<script type="text/javascript">
$(document).ready(function(){
$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:385});
});
</script>
</head>

<body>
<a class="youtube" href="http://www.youtube.com/watch?v=U4UwoDtTAD4" title="mov">
<img src="" alt="mov" /></a>
</body>

colorboxを使って、動画をポップアップ表示させようとしているのですが上手くいきません
ウインドウはポップアップするのですが、動画の再生が始まりません
静止画では問題なく機能します

参考にした↓のサイトも同様に再生されていません
http://jsajax.com/Articles/jquerycolotboxyoutube/1372

ただ、他のサイトのコードも確認したのですが、それほど変わりがないように思います
他サイトのポップアップは正常に再生できます

ブラウザはfirefoxとIE8で確認しましたがどちらでも動きません

すいません…
誤爆です…