- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Задачка: сделать так, чтобы часть текста внутри заголовка h1 была редактируемой.
Попытка: делаем input type=text, убираем рамки, сравниваем визуально с заголовком. Все бы хорошо — но при установке автоматической ширины инпута текст туда может не поместиться, а устанавливать каждый раз длину — непонятно как, ибо она для разных заголовков может быть разной, да и при изменении хорошо бы чтоб менялась.
Вопрос: есть грамотное решение этого вопроса или стоит сделать отдельным полем и не выпендриваться?
Может на джаве сделать, если чесно не очень понятен смысл задачки.
Имеется текст:
Дерево «Ёлка обыкновенная»
Нужно Елка обыкновенная без кавычек сделать редактируемым...
А проценты не работают?
А вообще, имхо, правильней сделать, чтоб по клику заголовок менялся на инпут, а после редактирования снова становился заголовком.
Kolyaj, хм, а причем тут проценты?..
По клику — это да, это интересная наводка... Спасибо...
и не выпендриваться
да! :)
Если правильно понял то надо так, чтобы длина input была как и сдлинна слова?
Если да, тогда на лету считайте длину строки и генерируйте длиннут unput тега в зависимости от полученых данных.
А вобще, не изобртайте велосипед ;)
Kolyaj, хм, а причем тут проценты?..
Выставить ширину поля в 100%.
Если да, тогда на лету считайте длину строки и генерируйте длиннут unput тега в зависимости от полученых данных.
Не подскажете алгоритмик?
Есть два слоя - в одном заголовок <h1>бла-бла-бла</h1>, в другом - input. Изначально первый слой видим, второй - нет.
На onclick первого вешаем переключение видимости слоев и установку фокуса в input.
На onblur input-а вешаем обратное переключение видимости.
Css-ом приводим input и h1 к одному виду, для inputa ставим ширину в 100%.
-
Точно также можно попробовать поиграться с прозрачностью слоев и абсолютным позиционированием, если условия позволяют...
О блин, отвлек коллега на пару минут в процессе написания, а тут уже тоже самое посоветовали :)
В общем, красиво, как бы то ни было, не получится. Придется выбрать вариант «не выпендриваться».