今、自分で入力フォームを構築しているのですが

ちょっと皆様のお力を借りたく質問させて頂きます。

http://syscamore.sakura.ne.jp/test/sample/index.html
こちらの、サイトで表示しているのですが
こちらをクリックした際にthickboxを使って
別窓で入力フォームを用意し、それを反映させようと思うのですが
別窓で表示したフォームで、clickmeというのをクリックすると
絵文字のパレットを表示しているのですが
こちらが、thickbox で開いた別窓の下に行ってしまって
クリック出来ない状態です。

こちらをクリック可能にするにはどうしたらいいのでしょうか?
わかる方がいたら、ご協力をお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/03/01 18:10:21
  • 終了:2011/03/02 13:33:40

回答(4件)

id:Galapagos No.1

Galapagos回答回数963ベストアンサー獲得回数892011/03/01 19:03:30

ポイント3pt

"address.html" の181行目に下記のように補正用数値(200など)を入れてみてください。

top: $(button).position().top + $(text).outerHeight() - 200 + 'px'
id:hopefully

回答、ありがとうございます。

上記コードをいれたのですが

画面上部に上がってこないですね。

2011/03/01 19:10:16
id:Lhankor_Mhy No.2

Lhankor_Mhy回答回数779ベストアンサー獲得回数2302011/03/01 20:39:57

ポイント26pt
	$('.emoji-text').each(function() {
...
						zIndex: '99',

↑の99を103とかではダメですか?

id:hopefully

ありがとうございます。

上部に上がるようになりました。

さらに、今、clickmeが2個出ちゃっているのですが

左側のclickmeを表示しないように出来ますかね?

2011/03/02 10:16:47
id:Lhankor_Mhy No.3

Lhankor_Mhy回答回数779ベストアンサー獲得回数2302011/03/02 10:49:54

ポイント30pt

お使いのプラグイン"autoResize"がテキストエリアをクローンしてますね。

ですので、

	$('.emoji-text').each(function() {

↑の部分を

	$('.emoji-text:last').each(function() {

とか

	$('.emoji-text:odd').each(function() {

とか

	$('.emoji-text[tabindex!=-1]').each(function() {

とかやればいいのかもしれませんけど、泥縄感があります。

id:hopefully

おおお、ありがとうございます。

最後になりますが、絵文字のパレットが上部に出るのはいいのですが

それを出したまま、thickbox で別窓表示した際の、黒い背景部分を

クリックして、thickbox の別窓の部分を閉じた際に

絵文字のパレットが残ります・・

何かいい対処方法はありますでしょうか?

2011/03/02 10:58:06
id:Lhankor_Mhy No.4

Lhankor_Mhy回答回数779ベストアンサー獲得回数2302011/03/02 11:20:30

ポイント31pt
jQuery(document).ready(function($){
...

の中の適当なところへ

var org = tb_remove
tb_remove = function(){
	org()
	$('#emoji-popup').fadeOut()
}

で、どうでしょうか。

気持ちの悪いコードですが、イベントも何もないようなので仕方がないですね。モーダルウィンドウは他のプラグインを使うことをオススメしますよ。

id:hopefully

消えました。

ありがとうござます。

モーダルウィンドウはどんなプラグインがいいすかね?

2011/03/02 11:39:05
  • id:Lhankor_Mhy
    好みがあるでしょうけど、私は普通にjQueryUIを使ってます。これならcloseのイベントがあるのでああいう黒魔術コードは減らせると思います。
    http://jqueryui.com/demos/dialog/#modal-form
     
    jQueryUIはgoogleのcdnがあるので楽ですし。
  • id:hopefully
    なるほど、ありがとうございます。
    ちょっと今回、黒魔術コード的なものが
    やっぱりすっきりしないですよね。

    こちらでも検討してみますね。


    いろいろ、ありがとございます。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません