Отображение значения переменной в компоненте Text

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 2
Аватара пользователя

Автор Темы
smokinsouls
Читатель
Читатель
Сообщения: 3
Зарегистрирован: 15 авг 2018, 23:08
Версия Web Builder: 12.5

Отображение значения переменной в компоненте Text

Сообщение smokinsouls » 15 авг 2018, 23:25

Здравствуйте!

Помогите решить задачу:
На странице есть компонент Text1.
В компоненте JS создана переменная, например: var text = “hello”;
Есть ли возможность присвоить переменную text компоненту Text1? (Так, чтобы текст этого компонента стал “hello”).

Рассмотрю любые варианты влияния на компонент Text1. Спасибо.

Реклама
Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1600
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Отображение значения переменной в компоненте Text

Сообщение spoon » 16 авг 2018, 06:49

Компонент :-) Скиньте ваши КОМПОНЕНТЫ, что там у вас.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Отображение значения переменной в компоненте Text

Сообщение Gudwinn » 17 авг 2018, 18:32

Привет, на чистом JS вот пример, в исходнике страницы до BODY вставьте это:

Код: Выделить всё

<script>
var text = 'hello',
    target = document.querySelector('#wb_Text1 span');
 target.innerHTML = text;
</script>
, это такой наглядный пример, но быстрее и правильнее сделать одной строкой:

Код: Выделить всё

<script>
 document.querySelector('#wb_Text1 span').innerHTML = 'hello';
</script>
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1600
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Отображение значения переменной в компоненте Text

Сообщение spoon » 17 авг 2018, 18:52

Код: Выделить всё

$('айди текста').text("hello");

Если нужно оформить как-то то так можно

Код: Выделить всё

$('айди текста').html("<span class="text">hello</span>");

Но думаю у вас загвоздка в чем то другом.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Отображение значения переменной в компоненте Text

Сообщение Gudwinn » 17 авг 2018, 20:13

просто скорее всего у человека джейквери не подрублена будет к странице, поэтому я сразу дал код на чистом js, таким образом избежал ещё ряд вопросов)))
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

kkk707
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 05 июн 2015, 21:41
Версия Web Builder: 9

Отображение значения переменной в компоненте Text

Сообщение kkk707 » 21 янв 2019, 12:11

Добрый день! А если нужно в текст вставить не hello, а, например, текст заголовка H1? Возможно это?

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1600
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Отображение значения переменной в компоненте Text

Сообщение spoon » 21 янв 2019, 13:32

Код: Выделить всё

let htext = $('айди заголовка').text();//тут получаем текст вашего заголовка
$('айди текста').text(htext);//вставляем текст заголовка в любой div с  'айди текста'
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

kkk707
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 05 июн 2015, 21:41
Версия Web Builder: 9

Отображение значения переменной в компоненте Text

Сообщение kkk707 » 21 янв 2019, 13:53

Спасибо, вставить нужно в исходнике страницы до body?

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1600
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Отображение значения переменной в компоненте Text

Сообщение spoon » 21 янв 2019, 14:06

До тега </body> и не забудьте подключить библиотеку jg
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

kkk707
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 05 июн 2015, 21:41
Версия Web Builder: 9

Отображение значения переменной в компоненте Text

Сообщение kkk707 » 21 янв 2019, 14:32

Извиняюсь за тупизм, а как ее подключить?

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1600
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Отображение значения переменной в компоненте Text

Сообщение spoon » 21 янв 2019, 14:41

Можете закинуть любую иконку, фигуру или картинку и сделать просмотр в лайтбоксе, или скачать и подключить в теге head, или так же в head подключить ссылку на библиотеку.
Первая попавшая статья из бубна http://w3.org.ua/jquery/podklyuchenie-biblioteki-jquery-4-sposoba/
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

kkk707
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 05 июн 2015, 21:41
Версия Web Builder: 9

Отображение значения переменной в компоненте Text

Сообщение kkk707 » 21 янв 2019, 15:55

Спасибо большое, сейчас попробую.

Отправлено спустя 24 минуты 30 секунд:
Что-то не то.. эти две строки нужно вставить в исходник страницы, заменив значения "айди заголовка" и "айди текста". А потом в текст как вставить переменную?

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1600
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Отображение значения переменной в компоненте Text

Сообщение spoon » 26 янв 2019, 14:23

Пример
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

kkk707
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 05 июн 2015, 21:41
Версия Web Builder: 9

Отображение значения переменной в компоненте Text

Сообщение kkk707 » 31 янв 2019, 13:13

Вот спасибо! Все работает) Только не найду где же прописано, что в indexText1 должен появиться заголовок?
И возможно ли не вместо всего текста, а в определенное место в тексте вставить переменную?

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1600
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Отображение значения переменной в компоненте Text

Сообщение spoon » 31 янв 2019, 13:38

kkk707 писал(а):олько не найду где же прописано, что в indexText1 должен появиться заголовок

Правой кнопкой мыши Исходник страницы-До /body.
Пример скинул.
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

kkk707
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 05 июн 2015, 21:41
Версия Web Builder: 9

Отображение значения переменной в компоненте Text

Сообщение kkk707 » 31 янв 2019, 14:14

Это понятно, не понятно почему там прописано #wb_uid0, а не айди текста.
А переменную не выделять не получится?

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1600
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Отображение значения переменной в компоненте Text

Сообщение spoon » 31 янв 2019, 14:35

Можно и id текста но все равно через wb_, но надо смотреть как формируется контент, т.к. id текста это div в котором могут быть куча других дивово и придется прописывать как в первом примере.
Можно и не выдилять, а закидывать, например, два текста, первый с id="text1" "Приве", а второй с id="text2" "Мир" и чтобы изменить второй текст вы прописываете id этого текста

Код: Выделить всё

S('#text2').text('Мама')
и получается "Привет Мама".
Со strong я показал как можно в одном тексте поменять определенное слово.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

kkk707
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 05 июн 2015, 21:41
Версия Web Builder: 9

Отображение значения переменной в компоненте Text

Сообщение kkk707 » 31 янв 2019, 17:19

Спасибо, все понятно! Я просто думала, что можно в разные места одного текста вставить некие переменные, например [1], [2] и [3]. А вместо них прописать значения, которые будут вставляться: [1] - чтобы заменился на заголовок, [2] - на текст с id "text1", а [3] - на "105 рублей" к примеру.

Аватара пользователя

kkk707
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 05 июн 2015, 21:41
Версия Web Builder: 9

Отображение значения переменной в компоненте Text

Сообщение kkk707 » 24 июн 2019, 10:09

Здравствуйте! А возможно ли в этом варианте как-то оставить ссылку на тексте Text1? Сейчас пропадает при замене переменной.
<script>
document.querySelector('#wb_Text1 span').innerHTML = 'hello';
</script>

Аватара пользователя

kkk707
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 05 июн 2015, 21:41
Версия Web Builder: 9

Отображение значения переменной в компоненте Text

Сообщение kkk707 » 26 июн 2019, 13:26

Или ссылку вставить на переменную.. Методом тыка не получается( Подскажите плиз.
<script>
document.querySelector('#wb_Text1 span').innerHTML = 'hello' (как сюда вставить ссылку?);
</script>


Ответить Вложения 2

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость