X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Мигалка! Парт2 JS
Sikha
Sikha
Topic Starter сообщение 24.3.2011, 23:43; Ответить: Sikha
Сообщение #1


В продолжение этого поста. Есть такой скрипт который запускает евент
[JS]var light=0;

window.addEvent('domready', function() {
radioChange();
checkboxChange();

$$('.ez-checkbox').addEvent('click',function(){
checkboxChange();
})
$$('.ez-radio').addEvent('click',function(){
radioChange();
})
$$('#header h1').addEvents({
'mouseenter': function(){
light=1;
lightswitcher();
opacityswitcher();
},
'mouseleave': function(){
light=0;
$$('#header h1').removeClass('hover').removeClass('half');
}
});

});
function lightswitcher() {
if (light==1){
$$('#header h1').toggleClass('hover');
lightTimer = Math.floor(Math.random()*200);
if (lightTimer>195){lightTimer=1500;}
if (lightTimer>100){$$('#header h1').toggleClass('highlight');}
setTimeout ("lightswitcher()",lightTimer);
}
}
function opacityswitcher() {
if (light==1){
$$('#header h1').toggleClass('half');
opacityTimer = Math.floor(Math.random()*100);
setTimeout ("opacityswitcher()",opacityTimer);
}
}
function checkboxChange(){
$$('input[type=checkbox]').each(function(element,index){
element.addClass('ez-hide');
if(element.get('checked')){
if(element.getParent('div.ez-checkbox')){
element.getParent('div.ez-checkbox').addClass('ez-checked');
}else{
new Element('div',{
'class':'ez-checkbox ez-checked'
}).wraps(element);
}
}else{
if(element.getParent('div.ez-checkbox')){
element.getParent('div.ez-checkbox').removeClass('ez-checked');
}else{
new Element('div',{
'class':'ez-checkbox'
}).wraps(element);
}
}
})
}
function radioChange(){
$$('input[type=radio]').each(function(element,index){
element.addClass('ez-hide');
if(element.checked){
if(element.getParent('div.ez-radio')){
element.getParent('div.ez-radio').addClass('ez-checked');
}else{
new Element('div',{
'class':'ez-radio ez-checked'
}).wraps(element);
}
}else{
if(element.getParent('div.ez-radio')){
element.getParent('div.ez-radio').removeClass('ez-checked');
}else{
new Element('div',{
'class':'ez-radio'
}).wraps(element);
}
}

})
}
[/JS]

Как мне сделать так чтоб запускалось ни при наведении мышкой а именно просто при загрузки старницы чтоб включался параметр light
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 26.3.2011, 1:49; Ответить: pavelsc
Сообщение #2


В <head> записываем:
[JS]
<script type="text/javascript">
function lightswitcher() {
document.getElementById('yourID').className = "hover";
lightTimer = Math.floor(Math.random()*200);
if (lightTimer>195){lightTimer=1500;}
if (lightTimer>100){document.getElementById('yourID').className = "highlight");}
setTimeout ("lightswitcher()",lightTimer);
}
</script>
[/JS]
а потом:
<body onLoad="lightswitcher();">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sikha
Sikha
Topic Starter сообщение 26.3.2011, 13:02; Ответить: Sikha
Сообщение #3


Спасибо! Щас попробуем )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sikha
Sikha
Topic Starter сообщение 26.3.2011, 13:30; Ответить: Sikha
Сообщение #4


Не получилось (((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 26.3.2011, 17:00; Ответить: pavelsc
Сообщение #5


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
function lightswitcher() {
document.getElementById('vault').className = "hover";
var lightTimer = Math.floor(Math.random()*200);
if (lightTimer>195){lightTimer=1500;}
if (lightTimer>100){document.getElementById('vault').className = "highlight";}
setTimeout ("lightswitcher()", lightTimer);
}

</script>
<style>
.hover{height:125px; width:215px; background: url('vault.jpg') -215px 0px no-repeat;}
.highlight{height:125px; width:215px; background: url('vault.jpg') 0px 0px no-repeat;}
</style>

</head>
<body onLoad="lightswitcher();">
<div class="highlight" id="vault"></div>
</body>
</html>

[attachment=37652:vault.jpg]

А у меня все работает, что я делаю не так?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sikha
Sikha
Topic Starter сообщение 28.3.2011, 22:21; Ответить: Sikha
Сообщение #6


хм... прикол в том что локальнь не работает! а на сервере раюботает! кал ((
Спасибо за помощь!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 29.3.2011, 9:43; Ответить: pavelsc
Сообщение #7


Так я же локально и проверял. В опере. А вот ajax include у меня в опере локально не работает

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 28.3.2024, 18:19
Дизайн