-
Posts
77 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Melodyn
-
-
Ёмкость заголовка зашкаливает, так что к сути. Datalist даёт прекрасный и лёгкий в понимании список с автозаполнением и возможностью записи своего значения, я уже сделал его сюда: https://jsfiddle.net/8f53otky/3/
Есть проблема лишь с отсутствием скролла, а значений в моём списке может быть сколь угодно много.
Я пытался настроить виджет combobox из jquery ui - там тоже нет скролла и он не поддерживает ввод значений не из списка.
Здесь отмечен решением такой код:
<div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> <asp:DataList ID="someId" runat="server"> .... normal datalist implementation here .... </asp:DataList> </div>
Но как он работает, если работает - я не понял. Запустив его у себя, скролл появился, а список пропал: https://jsfiddle.net/8f53otky/4/
В общем, рыбятки, либо я жёстко туплю, либо ещё чего, но мне кажется, что решение, как истина - где-то рядом.
-
7 минут назад, wwt сказал:
я не очень понимаю, вам нужен хостинг-одностраничник(с тем же успехом можно использовать любой бесплатный хостинг), или вам нужен просто функционал редиректа?Если просто функционал редиректа, то подойдет любой сервис сокращения ссылок(такой кстати есть даже у самого контакта)
Блин, реально ведь можно использовать сокращатель ссылок, как внешний сайт! Эх, а я второй день мозг ломал Надо почаще отвлекаться на работу с вебом, а то нубею совсем. Спасибо за ответ! Это для использования изображений-ссылок в записях на стене понадобилось
-
На юкозе надо зарегаться, добраться до исходника, потом уже заюзать, а я хочу предоставить такую штуку для пользователей непосвящённых. Кроме того, юкоз и народ, на сколько я знаю, забанены в ВК, а мне нужно реализовать сервис для пользователей, которые редиректят из ВК в ВК
-
Есть ли какой-то сайт, который позволяет пользователю создавать одну пустую html-страницу, которую он может использовать под свои цели, в том числе, сделать с неё моментальный редирект? Чтобы были красивые адреса не интересует, просто рекомендовать каждому под такую нужду заводить себе полноценный сайт — это не самый оптимальный ход Подобно сервисам размещения изображений, только размещение html-страниц, с более-менее адекватным сроком хранения. Отсутствие регистрации, платы были бы чертовски приятным плюсом, но предложите хотя бы что-нибудь.
В гугле не забанен, но он меня не понимает.
-
14 часа назад, Vlad сказал:
Руководство читал, спасибо Речь не только о кнопках, но и оформлении текстовых блоков в целом. Например, в статье, что я нашёл, автор описывает интерлиньяж, как основу для выбора отступов. Кроме того, я находил пару Хабростатей на эту тему, которые хороши текстом, на них тупо пропали картинки. То есть часть информации как бы теряется (https://habrahabr.ru/post/56625/ ; https://habrahabr.ru/sandbox/65406/). Пока тема актуальна!
-
Приветствую, дамы и господа. Я тут было хотел в человека швырнуть ссылкой о том, как вписывать текст в картинки красиво, да что-то не нагуглил ничего особо по этой теме. Из-за того, что поисковики теперь адаптируются под запросы юзера, меня кидает на уроки по html и css, а надо мне что-то типа "отступы и поля при оформлении текста". Хотя и не безрезультатно, нашёл вот такую замечательную статью: http://artgorbunov.ru/bb/soviet/20140310/
В общем, мне стало интересно и самому почитать что-то по этой теме, т.к., на мой взгляд, многие делают отступы от текста на уровне интуиции и рефлексов. Когда уместно текст центрировать, а когда выравнивать по ширине? Как более удачно разделять абзацы и строки? Сколько должна быть рамка у текстовой иконки, с текстом размером 16 пикселей?
Интересует русскоязычный материал, потому что май инглиш из вери бед, а, может быть, даже Хабростатьи или ваши собственные мысли в стиле: "у текста в 16 пикселей отступы по бокам должны быть в 32 пикселя - это и дураку понятно!".
-
4 часа назад, Igor Schnaider сказал:
Вы зачем через location.reload() все это делаете?!
Так приказали голоса в голове.
Не умею в программирование, бывает ) Спасибо, весьма лаконичное решение!
-
Ребята, биде! При входе с мобильного браузера (Опера под Андроид) всё отображается хорошо, но при попытке пролистать страницу происходит обновление и перебрасывает вверх. На Едже под виндой перебрасывает вверх при ресайзе. Использую этот код:
В 01.04.2016 в 11:23, Melodyn сказал:Будьте бобры, напишите коротенькое решение, чтобы и размер блоков менялся в реальном времени, и позиция скролла не терялась. А то я слишком нуб
-
-
@Launder, тут не проблемы вёрстки. Я придумал фичу и решил ей поделиться, чтобы знающие меня закидали советами и какахами. В итоге, в процессе обсуждения, вылезли ранее незамеченные баги и были предложены несколько вариантов их решения. То есть хотелось обсуждение работы, а получилась работа над ошибками. Если кто-то сочтёт, что теме необходим переезд, то они его осуществят и без моего участия.
Но это уже всё оффтоп )
-
@jkikksa где, например? Мои публикации, на сколько видит мой глаз, везде с квадратами:
В 26.03.2016 в 21:26, Melodyn сказал:В итоге оно работает на jsfiddle.
В 27.03.2016 в 09:43, Melodyn сказал:В 27.03.2016 в 16:22, Melodyn сказал:10 часов назад, Melodyn сказал:Не везде они с первого раза, но всё же.
@Launder ну потому что тут фуфло ) Ещё из таких же полезнейших решений была моя тема в этом же разделе, которой вряд ли кто-то в здравом уме пользуется (кроме меня, конечно). Труъ-программер решает поставленную мной задачу на JS или jQ за минуты, и выкладывает в Библиотеку здоровый код. А у нас код курильщика
-
@Launder это всё марафет уже, а не решение первоначальной задачи. В конечном результате каждый допилит то, что ему надо.
-
Я тут тоже позанимался допилом. Очень неудобно оказалось на чистом CSS заполнять блоки текстом, поэтому решил сделать на jQ автоматическое обновление страницы и решать задачу примерно так:
-
@jkikksa, ваш пример с фикисрованным размером блоков, а надо переменным, чтобы при изменении ширины страницы менялась ширина блока и высота оставалась равной ширине. Тут вся тема вокруг этой фичи, а наделать просто квадратных блоков можно и не через флекс.
-
-
Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек.
Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс.
Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?
-
19 минут назад, Launder сказал:
Это всё костыли, как, в принципе и любое из решений. Я вот решил пока заменить padding на border, что даёт весьма хороший результат: https://jsfiddle.net/9aL4oc76/12/
-
1 минуту назад, Launder сказал:
7я строчка
Это уже не отступы, а фишка родительского элемента, который здесь в качестве фона. Он изменяет вместе с размером шрифта межстрочный интервал, что по сути line-height, а не margin-bottom. Это тооонкая такая грань, которая действительно может вызывать порой косяки в вёрстке )
Чтобы не быть голословным: https://jsfiddle.net/9aL4oc76/11/ - можете в 9й строке менять размер шрифта.
-
1 минуту назад, Launder сказал:
при изменении размера шрифта, меняется размер вертикальных расстояний
Просто в той ссылке вообще нет никакого текста, т.е. изменение font-size без текста ну просто ничего не даст. Скорее всего вы чего-то не понимаете или я не понимаю вас, т.к. единственный вариант с текстом - шестой. И там изменение font-size никак не влияет на margin-bottom.
3 часа назад, by chris сказал:код скрипта можно модернизировать
Модернизируйте, выкладывайте ) Будет маленькая база решений одной задачи.
- 1
-
11 минуту назад, Launder сказал:
марджин-боттом
11 минуту назад, Launder сказал:размер шрифта
Эм? Размер шрифта font-size, а margin-bottom - это отступ снизу. Вы уверены, что вы говорим об одном и том же?
-
2 минуты назад, Launder сказал:
решение будет зависеть от размера шрифта.
От размера шрифта вряд ли что-то может зависеть. Наиболее актуальная версия: https://jsfiddle.net/9aL4oc76/6/ так как уже после того кода вылезло много новых вопросов ) Если получится сделать опрятный код, то и на чистом CSS вариант получится.
-
9 минут назад, by chris сказал:
Пожалуйста, эквивалентные квадраты логике вашей разметки https://jsfiddle.net/9aL4oc76/8/
То ли лыжи не едут...
Название темы - блоки одинаковой высоты и ширины. Мой код действительно даёт прямоугольники, когда есть height: 128px или не было обновления страницы. Я смотрю на ваш код и вижу в нём блоки разной ширины и высоты, опять же два скрина с вашим и моим случаем:
-
-
4 минуты назад, by chris сказал:
Ничего не изменилось.
Выпадающий список с автозаполнением, скроллом и вводом своих значений
in HTML Coding
Posted · Edited by Melodyn
Вопреки своему ожиданию - на айфонах и винфонах datalist вообще не работает. В силу отсутствия подсказок, я крайне удручён и пока сделал вот такой замечательный выпадающий список: https://jsfiddle.net/8f53otky/12/
Как быть с автодополнением - я пока не придумал.
UPD придумал, сделал на jQuiery
Взял keyup и при каждом событии получаю значение input. Вместо option использую div и записываю значение из массива в id и дублирую его просто текст <div id=значение1>значение1</div>. Далее - проверяю, есть ли div, содержащий знак из input в id и просто вывожу их в html().
Работает простенько, чистенько, красивенько, на всех платформах https://jsfiddle.net/8f53otky/26/