Вопрос по настройке кнопки «подробнее» в материале
При создании блога категории из материалов столкнулся с проблемой — кнопка подробнее вставляется в материал как
что автоматически добавляет перенос строки, но хочется резать превью в середине предложения, это возможно? если да, подскажите в каком направлении искать. Пробовал руками в коде заменить
на , но такое система вообще не видит, видимо приязан к
. Что делать?
Последнее редактирование: 11 года 1 день назад от Nadaff .
Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.
Администратор
11 года 8 ч. назад #4480 от Wedal
Nadaff, по-моему в тексте материала уже стоит не «hr», а «a», ну т.е. ссылка «Подробнее». Работать нужно именно над ней. Приведите пример html-кода(не того, что видите при добавлении статьи, а того, который отображается на сайте) начиная с окончания вступительной части и заканчивая ссылкой «Подробнее».
Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.
Nadaff / Автор темы \
10 года 11 мес. назад #4493 от Nadaff
Код на сайте выглядит так:
Цвет – это чередование серо-голубых и белых слоев со слоями других цветов.10-agat"> Подробнее.
Согласен, не hr, но этого не легче. Как сделать чтобы не рвал на абзацы? (пример желаемого: Цвет – это чередование. "Подробнее" и при переходе без лишних строк шло все предложение)
Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.
Администратор
10 года 11 мес. назад — 10 года 11 мес. назад #4501 от Wedal
Nadaff, попробуйте сделать так:
.readmore{display:inline;}
Это нужно добавить в CSS.
Последнее редактирование: 10 года 11 мес. назад от Wedal .
Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.
Nadaff / Автор темы \
10 года 11 мес. назад #4531 от Nadaff
Wedal пишет: Nadaff, попробуйте сделать так:
.readmore{display:inline;}
Это нужно добавить в CSS.
Как я понимаю тут кнопка «Подробнее» встанет в одну линию с абзацем, это не совсем то, что я имел ввиду.
Я имел ввиду, что модуль readmore добавляет дополнительную красную строку на этапе создания материала. В некоторых новостных модулях есть функция обрезания текста по кол-ву знаков или слов, после которых автоматически добавляется многоточие и кнопка READMORE, т.е. материал рвется даже в середине предложения. А в нашем «readmore» можно разрывать только между абзацами.
Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.
Кнопка «подробнее» на странице товара
Буду очень благодарен если кто то сможет мне помочь!
Как добавить кнопку «подробнее» на странице товара.
и сделать много язычной, чтобы при переходи на другой язык кнопка менялась на язык сайта.
примерно как здесь.
Attachments:
Please Log in or Create an account to join the conversation.
- Posts: 2292
- Thank you received: 315
11 years 8 months ago #41793
Ответ в картинках
необходимо изменить шаблон img_title: (если у вас отображается немного не так — обновите перевод)
Все делалось для joomla 2.5
Не забываем выбрать именно тот шаблон, который вы используете в Joomla
Находим строчку listing_img_title и входим в редактор
В редакторе добавляем вот эту строчку в то место, которое вам необходимо (ориентируйтесь по скриншщоту)
Вот эта строчка в тексте:
p.s. Насчет многоязыковой поддержки — это сейчас больная тема. Joomfish для joomla 2.5 до сих пор не готов, хотя народ над ним трудится. Так как для многоязыковой поддержки hikashop использует именно joomfish, то сейчас трудное время, чтобы ответить что либо определеннное.
Я не явлюсь официальной службой поддержки!
Я здесь добровольно!
Хочешь получить купон на скидку Hikashop? Спроси меня как!
Attachments:
Last edit: 11 years 8 months ago by progreccor.
The following user(s) said Thank You: Sohik
Please Log in or Create an account to join the conversation.
- Posts: 50
- Thank you received: 4
11 years 8 months ago #41838
Есть предварительная версия с поддержкой FaLang. Nicolas дает ее по запросу . Обещает в ближайшее время выпустить релиз.
Так что не унывайте! Multilang for J1.7/2.5 будет в ближайшее время. Причем (судя по коду) будут поддерживаться и JoomFish и FaLang. Но, это мое мнение.
Касательно нативной поддержки — Nicolas сказал что это займет миниму месяц работы, и они не могут тратить это время, т.к. есть другие приоритетные направления.
А я лично за нативную поддержку (SQL запросы нужно экономить!).
Last edit: 11 years 8 months ago by korkunov.
The following user(s) said Thank You: progreccor
Please Log in or Create an account to join the conversation.
- Posts: 11
- Thank you received: 0
11 years 8 months ago #41842
Огромное спасибо Вам progreccor!
Все отлично плучилось. спасибо еще раз!
Есть возможность сделать что бы эта кнопка стала мультиязычной.
Конечно нужно сделать несколько изменений, очень не значительных и все окейно работает.
1: В файле listing_img_title.php (product) нужно добавить строчку.
" title="escape($this->row->product_name);?>">
2: Добавить в языковые файлы новую строчку (language/ru-RU/ru-RU.com_hikashop.ini) READ_MORE_BUTTON=»подробнее»
Вот и все, все работает отлично.
Last edit: 11 years 8 months ago by progreccor.
Please Log in or Create an account to join the conversation.
Тег HTML кнопка
Тег в HTML используется для создания кликабельной кнопки.
Кнопка, созданная с помощью тега button , может быть одного из трех типов: submit — кнопка отправки формы, reset — кнопка сброса данных в полях формы, button — кликабельная кнопка, действие по которой определяется скриптом.
HTML кнопка не является ссылкой. Для создания ссылки в виде кнопки используйте тег , стилизованный с помощью таблиц стилей CSS.
Контентом кнопки может быть как текст, так и другие HTML теги, например, используя тег внутри кнопки, можно сделать кнопку-картинку.
Тег HTML является элементом формы. Подробно о создании форм описано в статье: Все про формы и поля в HTML. Создание и работа с формами.
Синтаксис
Примеры использования кнопки
Стандартная HTML кнопка
Показать еще
HTML код стандартной кнопки
Кнопка button стилизованная с помощью CSS
Запустить скрипт
HTML код стилизованной кнопки
button[name="run_script"] <
border: none;
border-radius: 7px;
padding: 10px 25px;
background: #ff9900;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
color: white;
>
button[name="run_script"]:hover <
background: #ff6600;
>
Кнопка — картинка с помощью тега button
HTML код кнопки — картинки
Кнопка в HTML коде страницы
В примере показано использование кнопки в качестве кнопки отправки формы (тип submit).
HTML код примера
Кнопка button в коде HTML формы
Кнопки button и input в чем отличие?
Разница между кнопкой, созданной с помощью тега и кнопкой, созданной тегом input в механизме наполнения кнопки контентом. Внутри тега кнопки button вы можете размещать HTML теги, тем самым расширяется возможность по созданию визуальной составляющей кнопки. В случае с input , придется ограничиться использованием текста через атрибут value или использовать изображение в input с атрибутом type=»image» . Возможности использовать HTML теги внутри в кнопке input нет.
Браузеры могут по разному устанавливать тип кнопки по умолчанию, поэтому, для обеспечения кроссбраузерности, стоит всегда использовать атрибут type .
Поддержка браузерами
| Тег |  |
 |
 |
 |
 |
