🔍Разыскиваются VueJs волонтеры!
Choose your language:
en lt ru
RSS 2.0
Domain: https://lietuva.en.cx/ (domain owner: molotov) Show avatars
Forum moderators: molotov, EntertainerLT
On page: 
1  <<  11  12  13  14  15  16  17  >>  20

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

3/22/2011 6:27:13 AM / 398 messages / the topic was opened by _Серёга_ .

Lieutenant colonel
Boy
 crux
(
 Medal of the 3-rd rankMedal of the 3-rd rankMedal of the 2-nd rank
)
Attestate
[ 9/23/2013 11:08:22 AM (UTC +2), isterika.en.cx ]  
я делал так: https://getline.ru/data/mr.js
только jquery.jsonp надо подключить перед скриптом
Senior lieutenant
(
)
Attestate
[ 9/23/2013 11:15:46 AM (UTC +2), tagan.en.cx ]  
error.jpg
скрипт обратного отсчета косячит...((
началась игра и теперь он считает время видимо на сатурне)))
Lieutenant colonel
Boy
 Kh.d
(
)
Attestate
[ 9/23/2013 12:06:47 PM (UTC +2), 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>
Lieutenant colonel
Boy
Attestate
[ 10/6/2013 10:33:21 PM (UTC +2), 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>
<!-- Кнопка плавной прокрутки вверх -->
Major
(
)
Attestate
[ 10/6/2013 10:40:22 PM (UTC +2), lemon.en.cx ]  
ОМГ, теперь эта кривая кнопка перекрывающая половину важной инфы появится на всех доменах
Никогда не понимал, зачем она нужна. На ПК есть Home, на планшетах/телефонах - быстрый жест вверх. А кнопка только глаза мозолит.
Private soldier
[ 10/8/2013 8:08:58 AM (UTC +2), prm.en.cx ]  
Сделайте чтобы она появлялась только в самом низу =)
Senior sergeant
Boy
(
)
Attestate
[ 10/22/2013 1:28:56 PM (UTC +2), 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>

ошибка в коде или это специфика движка?
как правильно реализовать такую штуку?
Major
(
)
Attestate
[ 10/22/2013 1:50:12 PM (UTC +2), 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>
Captain
Boy
(
)
Attestate
[ 10/22/2013 1:53:17 PM (UTC +2), brn.en.cx ]  
S_Lider: ошибка в коде или это специфика движка?
как правильно реализовать такую штуку?
Используй jquery. Страница обновилась при получении подсказки или бонуса, загрузилась объектная модель и только тогда сработал скрипт меняющий содержимое ячеек.

$(document).ready(function(){
$("#cell11").html("новый текст 1");
$("#cell12").html("новый текст 2");
$("#cell21").html("новый текст 3");
$("#cell22").html("новый текст 4");
});
Senior sergeant
Boy
(
)
Attestate
[ 10/22/2013 2:14:52 PM (UTC +2), kirovograd.en.cx ]  
благодарствую, но чёта не получается, не реагирует таблица никак (
Senior sergeant
Boy
(
)
Attestate
[ 10/22/2013 2:49:34 PM (UTC +2), 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>

и при получении подсказки, в таблице должны измениться значения или я чего-то недопонимаю?
Lieutenant colonel
Boy
 Kh.d
(
)
Attestate
[ 10/22/2013 3:22:07 PM (UTC +2), 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. Мне кажется, или раньше автопереноса в подсказках не было?
Senior sergeant
Boy
(
)
Attestate
[ 10/22/2013 3:30:45 PM (UTC +2), kirovograd.en.cx ]  
Kh.d:
Сверните ваш скрипт в одну строку, движок вам устраивает "Автоперенос строк". (Это тот, который можно включать-отключать при редактировании задания).
аллилуйя, работает *SMILE*

Благодарю за помощь *SMILE*
Lieutenant colonel
(
)
Attestate
[ 10/23/2013 7:55:59 PM (UTC +2), en.cx ]  
эта.......
а как мониторинг экспортировать куданить в эксель например?
Colonel
Boy
Attestate
[ 10/23/2013 9:15:24 PM (UTC +2), world.en.cx ]  
копипастом если тока
Senior sergeant
Boy
(
)
Attestate
[ 10/25/2013 11:16:29 AM (UTC +2), 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>

безрезультатно (((
Lieutenant colonel
Boy
 Kh.d
(
)
Attestate
[ 10/25/2013 11:59:35 AM (UTC +2), kaluga.en.cx ]  
S_Lider, разметку в студию, по кусочкам точно не скажешь, cellpadding и cellspacing должны работать нормально, отступы добавляет кто-то другой.

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

Можно, конечно, посоветовать добавить #tabl1 td{padding:none;}, но что-то мне подсказывает, что это не поможет.
Major
(
)
Attestate
[ 10/25/2013 1:38:23 PM (UTC +2), lemon.en.cx ]  
А может margin у самой картинки стоит?
Senior sergeant
Boy
(
)
Attestate
[ 10/25/2013 1:52:15 PM (UTC +2), 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>
On page: 
1  <<  11  12  13  14  15  16  17  >>  20
11/24/2024 3:13:54 PM
(UTC +2)

www.en.cx
EncounterTM Ltd.
2004-2024 ©