Цвет - закос под аналогичное приложение для iPhone!eygen писал(а): ....
Да тут дело оказалось в браузре, IE какого то не отображает их. Хром показал как надо.
И еще вопросик, через Majordroid разъезжается строка New items то есть "+" у меня переходит в следующую строку. Это как то исправить возможно? И такой вопрос личного так сказать характера, чем обусловлен красный цвет?Я наверное перекрашу
Еще один шаг по оптимизации).Vovix писал(а): 1) ВЫПОЛНЯТЬ НЕ НУЖНО Необходимо создать класс, например: ToDo*
2) ВЫПОЛНЯТЬ НЕ НУЖНО Необходимо сделать в этом классе свойство: StreamingCode1*
3) ВЫПОЛНЯТЬ НЕ НУЖНО Создать объект в этом классе: TodoList*
* эти пункты выполнятся сами при первом запуске скрипта todo_view_menu
Услуги в профиле коннект можно, но я всю ночь решал другую проблему:nick7zmail писал(а): ....
Еще один шаг по оптимизации).
Раз уж создаешь объекты/свойства - можно и действия запилить не отдельными скриптами, а в методы объекта или класса ToDo. Чтобы все в одном месте было.
и я её, таки, решил!!!nick7zmail писал(а):Еще бы обновлялся чисто блок, а не вся страница - было бы вообще норм
Код: Выделить всё
<style>
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
#item194 { /* здесь item194 - это номер ID пункта меню этого элемента */
padding: 0;
}
#list {
position: relative;
/* width: calc(100% + 40px); */
/* margin: 0 -20px 0 -20px; */
width: calc(100%);
margin: 0;
}
#list .new {
width: 100%;
height: 50px;
padding: 0;
margin: 0;
}
#list .new #newtask {
float: left;
width: calc(100% - 76px);
height: 50px;
padding: 0;
margin: 0;
background: #222;
/*line-height: 50px;*/
text-indent: 10px;
}
#list .new input {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 14px;
color: #FFF;
text-align: justify;
line-height: normal;
outline: 0;
border: 0;
border-radius: 0px;
/* font-smoothing: antialiased; */
}
#list .new #newtask::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
#list .new button {
cursor: pointer;
float: right;
width: 76px;
height: 50px;
padding: 0;
outline: 0;
border: 0;
border-radius: 0px;
margin: -9px 0 0 0;
background: #111111;
font-size: 24px;
color: #FFF;
}
#list .list .item {
clear: both;
width: 100%;
height: 38px;
margin: 0;
}
#list .list .item span {
cursor: default;
float: left;
width: calc(100% - 76px);
height: 20px;
padding: 5px 0 0 0;
margin: 0 0 0 0;
outline: 0;
border: 0;
background: transparent;
text-indent: 10px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 14px;
color: #FFF;
text-align: justify;
line-height: 1.9;
}
#list .list .item span.checked {
opacity: .5;
text-decoration: line-through;
}
#list .list .item .rightblock {
float: right;
width: 76px;
height: 38px;
padding: 0;
margin: 0;
}
#list .list .item .rightblock button {
cursor: pointer;
float: left;
width: 38px;
height: 38px;
padding: 0px;
margin: 0;
outline: 0;
border: 0;
border-radius: 0px;
background: rgba(0,0,0,0.1);
font-size: 20px;
color: #FFF;
}
</style>
<script type="text/javascript">
function btnRunClicked() {
var newtask = $('#newtask').val(),
bc = 20,
ni = $("div.item").length + 1;
$('#newtask').val('');
if (newtask) {
var codItem1 = '<div class="item" id="taskbox_' + ni + '" style ="background: rgba(223,' + (bc + ni * 14) + ',31,0.9);">';
var codItem2 = '<span id="task_' + ni + '">' + newtask + '</span>';
var codItem3 = '<div class="rightblock"><button id="check_' + ni + '" class="check fa fa-check ui-btn ui-shadow ui-corner-all" onClick="checkClicked(' + ni +');"></button>';
var codItem4 = '<button id="delete_' + ni + '" class="delete fa fa-times ui-btn ui-shadow ui-corner-all" onClick="deleteClicked(' + ni + ');"></button></div></div>';
$.get( "/objects/", { script:"todo_new", task:newtask } );
$(codItem1 + codItem2 + codItem3 + codItem4).appendTo("div.list");
// setTimeout(function() { location.reload() }, 1000);
return false;
}
}
function checkClicked(ctask) {
if (ctask) {
// var el = document.getElementById('task_'+ctask);
$.get( "/objects/", { script:"todo_check", task:ctask } );
// el.className = (el.className == 'checked' ? '' : 'checked');
$('#task_'+ctask).toggleClass('checked');
return false;
}
}
function deleteClicked(dtask) {
if (dtask) {
$.get( "/objects/", { script:"todo_delete", task:dtask } );
// document.getElementById('taskbox_'+dtask).remove();
$('#taskbox_'+dtask).remove();
return false;
}
}
</script>
%TodoList.StreamingCode1%раньше были "костыли" по всовыванию блока, чтобы раздвинуть блок до края!eygen писал(а):А что должно измениться?
Код: Выделить всё
width: calc(100% + 40px);
margin: 0 -20px 0 -20px; Код: Выделить всё
#item194 { /* здесь item194 - это номер ID пункта меню в котором он размещен */
padding: 0;
} А как на сцену установить?Vovix писал(а): Использовать еще проще:
1) В меню создать пункт типа HTML с данными: %TodoList.StreamingCode1% *единственно, для более корректного отображения нужно заменить на свой ID (тот который у вас у пункта меню с модулем)
менять нужно в TodoList.CSSandJS вот на строке с видом (в начале):в итоге получим это:Код: Выделить всё
#item194 { /* здесь item194 - это номер ID пункта меню в котором он размещен */ padding: 0; }