🔍Разыскиваются VueJs волонтеры!

  ENCOUNTER в Семипалатинске (Семее)
EN в Twitter EN В Контакте EN в Facebook
RSS 2.0
Домен: https://semipalatinsk.en.cx/ (владелец домена: N_A) Показать аватары
Модераторы форума: Бусинка.kz, Паника, N_A, oda, грюндик~
На страницу: 
1  <<  11  12  13  14  15  16  17  >>  20

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

22.03.2011 10:27:13 / 398 сообщений / автор темы _Серёга_ .

Подполковник
Мальчик
 crux
(
 Орден III степениОрден III степениОрден II степени
)
Аттестат
[ 23.09.2013 14:08:22 (UTC +6), isterika.en.cx ]  
я делал так: https://getline.ru/data/mr.js
только jquery.jsonp надо подключить перед скриптом
Старший лейтенант
(
)
Аттестат
[ 23.09.2013 14:15:46 (UTC +6), tagan.en.cx ]  
error.jpg
скрипт обратного отсчета косячит...((
началась игра и теперь он считает время видимо на сатурне)))
Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 23.09.2013 15:06:47 (UTC +6), kaluga.en.cx ]  
hatabi4: error.jpg
скрипт обратного отсчета косячит...((
началась игра и теперь он считает время видимо на сатурне)))

Поправил:

<!-- Простой счётчик времени до следующей игры -->
<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>
<script>
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;
}
var NGTimerInit = function(ottng){var tst = Date.now();var NGTimer = function(){setTimeout(NGTimer, 500); var ttng = ottng - Math.floor((Date.now()-tst)/1000);$("#next-game-timer").text(ttng?(Math.floor(ttng/86400) + "д. " + Math.floor(ttng%86400/3600) + "ч. " + Math.floor(ttng%3600/60) + "м. " + ttng%60 + "с.").replace(/ (\d\D)/ig," 0$1"):"...............");};NGTimer()};if (document.location.pathname.match(/^\/Default\.aspx$|^\/$/)){NGTimerInit(GetNGT(($("body"))));}else{$.get("/Default.aspx").done(function(r){NGTimerInit(GetNGT(r));})}
</script>
Подполковник
Мальчик
Аттестат
[ 07.10.2013 1:33:21 (UTC +6), stavropol.en.cx ]  
Скрипт кнопки плавной прокрутки "Вверх". Легкий. Удобный. Без картинок. Располагается в левой части. Кому интересно, юзайте.
ыва.jpg

<!-- Кнопка плавной прокрутки вверх -->
<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><!--
#back-top {
position: fixed;
bottom: 70px;
margin-left: -160px;

}

#back-top a {
display: block;
text-align: center;
vertical-align: middle;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #eae6ea;
background: #555;
padding: 10px 20px;

/* закругленные углы */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

/* замедление */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #ffffff:
background: #000;
}
--></style>
<p id="back-top"><a href="#top"><span>Back to Top</span></a></p>
<!-- Кнопка плавной прокрутки вверх -->
Майор
(
)
Аттестат
[ 07.10.2013 1:40:22 (UTC +6), lemon.en.cx ]  
ОМГ, теперь эта кривая кнопка перекрывающая половину важной инфы появится на всех доменах
Никогда не понимал, зачем она нужна. На ПК есть Home, на планшетах/телефонах - быстрый жест вверх. А кнопка только глаза мозолит.
Рядовой
[ 08.10.2013 11:08:58 (UTC +6), prm.en.cx ]  
Сделайте чтобы она появлялась только в самом низу =)
Старший сержант
Мальчик
(
)
Аттестат
[ 22.10.2013 16:28:56 (UTC +6), kirovograd.en.cx ]  
Гуру 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.10.2013 16:50:12 (UTC +6), lemon.en.cx ]  
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.10.2013 16:53:17 (UTC +6), brn.en.cx ]  
S_Lider: ошибка в коде или это специфика движка?
как правильно реализовать такую штуку?
Используй jquery. Страница обновилась при получении подсказки или бонуса, загрузилась объектная модель и только тогда сработал скрипт меняющий содержимое ячеек.

$(document).ready(function(){
$("#cell11").html("новый текст 1");
$("#cell12").html("новый текст 2");
$("#cell21").html("новый текст 3");
$("#cell22").html("новый текст 4");
});
Старший сержант
Мальчик
(
)
Аттестат
[ 22.10.2013 17:14:52 (UTC +6), kirovograd.en.cx ]  
благодарствую, но чёта не получается, не реагирует таблица никак (
Старший сержант
Мальчик
(
)
Аттестат
[ 22.10.2013 17:49:34 (UTC +6), kirovograd.en.cx ]  
так ведь должно быть?

в задании:

<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>

и при получении подсказки, в таблице должны измениться значения или я чего-то недопонимаю?
Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 22.10.2013 18:22:07 (UTC +6), kaluga.en.cx ]  
2 S_Lider:

Сверните ваш скрипт в одну строку, движок вам устраивает "Автоперенос строк". (Это тот, который можно включать-отключать при редактировании задания).
<script language="javascript">$(document).ready(function(){$("#cell11").html("новый текст 1");$("#cell12").html("новый текст 2");$("#cell21").html("новый текст 3");$("#cell22").html("новый текст 4");});</script>

P.S. Мне кажется, или раньше автопереноса в подсказках не было?
Старший сержант
Мальчик
(
)
Аттестат
[ 22.10.2013 18:30:45 (UTC +6), kirovograd.en.cx ]  
Kh.d:
Сверните ваш скрипт в одну строку, движок вам устраивает "Автоперенос строк". (Это тот, который можно включать-отключать при редактировании задания).
аллилуйя, работает *SMILE*

Благодарю за помощь *SMILE*
Подполковник
(
)
Аттестат
[ 23.10.2013 22:55:59 (UTC +6), en.cx ]  
эта.......
а как мониторинг экспортировать куданить в эксель например?
Полковник
Мальчик
Аттестат
[ 24.10.2013 0:15:24 (UTC +6), world.en.cx ]  
копипастом если тока
Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 14:16:29 (UTC +6), kirovograd.en.cx ]  
Что-то я уже второй день таблицы победить не могу. Кто сталкивался, как в ячейкее убрать нижний и боковые отступы от изображения?

tabl.jpg
Пробовал вот так:
<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>

безрезультатно (((
Подполковник
Мальчик
 Kh.d
(
)
Аттестат
[ 25.10.2013 14:59:35 (UTC +6), kaluga.en.cx ]  
S_Lider, разметку в студию, по кусочкам точно не скажешь, cellpadding и cellspacing должны работать нормально, отступы добавляет кто-то другой.

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

Можно, конечно, посоветовать добавить #tabl1 td{padding:none;}, но что-то мне подсказывает, что это не поможет.
Майор
(
)
Аттестат
[ 25.10.2013 16:38:23 (UTC +6), lemon.en.cx ]  
А может margin у самой картинки стоит?
Старший сержант
Мальчик
(
)
Аттестат
[ 25.10.2013 16:52:15 (UTC +6), kirovograd.en.cx ]  
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>
На страницу: 
1  <<  11  12  13  14  15  16  17  >>  20
27.11.2024 12:24:33
(UTC +6)

www.en.cx
EncounterTM Ltd.
2004-2024 ©
  • Активные городские игры
  • Военный (внеаренный) лазертаг, 
  • Официальные и любительские авто- и мото- соревнования, 
  • Экстрим и технические виды спорта в Семипалатинске. 
©EN.O.T., 2007 - 2020