Есть две версии сайта - черная и белая.
Нужно, чтобы днем загружалась белая, а ночью черная. 

Подскажите плиз:
1. Как это реализовать? Правильно ли я функцию написала и как ее в body вызвать? 



2. Как лучше сделать: два разных сайта или один сайт и в нем просто стили менять? Не будет ли второй вариант сложнее, потому что с сайта будут открываться другие страницы, которые тоже будут соответствовать времени суток? Кроме того картинки в каждой версии разные загружаются. 

 



Это сообщение отредактировал(а) ElKa - 10.12.2006, 16:40

Ну так она работает?


Чтоб вызвать, пропиши в body onload:




Однозначно один сайт. Менять стили и/или картинки. И лучше, имхо, делать это ещё на сервере.

Однозначно лучше делать на сервере.

  А  делать на сервере - это как?


Версии различаются только одним из стилей (.styleb, .stylew - в них устанавливается только цвет фона и шрифта) и набором картинок:
pic1-w.jpg, ... , pic8-w.jpg и pic1-b.jpg, ..., pic8-b.jpg 


Подскажите плиз как лучше сделать:
можно ли в зависимости от выбранного функцией стиля  просто добавлять в названиях W или B
или надо создать массивы, все туда занести и чтобы функция возвращала массив и из него потом элементы доставать
или как-нибудь по-другому? 

Aliance, Если делать на сервере то дата будет серверская, а это не хорошо.
Может сначала узнавать время с помощью JS и передавать его в PHP.

Добавлено @ 16:30 

Советую вообще сделать 2 файла стилей - day.css и соответственно night.css 
В PHP в зависимости от даты подключать нужный файл css.



Уж больно это муторно - запутаешься быстро.

Рыжий, 

два файла? спасибо, сегодня попробую сделать 
только я без PHP делаю, только с JS, поэтому и вопросы такие задаю
с PHP я уже знакома, а с JS нет 

а дата должна быть конечно не серверская,  я так думаю

Добавлено @ 16:55 
да! а что делать с картинками?
как их выбирать в зависимости от времени?

ElKa, Есть много способов...
Например мне в голову сейчас пришло - сделать 2 папки (day, night) в которых разложить картинки. - Красиво и интуитивно понятно.
Путь тогда можно формировать так:
/server/.../ ПЕРЕМЕННАЯ /one.gif 
где переменная - day или night.

Или можно сделать префикс к каждой картинке в виде day_one.gif и night_one.gif.   (переменная_one.gif)

Главное чтобы тебе было понятно - где картинки с днем а где с ночью.

Выбор картинки в зависимости от времени:

или выражение посложнее, как требуется.

в общем сделала два css-файла: day.css и night.css
стили меняю так:



сейчас попытаюсь картинки нужные грузить как 12345c посоветовал 

Это сообщение отредактировал(а) ElKa - 3.3.2007, 16:56

   как применить document.write к такому выражению? с какими кавычками



в нем ведь уже использованы вложенные кавычки 

GZep, 
спасибо 


12345c, 
так не получается
у меня двойное условие 

new Date().getHours()<19&&new Date().getHours()>=7

и знак ">" воспринимается как конец тэга  

Добавлено @ 19:15 
и вообще такая запись почему-то не воспринимается

src='pic'+'black'+'.jpg'

Знак плюч - конкатенация строк, то есть соединение строк. После указанных действий получается:
src=picblack.jpg

использование зависит от того - как ты хранишь картинки если например в разных папках (day и night) тогда использование будет таким:


Где переменная - day или night.


Это сообщение отредактировал(а) Рыжий - 3.3.2007, 20:29

Рыжий, 

не получается
пишу  src='picblack.jpg' - грузит картинку
пишу src='pic'+'black'+'.jpg' - не грузит   

ElKa, используйте javascript.


Попробуйте.

А зачем? Если картинки это часть дизайна, то ложи их в бекграунд и ставь из стилей как background-image. Все пути всегда высчитываются от позиции самого .css. Ну а если картинка это часть контента, то зачем её менять 

