Network of urban games Encounter

Внутри сети городских игр Encounter / Техническая разработка и поддержка

HTML дизайн, обмен опытом, помощь новичкам.

crux: я делал так: https://getline.ru/data/mr.js
только jquery.jsonp надо подключить перед скриптом
23 September at 12:08

][oTTaбыч:

скрипт обратного отсчета косячит...((
началась игра и теперь он считает время видимо на сатурне)))

23 September at 12:15

Kh.d:

hatabi4:

скрипт обратного отсчета косячит...((
началась игра и теперь он считает время видимо на сатурне)))

Поправил:

<table style="cellspacing: 0; cellpadding: 0; width: 100%;"><tbody><tr><td style="text-align: center; font-size: 120%; color: #ffff00; padding-bottom:10px;padding-top:10px">Следующая игра через:</td></tr><tr><td id="next-game-timer" style="text-align: center; font-size: 150%; color: #ffffff;">?д. ?ч. ?м. ?с.</td></tr></tbody></table>

var GetNGT = function(r){var t = $(r).find("[id$=_EnterGameTimerHolder] [id^=TimerTexttime]:first").text();return t?(t.match(/.*?(\d+)\s*дн*/)||[0,0])[1]*86400+(t.match(/.*?(\d+)\s*час*/)||[0,0])[1]*3600+(t.match(/.*?(\d+)\s*мин*/)||[0,0])[1]*60+(t.match(/.*?(\d+)\s*сек*/)||[0,0])[1]*1:undefined;

}

</script>

23 September at 13:06

Уманский: Скрипт кнопки плавной прокрутки "Вверх". Легкий. Удобный. Без картинок. Располагается в левой части. Кому интересно, юзайте.

<script type="text/javascript">// <![CDATA[
$(document).ready(function(){

// hide #back-top first
$("#back-top").hide();

// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});

// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});

});
// ]]></script>
<style></style>
<p id="back-top"><a href="#top"><span>Back to Top</span></a></p>

06 October at 23:33

MeDTalist: ОМГ, теперь эта кривая кнопка перекрывающая половину важной инфы появится на всех доменах
06 October at 23:40

strangeman: Никогда не понимал, зачем она нужна. На ПК есть Home, на планшетах/телефонах - быстрый жест вверх. А кнопка только глаза мозолит.
07 October at 02:04

Луи Владимирович Бетон: Сделайте чтобы она появлялась только в самом низу =)
08 October at 09:08

S_Lider: Гуру javascript'ов, подскажите плиз где ошибка в коде

в тексте задания создаем таблицу

<table border=1 id=tabl>
<tr>
<td width=120 id=cell11>0</td>
<td width=120 id=cell12>0</td>
</tr>
<tr>
<td width=120 id=cell21>0</td>
<td width=120 id=cell22>0</td>
</tr>
</table>

а с помощью подсказки или бонусного задания меняем данные в уже созданной таблице

<script language="javascript">
document.getElementById("cell11").innerText="новый текст";
document.getElementById("cell12").innerText="новый текст";
document.getElementById("cell21").innerHTML="www.ссылка_на_изображение_1";
document.getElementById("cell22").innerHTML="www.ссылка_на_изображение_2";
</script>

ошибка в коде или это специфика движка?
как правильно реализовать такую штуку?
22 October at 14:28

MeDTalist:

S_Lider: <table border=1 id=tabl>
<tr>
<td width=120 id=cell11>0</td>
<td width=120 id=cell12>0</td>
</tr>
<tr>
<td width=120 id=cell21>0</td>
<td width=120 id=cell22>0</td>
</tr>
</table>

<table border="1" id="tabl">
<tr>
<td width="120" id="cell11">0</td>
<td width="120" id="cell12">0</td>
</tr>
<tr>
<td width="120" id="cell21">0</td>
<td width="120" id="cell22">0</td>
</tr>
</table>
22 October at 14:50

