Проблема с реализацией изменения 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, время: 13:50. |