PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи

Страниц (14): В начало « ... 3 4 5 6 [7] 8 9 10 11 ... » В конец

> Найдено сообщений: 202
Contr Отправлено: 23 Июня, 2014 - 16:13:49 • Тема: не переходить на предыдущую страницу при нажатии на backspace • Форум: JavaScript & VBScript

Ответов: 4
Просмотров: 1044
DelphinPRO пишет:
ккуратно сохраняем все данные в localstorage по мере их ввода

Великолепно! Радость
DelphinPRO - мастер.
Contr Отправлено: 23 Июня, 2014 - 15:13:33 • Тема: не переходить на предыдущую страницу при нажатии на backspace • Форум: JavaScript & VBScript

Ответов: 4
Просмотров: 1044
up
Contr Отправлено: 23 Июня, 2014 - 11:54:54 • Тема: большооой <select> облегчить жизнь браузеру? • Форум: HTML, Дизайн & CSS

Ответов: 19
Просмотров: 2959
DlTA пишет:
Contr пишет:
DlTA пишет:
автокомплит поищу
http://www[dot]datatables[dot]net/
по автокомплитам уже нашел

а к чему предложенная ссылка так и не понял (с буржуйским дружу туго)

это к автокомплиту, плагин оооочень мощный и стабильный. Советую
Contr Отправлено: 23 Июня, 2014 - 11:50:52 • Тема: Как вывести из массива в библиотеке ORM Idiorm • Форум: Объектно-ориентированное программирование

Ответов: 5
Просмотров: 1945
Айратиус пишет:
Вот код
Советую такие коды не копипастить, а самому писать
Contr Отправлено: 23 Июня, 2014 - 11:49:21 • Тема: большооой <select> облегчить жизнь браузеру? • Форум: HTML, Дизайн & CSS

Ответов: 19
Просмотров: 2959
DlTA пишет:
автокомплит поищу
http://www[dot]datatables[dot]net/
Contr Отправлено: 23 Июня, 2014 - 11:06:35 • Тема: Как задать ширину элементу на остаток ширины родителя? • Форум: HTML, Дизайн & CSS

Ответов: 4
Просмотров: 1925
CODE (html):
скопировать код в буфер обмена
  1. <div class="el">
  2.     <label for="d">Надпись подлиннее</label>
  3.     <div class="wr">
  4.         <input type="text" name="" id=""/>
  5.     </div>
  6. </div>
  7.  
  8.  
  9. <style>
  10.     .el label {
  11.         float:left;
  12.         padding-right:10px;
  13.     }
  14.    
  15.     .el input {
  16.         width: 100%;
  17.         box-sizing: border-box;
  18.     }
  19.     .el .wr {
  20.         overflow: hidden;
  21.     }
  22. </style>

завернуть в <div style="overflow: hidden;">...
(Добавление)
Чову спасибо за решение на стаковерфлоу:
CODE (html):
скопировать код в буфер обмена
  1. <label>Name Name Name</label>
  2. <span><input id="text" type="text" /></span>
  3. <p>some paragraph text</p>
  4.  
  5.  
  6. <style>
  7.     label {
  8.         display: table-cell;
  9.         white-space: nowrap;
  10.     }
  11.     span {
  12.         display: table-cell;
  13.         width: 100%;
  14.         padding: 0px 10px;
  15.     }
  16.     #text {
  17.         width: 100%;
  18.     }
  19. </style>

У дельфина тоже неплохое решение, а может даже и лучше:

CODE (html):
скопировать код в буфер обмена
  1. <div class="el">
  2.     <label for="d">Надпись подлиннее</label>
  3.     <div class="wr">
  4.         <input type="text" name="" id=""/>
  5.     </div>
  6. </div>
  7.  
  8.  
  9. <style>
  10.     .el label {
  11.         float:left;
  12.         padding-right:10px;
  13.         display: inline-block;
  14.     }
  15.  
  16.     .el input {
  17.         width: 100%;
  18.         box-sizing: border-box;
  19.     }
  20.     .el .wr {
  21.         overflow: hidden;
  22.         padding-right: 10px;
  23.     }
  24. </style>
Contr Отправлено: 23 Июня, 2014 - 10:14:47 • Тема: Как задать ширину элементу на остаток ширины родителя? • Форум: HTML, Дизайн & CSS

Ответов: 4
Просмотров: 1925
Я тоже было вспомнил про таблицы.
Давайте поработаем с этим простым примером:
CODE (html):
скопировать код в буфер обмена
  1. <div id="parent">
  2.     <div id="inner">
  3.         <label>Name Name Name Name</label>
  4.         <input id="text" type="text" />
  5.     </div>
  6.     <p>some paragraph text</p>
  7. </div>
  8. <style>
  9.     #inner {
  10.         display: table;
  11.         width: 100%;
  12.     }
  13.     #text {
  14.         display: table-cell;
  15.         width: 100%;
  16.     }
  17.     label{
  18.         display: table-cell;
  19.         white-space: nowrap;
  20.         width: 1%;
  21.     }
  22. </style>

