Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> загрузка разных версий сайта, в зависимости от времени суток 
V
    Опции темы
ElKa
Дата 10.12.2006, 16:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.2.2006

Репутация: нет
Всего: 4



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

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

Код

  function homepage(){
    Now = new Date();
    var version = "page-white.htm"
    var hours = Now.getHours()   
    if(hours>19 & hours<7){
     version = 'page-black.htm'
    }
  }


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

 



Это сообщение отредактировал(а) ElKa - 10.12.2006, 16:40
PM   Вверх
NightmareZ
Дата 10.12.2006, 17:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


[хакер]
**


Профиль
Группа: Участник
Сообщений: 699
Регистрация: 10.8.2006

Репутация: нет
Всего: 13



Цитата(ElKa @  10.12.2006,  16:37 Найти цитируемый пост)
Правильно ли я функцию написала

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

Цитата(ElKa @  10.12.2006,  16:37 Найти цитируемый пост)
 и как ее в body вызвать? 

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

<body onload="homepage();">



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

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


--------------------
NightmareZ.net - мой блог и сайт, мои проекты и прочий трэш
Ely-Art.ru - наша маленькая домашняя арт-студия
mugcraft.ru - кружки на любой вкус
PM WWW ICQ Skype GTalk AOL YIM   Вверх
Aliance
Дата 10.12.2006, 17:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



Однозначно лучше делать на сервере.
PM MAIL WWW ICQ Skype   Вверх
ElKa
Дата 2.3.2007, 16:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.2.2006

Репутация: нет
Всего: 4



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


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


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

PM   Вверх
Рыжий
Дата 2.3.2007, 16:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

Репутация: нет
Всего: 20



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


Добавлено @ 16:30 
Цитата(ElKa @  2.3.2007,  16:14 Найти цитируемый пост)
можно ли в зависимости от выбранного функцией стиля  просто добавлять в названиях W или B

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


Цитата(ElKa @  2.3.2007,  16:14 Найти цитируемый пост)
надо создать массивы, все туда занести и чтобы функция возвращала массив и из него потом элементы доставать

Уж больно это муторно - запутаешься быстро.
PM MAIL ICQ   Вверх
ElKa
Дата 2.3.2007, 16:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.2.2006

Репутация: нет
Всего: 4



Рыжий, 

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

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

Добавлено @ 16:55 
да! а что делать с картинками?
как их выбирать в зависимости от времени?
PM   Вверх
Рыжий
Дата 2.3.2007, 17:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

Репутация: нет
Всего: 20



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

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

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

PM MAIL ICQ   Вверх
12345c
Дата 2.3.2007, 17:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



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

Код
document.write('<img src='+['day','night'][new Date().getHour()<12?0:1]+'_one.gif>');
или выражение посложнее, как требуется.
PM WWW   Вверх
ElKa
Дата 3.3.2007, 16:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.2.2006

Репутация: нет
Всего: 4



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

Код

  <script>
  <!--
    date = new Date();
    hours = date.getHours();
    document.open(); 
    if (hours>=19&&hours<7) document.write('<link rel="stylesheet" href="night.css" type="text/css">'); 
    else document.write('<link rel="stylesheet" href="day.css" type="text/css">');
    document.close();
    //-->
  </script>


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

Это сообщение отредактировал(а) ElKa - 3.3.2007, 16:56
PM   Вверх
ElKa
Дата 3.3.2007, 18:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.2.2006

Репутация: нет
Всего: 4



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

Код

    <div class="pichome"><img src="images/style/homepic-b.jpg" onMouseOver="src='images/style/homepic-g-b.jpg';" onMouseOut="src='images/style/homepic-b.jpg';">



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

PM   Вверх
GZep
Дата 3.3.2007, 18:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


участник Винграда
***


Профиль
Группа: Завсегдатай
Сообщений: 1528
Регистрация: 7.7.2006
Где: Москва

Репутация: 2
Всего: 32



Код

document.write("<div class=\"pichome\"><img src=\"images/style/homepic-b.jpg\" onMouseOver=\"src='images/style/homepic-g-b.jpg';\" onMouseOut=\"src='images/style/homepic-b.jpg';\">");



--------------------
user posted imageuser posted image
PM MAIL WWW ICQ Skype GTalk   Вверх
ElKa
Дата 3.3.2007, 19:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.2.2006

Репутация: нет
Всего: 4



GZep, 
спасибо 


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

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

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

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

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


PM   Вверх
Рыжий
Дата 3.3.2007, 20:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

Репутация: нет
Всего: 20



Цитата(ElKa @  3.3.2007,  19:10 Найти цитируемый пост)
и вообще такая запись почему-то не воспринимается

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



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

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

Код

<img src=ПЕРЕМЕННАЯ+'/pic.gif'>

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


Это сообщение отредактировал(а) Рыжий - 3.3.2007, 20:29
PM MAIL ICQ   Вверх
ElKa
Дата 3.3.2007, 20:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.2.2006

Репутация: нет
Всего: 4



Рыжий, 

не получается
пишу  src='picblack.jpg' - грузит картинку
пишу src='pic'+'black'+'.jpg' - не грузит  smile 
PM   Вверх
GZep
Дата 3.3.2007, 21:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


участник Винграда
***


Профиль
Группа: Завсегдатай
Сообщений: 1528
Регистрация: 7.7.2006
Где: Москва

Репутация: 2
Всего: 32



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

getElementById("image").src = "pic" + VAR + ".jpg";

Код

<img id="image" />

Попробуйте.


--------------------
user posted imageuser posted image
PM MAIL WWW ICQ Skype GTalk   Вверх
Страницы: (3) Все [1] 2 3 
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.1951 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.