Всем привет!

Допустим есть такой код:

<input id="myinput" type="text" value=""/>
<div id="newdiv" title="Подсказка">какой-то текст</div>

Как сделать, чтобы при изменении текста в input'e отображалась подсказка в div'у точно такая же, словно на div навели курсор мыши.
На input можно повешать событие onchange, а как вызвать подсказку?

т.е. при вводе в инпут текста - этот текст - "какой-то текст" в див?

или с имитировать наведение мыши на div для отображения title?

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

сымитировать наведение мыши на div, чтобы отобразился title

у меня большие сомнения - что стандартный title можно вызвать как-то по другому, кроме как наведением курсора

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

я вот 3й день копаю, но никак не могу найти. Может неправильно искал))
Есть плагины всякие на jQuery, но не хочется нагружать сайт ими.
Можно сделать свою подсказку div'ом, который бы отображался по тем или иным условиям. Этот вариант (с div'ом) казалось бы самый простой, но не хочется раскурочивать шаблон на своём сайте, т.к. там есть очень много объектов со стилем "overflow:hidden", которые "обрезают" мой слой с подсказкой, которая как раз должна выходить за пределы контента. Покопавшись фаербагом, нашел, что нужно в 3х местах убрать "overflow:hidden", тогда подсказка не обрезается, но происходит смещение слоев, что приводит к "кривости" сайта. В CSS не силён, поэтому из-за одной подсказки переписывать весь стиль сайта не хочется))) Вот и подумал, что можно сымитировать вызов title каким-нибудь событием.

не - ну можно сделать псевдо подсказку - это без "Б"
сделай скрытый div с подсказкой - уложи его в этот див, стилизуй под title в css - видимостью управляй с сылки

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

да, все было так просто)) но у меня шаблон так написан, что (попробую без картинки показать) не позволяет подсказке (там где она нужна) вылезти за пределы слоя и обрезает её((

<div id="first" style="overflow:hidden;">
   <div id="second" style="overflow:hidden;">
        <div id="third" style="overflow:hidden;">
            <input id="myinput" type="text"/>
            <div id="mytooltip" style="position:absolute; display:none;">Подсказка</div>
        </div>
   </div>   
</div>

И когда делаю скриптом, чтобы слой 'mytooltip' стал видимым, то он не помещается в рамки слоя 'trird' и обрезается((( А если у слоя 'trird' и вышестоящих убрать "overflow:hidden;", тогда 'mytooltip' отображается как надо, а вот весь сайт в целом - криво))))
Пробовал z-index юзать, но не помогло))

Слой с подсказкой и можно разместить выше слоя 'first', и с помощью left и top разместить её там где надо, тогда она не обрезается. Но будет она показываться криво, в зависимости от размера окна браузера пользователя(

z-index:1000 поставь для псевдо подсказки

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

#mytooltip{
 z-index:1000;
}

не помогает, пробовал

у родителя z-index:1

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Попробовал сейчас файрбагом всем выше стоящим объектам поставить "z-index:1;", а подсказке "z-index:1000;" - результат нулевой(

z-index не спасет, "overflow:hidden;" у вышестоящих обрезает всё что не влазит в их область.