Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
Рождён удивлять
53 / 56 / 9
Регистрация: 08.08.2011
Сообщений: 438

Кеширование Джава скрипта

28.09.2012, 00:00. Показов 877. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем добрый вечер!
есть сайт http://bezpodryada.ru/%D0%B4%D... D0%B8.html

и у него есть логотипы поселков, в сером градиенте с названием поселка и контактной информацией.
Нужно сделать, чтобы центрировало изображение по середине. То есть отступы с верху и низу у блока с логотипом, от блока с градиентом должны быть одинаковы.
И нужно учесть что изображение может быть больше 90 пикселей
Я написал скрипт, который из одной картинки вытягивает свойство ATTR и вставляет его в картинку логотипа, где атрибут Attr изначально пуст,
после я написал скрипт на центрирование изображения вот собственно и он
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$('#flinstone > #wall_img > img').ready(function()
{
    if($(this).attr('src') != ""){ // если атрибут у логотипа не равен пустоте
      if(document.getElementById('wall_img').firstChild.offsetHeight>80)// если высота картинки больше 80 пикселей
{
    var g = document.getElementById('flinstone'); //Выбираем элемент по айди - это блок с серым градиентом
    g.style.height = document.getElementById('wall_img').firstChild.offsetHeight+10+'px'; // задаем блоку с серым градиентом высоту которая равна высоте картинки + 10 пикселей
    
    var height1 = document.getElementById('flinstone').offsetHeight; // высота блока с градиентом
var height2 = document.getElementById('wall_img').firstChild.offsetHeight; // высота картинки
var sum = (height1 - height2) / 2; // расчитываем сколько пикселей нужно отступить сверху картинке чтобы она стала по центру
var img = document.getElementById('wall_img'); // обращаемся к блоку с изображением
img.style.marginTop = sum+'px'; // даем ему отступ сверху
}
else // если высота картинки менее 80 пикселей
{
    var height1 = document.getElementById('flinstone').offsetHeight; // высота блока с градиентом
var height2 = document.getElementById('wall_img').firstChild.offsetHeight; // высота картинки
var sum = (height1 - height2) / 2; // сумма пикселей для отступа блока изображения сверху
var img = document.getElementById('wall_img'); // обращаемся к блоку с изображением
img.style.marginTop = sum+'px'; // даем ему отступ сверху
}
}
});

так вот скрипт работает как то странно
1) листаешь по страничкам с поселками, нормально, нормально, тут раз вижу некоторые картинки, аш вылазят, смотрю стили через инспектор, а там отступ предыдущего изображения стоит, обновляю страницу и нормально работает
и так снова лажу по другим поселкам и вижу отступы берутся иногда с предыдущего результата!

Пробовал скрипт что кеш чистит писать не помогает
JavaScript
1
document.execCommand("ClearAuthenticationCache");
люди из-за чего это может быть и как убрать эту ерунду?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
28.09.2012, 00:00
Ответы с готовыми решениями:

подключения джава скрипта
<input id="tt" type="button" value="Нажми меня"/> document.getElementById('tt').onclick = function() { alert('Спасибо') } есть...

Перевести C# в джава
Здравствуйте форумчане. Столкнулся с проблемой. У меня счётчик отчёта времени до определённых часов, в определённые дни недели, но этот...

Не запускается джава аплет!
ребята помогите мне пожалуйста начала изучать java script. и сразу столкнулась с проблемой. в одном файле у меня есть обычная форма. ...

1
 Аватар для Alex_pac
1302 / 708 / 107
Регистрация: 25.05.2011
Сообщений: 2,158
Записей в блоге: 51
29.09.2012, 02:03
1)для расчета высоты ширины есть $(element).height() $(element).width()

2) высота картинки в событии window.onload не будет соотвествовать действительности пока сама картинка не будет закеширована. если если высота указана явно то высота будет доступна сразу.

3)
Нужно сделать, чтобы центрировало изображение по середине.
берем таблицу без рамки (border-collapse: collapse) и одной ячейкой. Прописываем ей фон "градиент" и <tr valign=middle><td align=center> и туда вставляем картинку.

И нужно учесть что изображение может быть больше 90 пикселей
max-height max-width
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
29.09.2012, 02:03
Помогаю со студенческими работами здесь

Кеширование JS
В проекте файлы .js возвращают 200 отклик, то есть не кешируются вовсе в отличие от CSS. Как можно принудительно кешировать .js файлы?

Доделать маленький джава-скрипт
Есть форма обратки со скриптом на странице feedback.html: &lt;form&gt; &lt;input id=&quot;first_field&quot; type=&quot;text&quot; name=&quot;tovar&quot; /&gt; ...

Свойство функции в джава скрипт- length
какое ожидаемое(expected) и фактическое количество(actual) аргументов имеется в виду в примере(скрин прикрепляю) ? так как в скобках...

Правильное произношение: Джава или Ява
меня до сих пор мучает вопрос, как правильно джава скрипт или ява скрипт я называю ява, но тут приходит на ум джквери(jQuery) подумав я...

Как поместить джава скрипт в код-хтмл
Хочу поместить js в html! но как? пользуюсь библиотекой ext core ! в книге Дронова В. сказано что саму библиотеку нужно поместить перед...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru