Как определить символ мягкого переноса слова?

@iiil @Gilf
А ещё оказалось, что webkit захватывает в clientRects предыдущую строку, если первым символом в Range оказывается символ после ­...

Как определить символ мягкого переноса слова?

@iiil @Gilf
Задача оказалась с подводными камнями:) Значитца теперь с текстовкой всё работает как нужно. Проверьте, если не трудно, на своих текстах.

Второй этап — чисто технический — идти по элементам в блоке и, найдя текстовую ноду, скармливать её анализатору. То есть задача — продублировать дерево, с обработанным текстом. А потом либо заменить оригинал, либо в другой блок — по желанию.

Почему так нужно? Потому что Range для элемента работает так — или мы выделяем весть, или ничего. Только с текстом нам позволено выделять отдельный набор идущих подряд символов.

Как сделать кнопку без a hreaf ?

@A_Psycho кто курил? Я не курил...

Как написать проверку элементов подгруженных асинхронно?

@like-a-boss я действовал бы вот примерно так

HTML

<div id="artists">
	<div class="list">
		<div class="anything" data-container="artist" data-title="Dousk">
			<strong>Dousk</strong>
		</div>
		<div class="anything" data-container="artist" data-title="Emma Louise">
			<strong>Emma Louise</strong>
		</div>
		<div class="anything" data-container="artist" data-title="Hidden Orchestra">
			<strong>Hidden Orchestra</strong>
		</div>
	</div>
	<div class="more" data-action="artist" data-url="1">+</div>
</div>

JS

var $Artist = function () {
		var imageURL = '/ajax/image.html',
			artistURL = '/ajax/artist.html',
			options = {
				method: 'artist.getinfo',
				api_key: '666',
				format: 'json'
			},
			next;

		return {
			getImage: function ($items) {
				$items.each(function () {
					var $item = $(this);

					$.ajax({
						url: imageURL + '?' + $.param(options) + '&artist=' + encodeURIComponent($item.data('title')),
						dataType: 'json',
						success: function(data) {
							$item.append($('<img>').attr('src', data.artist.image[2]['#text']));
						}
					});
				});
			},
			getArtists: function ($link) {
				var _class = this;

				$.ajax({
					url: artistURL + '?' + $link.data('url'),
					dataType: 'html',
					success: function (data) {
						var data_ = $(data);

						data_.each(function () {
							var $item = $(this);

							if ($item.is('[data-container="artist"]')) {
								_class.getImage($item);
							} else if ($item.is('[data-url]')) {
								$link.data('url', $item.data('url'));
							}
						});

						data_.appendTo(container);
					}
				});
			}
		};
	}(),
	container = $('#artists .list');

$Artist.getImage($('[data-container="artist"]'));

$(document).on('click', '[data-action="artist"]', function (e) {
	$Artist.getArtists($(this));
});

image.html

{
	"artist": {
		"image": [
			"",
			"",
			{
				"#text": "/pic/posters/185.jpg"
			}
		]
	}
}

artist.html

<div class="anything" data-container="artist" data-title="ATB">
	<strong>ATB</strong>
</div>
<div class="anything" data-container="artist" data-title="AIR">
	<strong>AIR</strong>
</div>
<div class="anything" data-container="artist" data-title="The Calm Blue Sea">
	<strong>The Calm Blue Sea</strong>
</div>
<div data-url="2"></div>

Как написать проверку элементов подгруженных асинхронно?

@like-a-boss тогда как понять

success: function(out){
	result = $(out).find('#loop .post');
	nextlink = $(out).find('#showmemore a').attr('href');
	$('#loop').append(result.fadeIn(300));
	...
}

Вы же получили данные в переменной out и пытаетесь в них найти #showmemore и #loop, что как я уже объяснял, делается не таким способом. И ладно, что вы не приучены к оператору var (и очень напрасно), потому что:

Блок #loop уже есть на странице, поскольку в него вы собираетесь вставить результат поиска в ответе.
И блок #showmemore также есть на странице, ведь загрузка пошла после клика внутри этого блока по ссылке.

Так что я вообще не понимаю — что вообще вы делаете.

Как написать проверку элементов подгруженных асинхронно?

