のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,645,213人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

元スレ+ JavaScript の質問用スレッド vol.103 +

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
801 : Name_Not - 2012/11/01(木) 14:53:57.82 ID:??? (+65,-29,-15)
DOMNodeInsertedイベント
802 : Name_Not - 2012/11/01(木) 14:55:16.00 ID:??? (+50,+17,-84)
javascriptによる非同期通信のみで表示を更新するサイトです
javascriptによるソート機能がついてたり、マウスオーバーで部分的な更新やらいろいろされてて、すごく要素の書き換えが複雑に行われてます

JQueryのliveメソッド的なもので、出現時に実行できるものでも無いかなーと・・・
803 : Name_Not - 2012/11/01(木) 14:59:43.53 ID:??? (+62,+29,-1)
>>801
うおおお、ありがとうございます
ちょっと勉強してきます
804 : Name_Not - 2012/11/01(木) 16:30:29.31 ID:??? (+66,+29,-13)
>>801
無事目的が達成できました
的確なアドバイス感謝します
この度はありがとうございました
805 : Name_Not - 2012/11/01(木) 22:57:55.71 ID:aXIGdGCM (+27,+29,-29)
画像の色を変換したいと考えてる。
例えばもってきた画像の赤を青、緑を黄色になど変換したい。
いい方法あるかな?見当もつかない。
アドバイスとかでいいなにか教えてほしい
806 : Name_Not - 2012/11/01(木) 22:58:52.16 ID:??? (+40,+22,+0)
帰れ
807 : Name_Not - 2012/11/01(木) 23:04:44.88 ID:??? (+34,-29,-44)
html5のcanvasに書かれた画像にフィルタかけるような感覚だろうか
808 : Name_Not - 2012/11/01(木) 23:05:04.93 ID:??? (+31,-28,-15)
canvasでいいな
809 : Name_Not - 2012/11/01(木) 23:11:13.12 ID:aXIGdGCM (+3,+5,-34)
さげれてなかった。すまん。
html5のcanvasと
画像にフィルタか。
難しそうだな、ちょっと調べてくる。
810 : Name_Not - 2012/11/01(木) 23:15:33.90 ID:??? (+86,+29,+0)
おまええらそうだな
811 : Name_Not - 2012/11/01(木) 23:19:58.20 ID:??? (+66,+29,-1)
>>810
確かに良くないね。
>>807
>>808
レスありがとうございます。
助かりました。
813 : Name_Not - 2012/11/02(金) 16:41:41.08 ID:??? (+7,-19,-16)
>>812
文字列が正規表現かどうかチェックしているのだと思われます
814 : Name_Not - 2012/11/02(金) 16:50:08.56 ID:??? (+3,-29,-45)
AS3 の mouseEnabled = false みたいなことをしたいんですが、
一時的にマウスイベントを無効にする方法ってありますか?
フラグ作ってリスナごとに抜ける処理作るしかないですか?
817 : Name_Not - 2012/11/02(金) 18:28:45.77 ID:Hg+LA2uf (-10,+29,-19)
>>816
ありがとうございます。
肝心な所がわかってませんが、それの意味はわかってきた気がします。
818 : Name_Not - 2012/11/02(金) 19:23:14.35 ID:??? (+57,+29,-3)
何が分かってないのかも分かってないんじゃないか
819 : Name_Not - 2012/11/02(金) 21:11:23.72 ID:??? (+2,-26,-16)
>>814
ベンダー付きでマウスロックがあった希ガス
requestなんちゃらで
820 : Name_Not - 2012/11/03(土) 06:43:10.78 ID:??? (+7,-20,-14)
WinRTで開発してる方いませんか?
やっぱJSなだけにソースコードは丸見えなんでしょうか?
821 : Name_Not - 2012/11/03(土) 08:35:33.53 ID:??? (+23,-30,-212)
選択した画像の高さとサイズを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]);}
822 : 821 - 2012/11/03(土) 08:37:37.79 ID:??? (+3,-30,-238)
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;}
}
823 : 821 - 2012/11/03(土) 08:40:45.51 ID:??? (+9,-30,-123)
reader.addEventListener('load', onLoad_Reader, false);
をreader.onload = function(){~}
で書き換えたいのですが、うまくいきません。
addEventListenerの第2引数に関数でないオブジェクトを渡すという
コードは今までにみたことがなくさっぱり分かりません。
reader.onload = function(){~}で書き換えが可能であるならば
教えてください。
824 : Name_Not - 2012/11/03(土) 10:03:30.71 ID:??? (+4,-30,-180)
>>823
addEventListenerには、関数の他にEventListenerインターフェースを実装したオブジェクト
を渡すことができる。
(EventListenerインターフェースとは、handleEventというメソッドを持つオブジェクトと思ってOK)

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

http://developer.mozilla.org/ja/docs/DOM/element.addEventListener#Syntax
825 : Name_Not - 2012/11/03(土) 10:17:29.60 ID:??? (+57,+29,-7)
800越えたんで、大きなテンプレ変更の提案あれば今どうぞ。
826 : Name_Not - 2012/11/03(土) 23:10:18.35 ID:??? (+72,+29,-60)
canvasのWebページをキャプチャし新しいタブに表示するプログラムがあるのですが
さらに、キャプチャした画像の色を(例として赤を緑に、青を黄色になど)変換したいと
思っているのですが手がつかず困っています。
どなたか教えて頂けませんか?