| Да | Да | Да | Да | Да |
Атрибуты тега button
Логический атрибут. Если указан, при загрузке документа фокус будет переведен на кнопку.
Логический атрибут. Если указан, делает кнопку неактивной (на кнопку нельзя будет нажать).
Указывает на форму, к которой относится кнопка. Используется, если кнопка применяется для отправки или очистки формы и при этом находится вне HTML кода формы.
Если кнопка находится внутри тега , то использовать атрибут form не нужно, кнопка по умолчанию привязана к форме, внутри которой находится.
URL адрес документа — обработчика формы. Используется для кнопок с типом submit. Если указан, форма будет отправлена по URL адресу, указанному в этом атрибуте, игнорируя атрибут action тега .
Способ кодирования информации. Используется для кнопок с типом submit.
Указывает как именно нужно кодировать информацию при отправке на сервер, вызванной нажатием кнопки, содержащей этот атрибут.
- application/x-www-form-urlencoded — все символы кодируются перед отправкой в шестнадцатеричные значения (HEX) ASCII, пробелы заменяются на «+». Значение по умолчанию;
- multipart/form-data — символы не кодируются. Значение обязательно нужно использовать в форме с полем input type=»file» (при использовании файлов в форме);
- text/plain — символы не кодируются, пробелы заменяются символом «+».
Атрибут используется только в случае отправки формы методом POST.
Этот атрибут переопределяет значение, указанное в атрибуте enctype тега .
HTTP метод передачи данных формы.
- GET — передача данных в URL с помощью пар имя-значение (name-value). Значение по умолчанию.
- POST — передача данных в теле HTTP запроса.
Используется только для кнопок с типом submit.
Этот атрибут переопределяет значение, указанное в атрибуте method тега .
Логический атрибут. Браузер не будет выполнять проверку правильности заполнения формы перед отправкой, вызванной нажатием кнопки, содержащей этот атрибут. По умолчанию браузер проверяет наличие значения в обязательных полях (required), соответствие значений стандарту (например, для поля с типом email) и т.п.
Этот атрибут переопределяет значение, указанное в атрибуте novalidate тега .
Используется для кнопок с типом submit.
Определяет где будет открыт результат обработки формы (ответ сервера), при отправке по нажатию кнопки с этим атрибутом:
- _blank — в новой вкладке или окне;
- _parent — в родительском окне;
- _self — в текущем окне (используется по умолчанию);
- _top — на весь экран.
Этот атрибут переопределяет значение, указанное в атрибуте target тега .
Имя кнопки. Используется при передаче данных формы на сервер. Значение (value) кнопки будет передано в переменной, имеющей имя, указанное в этом атрибуте.
- button — простая кликабельная кнопка, действие по нажатию которой определяется скриптом;
- reset — кнопка очистки полей формы. Стирает информацию введенную пользователем в поля связанной с кнопкой формы;
- submit — кнопка отправки формы. Выполняет отправку связанной формы на сервер.
Значение этого атрибута по умолчанию может отличаться в разных браузерах. Для кроссбраузерности вашего кода всегда указывайте этот атрибут.
Значение кнопки, которое будет отправлено на сервер.
На сервер отправляется переменная, имеющая название, указанное в атрибуте name кнопки и значение, указанное в этом атрибуте.
К форме может быть привязано несколько кнопок отправки. На сервер отправляются данные только той кнопки, которая вызвала событие отправки формы.
by Lebedev
Оцените, насколько полезна эта страница
Эти материалы могут быть вам полезны
Комментарии
18 апреля 2020 г.
Jelezoglo Vasili Vasili
Like!
Спасибо за помощь и информацию.
26 августа 2021 г.
15 марта 2022 г.
Не понятно в какую часть кодов ставить ссылку для кнопок и не понятно с формы где накапливаются данные пользователей, а если они отправляются на почту, то куда email получателя добавлять
17 апреля 2022 г.
Дмитрий, кнопка и ссылка в HTML — это разные вещи. Кнопка
В каком-то смысле из кнопки с типом type=»submit» можно сделать ссылку. Для этого нужно определить атрибут formaction у такой кнопки, вписав как значение целевой URL.
Что касается данных пользователя, введенных в форму, то они передаются на сервер в момент отправки формы. URL по которому сервер получает данные определяется атрибутом action тега , к которому относится кнопка, либо атрибутом formaction самой кнопки. То есть, фактически, при отправке формы происходит переход по указанному URL с передачей серверу введенных пользователем данных.
Никакого сохранения данных или отправки на email HTML форма сама по себе не делает. В свою очередь, это может сделать сервер. Например, в случае с PHP сервером, данные попадут в массивы $_GET и/или $_POST, после чего их можно будет сохранить в базу данных либо отправить на email средствами PHP.
22 мая 2022 г.
А можно ли как-то сделать так, чтобы при нажатии кнопки выполнялся код, написанный на Python и результат выполнения кода выводился в текстовое поле?
22 мая 2022 г.
Юра, можно привязать к нажатию HTML кнопки button отправку AJAX запроса с помощью JavaScript. Далее на сервере, работающим с Python, обработать запрос и прислать в ответ на AJAX запрос информацию, которую с помощью JavaScript вставить в текстовое поле.
Как сделать — Кнопка читать дальше, читать меньше
Узнать, как создать кнопку «Читать больше — читать меньше» с помощью JavaScript.
Пример Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas vitae scel . erisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor porta.
Кнопка читать дальше читать меньше
Шаг 1) Добавить HTML:
Пример
Шаг 2) Добавить CSS:
Пример
Шаг 3) Добавить JavaScript:
Пример
function myFunction() <
var dots = document.getElementById(«dots»);
var moreText = document.getElementById(«more»);
var btnText = document.getElementById(«myBtn»);
if (dots.style.display === «none») dots.style.display = «inline»;
btnText.innerHTML = «Читать больше»;
moreText.style.display = «none»;
> else dots.style.display = «none»;
btnText.innerHTML = «Читать меньше»;
moreText.style.display = «inline»;
>
>