Текст после таблицы

knyazevsergey · September 24, 2015

Уважаемые специалисты!

Есть некая задача. На странице выводится простая таблица (!с возможностью редактирования):

Код страницы такой:



<HTML><HEAD>

<META content="text/html; charset=utf-8" http-equiv=Content-Type>

<META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD>

<BODY contenteditable="true">

<TABLE style="WIDTH: 100%"  bgColor=#ffffe1>

<TBODY>

<TR borderColor=#ffffe1>

<TD>Text XYZ</TD></TR></TBODY></TABLE>

</BODY></HTML>

Задача состоит в том, чтобы принудить пользователя редактировать текст именно внутри желтенькой таблицы, а не за ее пределами. Но принудить не получается, т.к. за таблицей можно также поставить курсор:

Реально ли сделать так, чтобы эту возможность убрать? Т.е. чтобы браузер "думал", что последний символ в документе - "Z", а не пустой символ после таблицы, как на предыдущем скриншоте. Меня это и устроит. Иными словами, чтобы при открытии страницы, при нажатии мышкой в любом месте ниже таблицы курсор становился в таблице (вот так):

Либо существует ли какой-то несложный javascipt, который позволит позиционировать курсор там где мне нужно. (в данном случае сразу после буквы Z) ?

Vlad · September 24, 2015

Вы можете использовать contenteditable внутри таблицы, а не для body целиком.

http://jsfiddle.net/n9qsmjhg/

knyazevsergey · September 24, 2015

Вы можете использовать contenteditable внутри таблицы, а не для body целиком.
http://jsfiddle.net/n9qsmjhg/

Да, я это делал. Но в этом случае как показано на скриншоте 3, работать не будет. Курсор нужно будет точно поставить самому мышкой в указанной таблице, это неудобно.

Придется объяснить все-таки цель всего этого. В 1С есть поле HTML документа, куда помещается история общения между сотрудниками. Стоит задача подсвечивать сообщения. Легче всего это реализовать через таблицу. Т.е. каждое новое сообщение находится внутри отдельной таблички.

Так вот при новом открытии сотрудником окна общения необходимо также перемещаться в самый низ документа. Для этого я посылаю сочетание клавиш Ctrl+End (помидорами не кидаться, 1С по-другому не позволяет ).

Если сделать, как ниже, то сочетание клавиш Ctrl+End не сработает.

<HTML><HEAD><META content="text/html; charset=utf-8" http-equiv=Content-Type><META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD><BODY contenteditable="false"><!-- Client content begin --><TABLE style="WIDTH: 100%" border=1 cellSpacing=3 borderColor=white cellPadding=3 bgColor=#ffffe1><TBODY><TR borderColor=#ffffe1><TD><div contenteditable="true">Text1</div><TD></TR></TBODY></TABLE><!-- Client content end --></BODY></HTML>

Я думал, что может есть способ как-то задать свойства содержимого всео документа или таблицы, чтобы не появлялась лишняя строка после таблицы

Либо может существует javascript, который способен искусственно поставить курсор там где надо в html-документе (т.е. в нашем примере сразу после буквы "Z").

Тогда указанный вами способ подойдет.

Подскажите, пожалуйста, в какую сторону хотя бы копать.

Upd: javasript не подойдет, настройками безопасности отключен, не запускается

knyazevsergey · September 25, 2015

Спасибо за помощь. Не буду больше мучать. Выяснилось, что 1Ска не поддерживает скрипты с установкой фокуса. Она просто не отрабатывает их. Старый в ней браузер, с ограниченными возможностями. А могло бы сработать это.

В общем пришел все-таки к решению, которое пока устраивает (вернее, это лучше чем ничего). В параметрах таблицы указываю align="LEFT". И курсор после таблицы становится уже не снизу, а справа от таблицы (т.е. строки как таковой ниже таблицы уже нет). После этого при загрузке документа посылаю нажатие клавиши "влево"

(опять прошу помидорами не кидаться, другого не вижу решения).

И курсор становится прямо в таблице.

При этом ниже таблицы пользователь уже курсор мышкой не поставит! Что В общем-то и являлось целью.

Т.е. получилось так:



<HTML><HEAD>

<META content="text/html; charset=utf-8" http-equiv=Content-Type>

<META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD>

<BODY contenteditable="true">

<TABLE style="WIDTH: 100%"  bgColor=#ffffe1 align="LEFT">

<TBODY>

<TR borderColor=#ffffe1>

<TD>Text XYZ</TD></TR></TBODY></TABLE>

</BODY></HTML>

Спасибо еще раз.

В итоге покажу, что получилось вообще в целом (для чего это все извращение было):

http://www.lantegra.ru/temp/screenshot_release.png

Sign In

Текст после таблицы

Question

knyazevsergey

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

knyazevsergey

Link to comment

Share on other sites

knyazevsergey

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information