Разрешить onclick внутри onfocus/onblur показать/скрыть textarea

Извините за странный вопрос названия.Разрешить onclick внутри onfocus/onblur показать/скрыть textarea

Мне интересно, как сделать следующее:

Когда пользователь нажимает на размыто из текстового поля через ONFOCUS, он будет отображать: блокировать DIV вокруг него, показывая «текстовую консоль», а затем «добавить шаг "под текстовым полем. Если вы щелкнете, он размывает текстовое поле вместе с двумя дополнительными элементами.

Однако, что бы я хотел добавить, если они нажмете кнопку «textarea console» или значок «добавить шаг», div не будет размываться.

Вот что я до сих пор в jsfiddle.net

источник

2012-06-22 Nina

У вас есть div, обернутый вокруг текстового поля? –

привет Ронни. Спасибо, что проверили это. На самом деле у меня есть 3 основных части - «консоль textarea», текстовое поле, а затем «prepstepintextarea». Я убрал его больше. – Nina

Нина, Не получилось, что вы хотите получить, хотя отредактировали скрипку check one one: http://jsfiddle.net/wAaDz/10/ –

Я обновил jsFiddle: HERE

Я думаю, что это было всего лишь несколько вещей неправильно ... вы были на правильном пути.

$("#textareasteinstruc").focusout(function() { 
    alert('focusout'); 
    $(".textareaconsole").hide(); 
    $("#addPrepStepButtonicon").hide();

# Отсутствует функция фокусировки ... и классы/идентификаторы не были указаны правильно.

Это работает так, как вы хотите, это сейчас я думаю :)

UPDATE: Я добавил $ ("# addPrepStepButtonicon") шоу();. чтобы снова нажать кнопку «отправить»

источник

2012-06-22 17:44:53 timpng1

Но меню по-прежнему скрывается после фокусировки на textarea. –

Извините, неправильно поняли цель ... просто измените этот $ (". Textareaconsole"). Show(); в фокусе затем ... сохранить меню. – timpng1

Привет timpng1, Есть ли способ, которым вы можете получить #addPrepStepButtonicon, чтобы снова спрятаться, если вы нажмете на div или #addPrepStepButtonicon? – Nina

Проверьте это http://jsfiddle.net/wAaDz/13/. Внесены изменения.

источник

2012-06-22 17:50:01

Привет, Темный Райдер, спасибо за попытку снова. Когда я нажимаю на кнопку, она всплывает так, как должна.Однако, если я выхожу из всего div, он больше не будет скрывать его (например, начальное размытое событие). Есть ли способ сделать это? – Nina

Жаль, что Нина не получила вас, Какую кнопку и какое начальное событие? –

Hi Dark Rider. Когда вы загружаете первую страницу, текстовое поле, консоль и кнопка добавления шага скрыты/выделены серым цветом (это начальное событие). Если я нажму кнопку «добавить-шаг» или текстовую консоль, он должен появиться так, как вы это сделали. Тем не менее, я бы хотел, если бы я щелкнул за пределами div, он размыл текстовое поле, консоль и кнопку добавления шага. – Nina

Разрешить onclick внутри onfocus/onblur показать/скрыть textarea

ответ

Смежные вопросы