人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

今、自分で入力フォームを構築しているのですが
ちょっと皆様のお力を借りたく質問させて頂きます。

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

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


●質問者: hopefully
●カテゴリ:就職・転職 ウェブ制作
✍キーワード:クリック サイト 入力 絵文字
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● Galapagos
●3ポイント

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

top: $(button).position().top + $(text).outerHeight() - 200 + 'px'
◎質問者からの返答

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

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

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


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

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

◎質問者からの返答

ありがとうございます。

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

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

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


3 ● Lhankor_Mhy
●30ポイント

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

ですので、

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

↑の部分を

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

とか

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

とか

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

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

◎質問者からの返答

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

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

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

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

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

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


4 ● Lhankor_Mhy
●31ポイント
jQuery(document).ready(function($){
...

の中の適当なところへ

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

で、どうでしょうか。

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

◎質問者からの返答

消えました。

ありがとうござます。

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