Проблема с реализацией изменения CSS
Здравствуйте. В чём суть: у меня есть элемент PDA_stroke, при наведении курсора на который фреймPDA_textI должен показаться пользователю, и, что важно, начать работу скрипта, т.е. мне не надо, чтобыскрипт начал работу после загрузки страницы, а как только пользователь наведёт курсор на PDA_stroke. Как я это попытался решить:
В headе документа: <script> function showTypedText (event) { event = event || window.event var t = event.target || event.srcElement if ( t.id = "PDA_stroke" ) { document.getElementById(PDA_textI).style.display = '' } </script> … В CSSдокумента: #PDA_textI { left: 1805px; top: 242px; position: absolute; z-index: 19; display: none; } … В body документа: <div onmouseover="showTypedText(event)"><imgsrc="images/PDA_stroke.png" id="PDA_stroke"></div> <iframe id='PDA_textI' src="PDA_text.html" scrolling='no'>...</iframe> Что, собственно, пошло не так, скажите пожалуйста? |
Styles:
#PDA_textI{ left: 10px; top: 120px; position: absolute; z-index: 19; display: none; width: 100%; height: 100%;} javascript: function showTypedText(event){ event = event || window.event var t = event.target || event.srcElement if(t.id == "PDA_stroke"){ document.getElementById("PDA_textI").style.display = 'block';}} HTML: <div onmouseover="showTypedText(event)"> <img src="1.jpg" id="PDA_stroke"> </div> <iframe id='PDA_textI' src="XO.htm" scrolling='no'></iframe> |
Strongman, спасибо, мне даже стыдно за ошибки вроде пропуска кавычек. А что можно сделать с запуском скрипта, находящегося во фрейме с того момента, как курсор наведён на PDA_stroke? Я пробовал вот это:
if (document.getElementById("PDA_textI").style.display = 'block') { $(function(){ $(".element").typed({ strings: ["First sentence."], typeSpeed: 0 }); }); } Не помогло. И, судя по ошибке 'Uncaught TypeError: Cannot read property 'style' of null', фреймовый скрипт не может работать с остальным документом. ... Эмм, а что вы отредактировали в 18.09? |
Впрочем, проблема, обозначенная в заголовке, решена, так что тему можно закрывать.
|
Цитата:
Styles: javascript: HTML: Только что-то здесь "J" отображается как "j". Я вчера посмотрел Вашу тему, ну что-то не получилось у меня применить событие onchange. В описании было написано, что при изменении свойств CSS срабатывает событие onchange. Ну я подумал, что если изменили свойство c none на block, то оно должно сработать, но оно нифига не работает. Сегодня пришла мысль управлять документом внутренним, наружним документом. Выглядеть это возможно будет так. У внутреннего документа есть свои id-шники. Снаружи обращаемся к ним и управляем ими. |
Часовой пояс GMT +3, время: 02:19. |