GZep, 

не грузит картинку

код такой

в HEAD


в BODY



src должен быть  images/style/homepic-w.jpg или images/style/homepic-b.jpg
но не получается
ошибку тоже не выдает

Добавлено @ 18:20 
Sardar, 

картинок много они меняются если курсор наведен и меню из картинок 
так что вставить в бэкграунд нельзя 

Это сообщение отредактировал(а) ElKa - 4.3.2007, 18:22

ElKa, Ты обращаешься к элементу по id. 
Нужно обращаться к картинке, а ты - к слою.

Правильный код такой:

Код

<div class="pichome"><img id="image" src="javascript:setImg('homepic')" ...

Удачи!



Это сообщение отредактировал(а) Рыжий - 4.3.2007, 18:29

Рыжий, 

получилось    спасибо!
глупая ошибка, конечно 

Всегда пожалуйста!

тогда еще вопрос

вот здесь браузер ошибку выдает 



какой то знак ему не нравится 
кавычки наверное
что делать  
 
 

Это сообщение отредактировал(а) ElKa - 4.3.2007, 19:33

картинки грузятся только в IE, в Mozille нет 

ElKa, в обработчиках вида onmouseover, onmouseout не нужен "javascript:". Если ф-ция setSRC похожа на вышеприведенную setImg, то все совсем просто:

А экранирование кавычек в HTML действительно не работает, внутри двойных можно использовать одинарные кавычки, но в данном случае в них нет надобности.


Все можно, если сильно захотеть ;)
Почитайте вот это - вдруг поможет?

Для hover эффекта скрипты не нужны, используй a:hover для этих целей. Используй display: block если нужен блочный элемент, хотя валидатор должен на это ругаться (он не врубается в CSS). Плюсы подхода: не нужно рассчитывать пути для картинок извратными способами, предложенными выше.

мне нужно, чтобы сайт нормально отображался разными браузерами, и старыми тоже
сейчас в Mozille картинки вообще не грузятся   


SelenIT,



не работает ни в IE, ни в Firefox   

А почему не this.src = ...;? Зачем вы используете функцию?

Добавлено @ 18:46 
ElKa, выкладывайте весь код, пожалуйста.

вот код 
меню я сделала таблицей, а не списком 



а это day.css



Это сообщение отредактировал(а) ElKa - 5.3.2007, 20:08

А где определена функция getSRC?

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

Так что именно не работает?

В IE:

картинки видны, 
но вот здесь ошибку выдает





В Mozille: 

не грузятся картинки вообще, 
т. е. вот эту запись браузер не воспринимает




PS. IE у меня старый, попробую еще в новом и в Опере 
но мне нужно чтобы в старых браузерах страница тоже нормально грузилась 

В IE теперь все работает. 

Oшибки были такие:

1. неправильное условие hours>=19&&hours<7 вместо hours>=19||hours<7
поэтому грузилась только белая версия

2.  аргумент ф-ции setSRC в onMouseOver не совпадал с id, поэтому это событие не обрабатывалось




правильно так:




Но в Mozille не грузятся картинки, помоему у Mozillы проблемы с getElementById. Может такое быть?

Наверное мне придется определять тип браузера и грузить разные версии. Как вы думаете?

Добавлено @ 15:56 
в Опере тоже работает 

ElKa, а почему бы не onload использовать?....

Добавлено @ 16:18 

Вот так должно работать, причем везде. Убрал атрибут src из тега img, но добавил функцию onload.

GZep, 

так не получится
у меня же много картинок, и у каждой вызывается setSRC(id,'') - получаются разные src
 

Mozilla не понимает src="javascript:setSRC('homepic','')"
поэтому вначале картинки не грузятся , a после наезда мышью появляются
а в консоли ошибок стоит setSRC('homepic','') is not defined
 

что делать?

ElKa, а что, трудно для каждой картинки добавить строчку в onload функцию?

GZep, спасибо! все работает, и в Мозилле тоже.   

ignore

Это сообщение отредактировал(а) ElKa - 31.3.2007, 17:26