@like-a-boss пришедшие данные добавляются или заменяют предыдущие?

Как написать проверку элементов подгруженных асинхронно?

@like-a-boss вы смешали 2 подхода, а за это в шведской кухне отрывают голову:)

1. Вот почему я не написал сразу data_.find('.anything')? И коротко, и просто. Но нет — я как дурак цикл пишу data_.each(...). Почему же я такой дурак? Потому, что вы получили фрагмент, который пока ещё не часть документа со всеми вытекающими.

2. Вам нужно искать пришедшую ссылку (кстати, почему с таким же id?) либо в цикле, либо после вставки данных в документ. И не нужно допускать наличие в документе нескольких элементов с одинаковым id.

3. Вы явно копируете откуда-то этот код, потому что в вашем случае лучше

$(function () {
	$(document).on('click', '#showmemore a', function (e) {
			// Тут код
	});
});

Какую книгу по AJAX выбрать для изучения?

@Serhioromano я пишу комментарий вовсе не потому, что у меня есть некое личное к вам отношение. Я понятия не имею, что вы делаете и как. Возможно, вы просто шутите, а ваш код гениален.

Я пишу только потому, что вы даёте несведущему человеку плохой совет, который по качеству сродни другому вашему ответу.

Как определить символ мягкого переноса слова?

@Gilf да, проблемы есть. Нужно потом подумать. Но вы-то думайте тоже — вся основа у вас уже есть.

Как сделать форму проверка адреса подключения на php?

@maximka_l я пишу вам в комментариях к своему ответу. Так здесь и поступают.

Как определить символ мягкого переноса слова?

@Gilf в каком браузере? Я смотрю codepen.io/cleric/pen/xsdfv и не вижу смещения.

Как напечатать table на нескольких листах?

@dmuradz у вас есть координаты таблицы (top, left, width) и предполагаемая высота печатаемой области.

Первая граница проходит по высоте области. Вызываем метод (задав горизонтальную координату в пределах левой и правой границ таблицы), узнаём, какой элемент по этому адресу.

Если TR — берём ординату верхнего края и между этой строкой и предыдущей вставляем строку-разделитель. Прибавляем высоту области к полученной ординате и так пока не кончится высота документа.

Способ убогий, потому что:
1. Неясно, какая же высота области печати. Мало того, что нужно отслеживать margings и другие параметры, которые могут быть заданы в CSS, так ещё и человек может выбрать как формат печати (portrait / landscape), так и формат листа (А3, А5 и т.д.).

2. Элементы, попавшиеся на границах перед таблицей, нужно исследовать на предмет всевозможных page-xxx. Причём правила эти могут быть записаны с определением медиа-типа.

Итого — затея с JS нереально затратная и абсолютно не гарантирующая успех. Можно попробовать найти среди библиотек — вдруг кто уже решил задачу. Например, вот список, но наверняка есть и другие.

Как сделать форму проверка адреса подключения на php?

Если вы хотите сделать как на сайте — открывайте сайт, анализатор браузера и смотрите, изучайте, делайте.

Как определить символ мягкого переноса слова?

@Gilf ну так и пометьте и эту дискуссию как ответ:) Без неё решение было бы неполным.

Какую книгу по AJAX выбрать для изучения?

@Serhioromano я ориентируюсь на ваши реплики:
— вставлять в получаемый AJAX-ответ от сервера элемент script
— done() лучше success()
— непонимание, что работает быстрее — filter() или find()

Понятно, что это — только верхушка айсберга.

Как напечатать table на нескольких листах?

@dmuradz можно и без цикла — есть такая штука Document.elementFromPoint().

Html5 изучение на примере одного тестового задания?

backbonejs — это лишь библиотека, а решать задачи нужно тому, кто её применяет. Говнокод создаётся вне зависимости от библиотеки.

Какую книгу по AJAX выбрать для изучения?

Ну вот потому, что незачем учить, такие ответы и даёте как этот Обновление DOM для jquery после использования ajax ?

Html5 изучение на примере одного тестового задания?

Побочный эффект — непонимание основ работы JS и куча говнокода.

Как заставить людей писать текст на сайте?

А почему до этого стоял, и чем на коленях занимался?..