Hitretz:

S_Lider: ошибка в коде или это специфика движка?
как правильно реализовать такую штуку?

Используй jquery. Страница обновилась при получении подсказки или бонуса, загрузилась объектная модель и только тогда сработал скрипт меняющий содержимое ячеек.

$(document).ready(function(){
$("#cell11").html("новый текст 1");
$("#cell12").html("новый текст 2");
$("#cell21").html("новый текст 3");
$("#cell22").html("новый текст 4");
});

22 October at 14:53

S_Lider: благодарствую, но чёта не получается, не реагирует таблица никак (

22 October at 15:14

S_Lider: так ведь должно быть?

в задании:
<table border="1" id="tabl">
<tr>
<td width="120" id="cell11">0</td>
<td width="120" id="cell12">0</td>
</tr>
<tr>
<td width="120" id="cell21">0</td>
<td width="120" id="cell22">0</td>
</tr>
</table>

в подсказке:
<script language="javascript">
$(document).ready(function(){
$("#cell11").html("новый текст 1");
$("#cell12").html("новый текст 2");
$("#cell21").html("новый текст 3");
$("#cell22").html("новый текст 4");
});
</script>

и при получении подсказки, в таблице должны измениться значения или я чего-то недопонимаю?
22 October at 15:49

Kh.d:

2 S_Lider:

Сверните ваш скрипт в одну строку, движок вам устраивает "Автоперенос строк". (Это тот, который можно включать-отключать при редактировании задания).

P.S. Мне кажется, или раньше автопереноса в подсказках не было?
22 October at 16:22

S_Lider:

Kh.d:

аллилуйя, работает *SMILE*

Благодарю за помощь *SMILE*

22 October at 16:30

}i{YI{: эта.......
а как мониторинг экспортировать куданить в эксель например?
23 October at 20:55

дядя Артём: копипастом если тока
23 October at 22:15

S_Lider: Что-то я уже второй день таблицы победить не могу. Кто сталкивался, как в ячейкее убрать нижний и боковые отступы от изображения?

Пробовал вот так:
<table width="700" height="520" border="1" CELLPADDING="0" CELLSPACING="0" id="tabl1">

и вот так:
<style>
#tabl1 {
padding-top:0px; /* отступ сверху */
padding-bottom:0px; /* отступ снизу */
}
</style>

и даже вот так:
<style>
#img {
margin: 0px 0px 0px 0px;
width: auto;
height: auto;
margin-top: 0px;
padding-top: 000000px;
}
</style>

безрезультатно (((
25 October at 12:16

Kh.d: S_Lider, разметку в студию, по кусочкам точно не скажешь, cellpadding и cellspacing должны работать нормально, отступы добавляет кто-то другой.

Как в предыдущий раз: полную таблицу, скрипт, который вставляет изображение, и т.д.

Можно, конечно, посоветовать добавить #tabl1 td{padding:none;}, но что-то мне подсказывает, что это не поможет.

25 October at 12:59

MeDTalist: А может margin у самой картинки стоит?

25 October at 14:38

S_Lider:

Kh.d: разметку в студию

Даже без всяких скриптов, в простой таблице отступы не убираются

<style>
#tabl1 {
padding-top:0px;
padding-bottom:0px;
}
</style>

<table border="1" CELLPADDING="0" CELLSPACING="0" id="tabl1">
<tr>
<td width="175" height="130" id="cell11"><img src="https://restformula.com.ua/p01.jpg"></td>
<td width="175" height="130" id="cell12"></td>
<td width="175" height="130" id="cell13"></td>
<td width="175" height="130" id="cell14"></td>
</tr>
<tr>
<td width="175" height="130" id="cell21"></td>
<td width="175" height="130" id="cell22"></td>
<td width="175" height="130" id="cell23"></td>
<td width="175" height="130" id="cell24"></td>
</tr>
</table>
25 October at 14:52