Форум

p-mail · #1 (**permalink**) 28.11.2009, 02:26

Задача следующая: на странице имеется большой текст с проставленными ударениями ( & # 7 6 9 ; ). Нужно нажатием на кнопку убирать/снова расставлять их. Как это правильнее и компактнее сделать (и чтобы кулер не выл)?

Gvozd · #2 (**permalink**) 28.11.2009, 03:30

например перебрать все текстовые ноды, и заменить ударения на какой-то неотображаемый символ(\06 кажется бипу соответсвует), и обратно?

p-mail · #3 (**permalink**) 28.11.2009, 15:36

Ну наверно и подстановка пустого значения ( changeSimvol = "" ) подойдет. Вопрос касался технической реализации, каким образом это лучше осуществить. Чтобы не писать на месте каждого ударения -
ударе<script>document.write(changeSimvol)</script>ние

Gvozd · #4 (**permalink**) 28.11.2009, 17:41

Сообщение от p-mail

Ну наверно и подстановка пустого значения ( changeSimvol = "" ) подойдет

как ты их собираешься после этого возвращать обратно?

Сообщение от p-mail

document.write(changeSimvol)

это тут никак не подойдет(если ты хочешь сделать без перезагрузки страницы)
го учить DOM и Регулярные выражения, и думать над предложенным мною алгоритмом

subzey · #5 (**permalink**) 29.11.2009, 02:13

Вот один вариант. Но не скрипта, а разметки.

<style type="text/css">
	.grp-noaccents .typ-accent {
		display: none
	}
</style>

<body class="grp-noaccents">
...
<p>На дворе<span class="typ-accent">&#769;</span> трава<span class="typ-accent">&#769;</span>, на траве<span class="typ-accent">&#769;</span> дрова<span class="typ-accent">&#769;</span>.</p>
...
</body>

Как Вы, наверное, догадываетесь, достаточно добавить/удалить класс "grp-noaccents" любому родителю, чтобы скрыть/показать ударения.

Плюсы: экстремально шустрая в работе и несложная в изготовлении методика.
Минусы: при копировании текста из браузера ударения будут всегда; если css не подгрузится, ударения будут показываться всегда.

Форум

Справочник

Discord чат

Курсы javascript