827 : 826 - 2012/11/03(土) 23:12:20.70 ID:??? (+3,-30,+0)
//ページ全体をキャプチャ
(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(関係あるかどうか)など調べていますがわかっていません。
よろしくお願いします。
828 : Name_Not - 2012/11/04(日) 08:39:55.52 ID:??? (+13,-14,-6)
Mozilla のページから外部リンク踏んだときだけ戻れなくなるんだけど、
どうなってるの???
830 : Name_Not - 2012/11/04(日) 11:14:43.70 ID:??? (+29,+14,-17)
JavaScriptじゃセキュリティで無理じゃね?
それFlashだからな
831 : Name_Not - 2012/11/04(日) 11:17:25.04 ID:??? (-1,-29,-35)
2chのブラウザみたいに.jpg.png.gifってなだけで
サーバーにうpもせずブラウザ上でイメージを作成するのはやめとけよ
833 : Name_Not - 2012/11/04(日) 11:40:10.03 ID:??? (-1,-29,-15)
File API使えばできる気がするんだが
834 : Name_Not - 2012/11/04(日) 12:35:28.00 ID:??? (-3,-29,-43)
どうでもいいけど昔
canvasの絵をbase64でサーバーにPOST

phpでpngファイル作る

サーバーにうp

っての作ったな
835 : Name_Not - 2012/11/04(日) 14:20:41.67 ID:??? (-6,-29,-119)
>>829
マジで言ってるのか釣りなん?ググればわかるだろう。

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

従来のやり方ならどうしてもサーバーにうp予定の画像を置かないと
画像プレビューができない。しかし、これはかなりややこしい
ってかサーバー側のプログラミング言語とJavascriptの連携
するから、かなり難しいから初心者はやめとくのをすすめる。
836 : Name_Not - 2012/11/04(日) 14:34:19.13 ID:??? (-5,-30,-52)
>>829-832
file API使って画像うpしたURL(画像プレビュー)は
data:image/jpeg;base64,/9j/4A~(以下英数字が延々と続く)
って具合でdata:image/jpeg;base64~の形になるぜ。
838 : Name_Not - 2012/11/04(日) 17:34:02.27 ID:??? (-1,-29,-42)
自分も、画像を挿入できる掲示板作ってるけど
サムネイル表示は、サーバ側のJavaプログラムでサムネイル
作ってからそのURLを画面側で参照させてる。
839 : Name_Not - 2012/11/04(日) 17:39:17.14 ID:??? (+52,+29,-1)
それ一度アップロードしてるやん
840 : Name_Not - 2012/11/04(日) 18:09:10.21 ID:??? (+52,+29,-8)
飛鳥先生って何で収入得ているの?
841 : Name_Not - 2012/11/04(日) 18:12:44.97 ID:??? (+44,+16,-11)
アップロードさせればいいんだけど
そのままブラウザに表示させるのはそのままはモチロン、base64でも危ないんじゃね?
842 : Name_Not - 2012/11/04(日) 18:26:22.87 ID:??? (+15,-29,-125)
いったんテンポラリ領域にアップロードさせてサムネイル作る。
その後、画面側でOKかどうかを選択して、OKなら画像ファイルを
保存領域に移動させつつ、解像度ごとのリサイズ版作ってる。
スマホ用、タブレット用、PC用。
キャンセルされた場合は、テンポラリ領域のファイルを物理削除。
併せて、DBにもファイル情報書き込むようにしてる。

処理はめんどくさいんだけど、アップロードした画像に対して
いろいろきめ細かい制御できる。
アップロード自体は、jquery.uploadプラグイン使ってる。
843 : Name_Not - 2012/11/04(日) 19:31:18.85 ID:??? (+0,-28,-26)
別にアップロードなんてさせなくてもFile APIで十分でしょ
それに対応してないブラウザは表示されないけど、それは使ってるブラウザが悪い
844 : Name_Not - 2012/11/04(日) 20:01:13.96 ID:??? (-1,-29,-20)
これからの時代はHTMLにbase64エンコされた文字列を書いといて自前生成
845 : Name_Not - 2012/11/04(日) 20:06:51.63 ID:??? (+27,-29,-52)
セキュリティで考えると
imgをクラでそのままimg→危険
imgをクラでbase64→安全
imgをfileAPIで→安全

こういうこと?
846 : Name_Not - 2012/11/04(日) 20:12:58.69 ID:??? (+57,+29,-20)
残念だがHTML5関連は時期早々なんだよな
勧告まだだし
847 : Name_Not - 2012/11/04(日) 20:14:13.47 ID:??? (+57,+29,-20)
あれ?勧告今年じゃなかったっけ?
まだやってないの?

どーせIEが一人で足ひっぱってるんだろーけど
848 : Name_Not - 2012/11/04(日) 20:19:25.29 ID:??? (+51,+25,-1)
>>845
えっ?
849 : Name_Not - 2012/11/04(日) 21:06:34.32 ID:??? (+93,-30,+0)
<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で確認しましたがどちらでも動きません
850 : 849 - 2012/11/04(日) 21:10:21.55 ID:QrRwxLXp (+22,+29,-4)
すいません…
誤爆です…
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について