100%-я ячейка вылезает за край немного.
Contr Отправлено: 23 Июня, 2014 - 08:42:37 • Тема: Как задать ширину элементу на остаток ширины родителя? • Форум: HTML, Дизайн & CSS

Ответов: 4
Просмотров: 1925
CODE (html):
скопировать код в буфер обмена
  1. <div style="width: 400px;">
  2. Текст текст:<input type="text" name="name" value=""/>
  3. </div>


Как задать ширину <input> на остаток ширины родителя?
Текст перед input может состоять из разного числа символов.
Есть ли реалазация этого момента на уровне стилей?
Contr Отправлено: 23 Июня, 2014 - 08:33:11 • Тема: Некорректное отображение ui datepicker в firefox • Форум: HTML, Дизайн & CSS

Ответов: 1
Просмотров: 865
Некорректное отображение ui datepicker в firefox
У меня отображает нормально. Скорее всего, проблема в Вашем коде, его css-части. Где-нибудь идет переименование стиля
Contr Отправлено: 23 Июня, 2014 - 08:27:41 • Тема: Как реализовать 1 строку ввода на 2 строках документа? • Форум: HTML, Дизайн & CSS

Ответов: 6
Просмотров: 1054
DelphinPRO пишет:
можно так. кривовато, но в целом сойдет Улыбка

http://jsfiddle[dot]net/2UP2L/

там еще стоит добавить js-проверку на максимальное количество символов в textarea, чтобы скролл не появлялся

ЭТО ШИКААААААРНО !!! просто ГЕНИАЛЬНО! Спасибо, ДельфинПро!
Contr Отправлено: 22 Июня, 2014 - 21:37:43 • Тема: не переходить на предыдущую страницу при нажатии на backspace • Форум: JavaScript & VBScript

Ответов: 4
Просмотров: 1044
Это надо для того, чтобы при заполнении документа случайно не произошел переход на предыдущую страницу (и все что заполняли - потерялось), если фокус пропадает из <input> и переходит ну куда-то в другое место.

читал тут:
https://developer[dot]mozilla[dot]org/en[dot][dot][dot]t[dot]preventDefault
и тут
https://developer[dot]mozilla[dot]org/en[dot][dot][dot]t[dot]preventDefault
а также тут
http://learn[dot]javascript[dot]ru/bubbl[dot][dot][dot]ng-and-capturing
написал так, но не работает:
CODE (javascript):
скопировать код в буфер обмена
  1. document.addEventListener('keydown', a, false);
  2.     function a(e) {
  3.         e.preventDefault();//Останавливает событие, но не останавливает его дальнейшего распространения.
  4.         e.stopPropagation();//Останавливает дальнейшее распространение события
  5. }
  6.    

Я заметил также, что переход на предыдущую страницу срабатывает при keydown.
Нужно решение. Ниндзя
Contr Отправлено: 22 Июня, 2014 - 16:57:12 • Тема: Как реализовать 1 строку ввода на 2 строках документа? • Форум: HTML, Дизайн & CSS

Ответов: 6
Просмотров: 1054
код в студию, Лайм. Текстареа не переносится. Он отображается как прямоугольник
Contr Отправлено: 22 Июня, 2014 - 15:30:37 • Тема: Как реализовать 1 строку ввода на 2 строках документа? • Форум: HTML, Дизайн & CSS

Ответов: 6
Просмотров: 1054
Как реализовать 1 строку ввода на 2 строках документа?

Input вроде не переносится (не отображается на двух строках)

Сделать span с contentEditable=true, тоже не вариант, так как там вставлять можно даже другие html-элементы. Тут или надо ввод фильтровать, как Input.

Т.е. я набираю текст, он вводится в строку верхнюю, как там место заканчивается, переносится на вторую, ту, что снизу.

Решение желательно без JS
Не понял
Contr Отправлено: 21 Июня, 2014 - 14:57:06 • Тема: Как добавить объекту свойство вместо функции? • Форум: JavaScript & VBScript

Ответов: 4
Просмотров: 987
Ch_chov пишет:
Тут тоже можно почитать про геттеры/сеттеры http://habrahabr.ru/post/108295/

Спасибо, про пасхалку не знал )))

IllusionMH - спасибо, просмотрел, отлично и понятно написано. плюсую карму Радость

OrmaJever - э-эх...
Contr Отправлено: 20 Июня, 2014 - 23:39:34 • Тема: Как добавить объекту свойство вместо функции? • Форум: JavaScript & VBScript

Ответов: 4
Просмотров: 987
Есть:
CODE (javascript):
скопировать код в буфер обмена
  1. Object.prototype.size = function() {
  2.         var size = 0, key;
  3.     for (key in this) {
  4.         if (this.hasOwnProperty(key)) size++;
  5.     }
  6.     return size;
  7. };
  8. var w = {'',''};
  9. w.size() // 2

Хочу, чтобы было так:

Т.е. вызывалось без скобок Ниндзя

Страниц (14): В начало « ... 3 4 5 6 [7] 8 9 10 11 ... » В конец
Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB