Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.02.2008, 13:29
Профессор
Отправить личное сообщение для SunYang Посмотреть профиль Найти все сообщения от SunYang
 
Регистрация: 22.02.2008
Сообщений: 189

document.write - как дописать документ
Я захотел сделать функцию, которая при щелчке на button дописывает в текуший html документ фразу (например в одну из ячеек уже написанной в этом документе таблицы), но!!! с чем я столкнулся - при иснользованиии функции document.write() необходимая строка не дописывается, а пишется заново на чистом листе.....как решить эту проблему...?
Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 23.02.2008, 16:38
Аватар для Phoenix
Профессор
Отправить личное сообщение для Phoenix Посмотреть профиль Найти все сообщения от Phoenix
 
Регистрация: 24.09.2007
Сообщений: 165

вот код:
<table border=1>
<tr><td id='write'>данные</td></tr>
</table>
<script language="JavaScript" type="text/javascript">
function change_data(Adata){
document.getElementById("write").innerHTML=Adata;
}
</script>
<input type="text" id="text_add" />
<input type='button' value='Нажми' onClick='change_data(document.getElementById("text_add").value)' />
__________________
После каждой девятки все снова с нуля,
Все снова с нуля, но не сначала...
Ответить с цитированием
  #3 (permalink)  
Старый 15.03.2008, 02:42
Профессор
Отправить личное сообщение для SunYang Посмотреть профиль Найти все сообщения от SunYang
 
Регистрация: 22.02.2008
Сообщений: 189

я вот все пытаюсь сделать чеб при паведении мыши на ссылку али картинку, вылетала поверх уже загруженного html документа табличка с описанием этой ссылки или картинки. Но вот проблема - даже методом innerHTML табличка не поверх документа вылезает, а в чистом документе...чет я туплю

помогите мне...
Ответить с цитированием
  #4 (permalink)  
Старый 15.03.2008, 16:22
Профессор
Отправить личное сообщение для Dmitry A. Soshnikov Посмотреть профиль Найти все сообщения от Dmitry A. Soshnikov
 
Регистрация: 25.02.2008
Сообщений: 707

SunYang,

- создай скрытый div с абсолютным позиционированием
- при наведении мыши на ссылку (картинку) показывай див и присваивай ему координаты мыши (меняй свойства top и left стиля дива) и меняй соответственно innetHTML div'a

Последний раз редактировалось Dmitry A. Soshnikov, 15.03.2008 в 17:37.
Ответить с цитированием
  #5 (permalink)  
Старый 16.03.2008, 01:04
Профессор
Отправить личное сообщение для SunYang Посмотреть профиль Найти все сообщения от SunYang
 
Регистрация: 22.02.2008
Сообщений: 189

УРА!!! Я сделал вылезающую табличку!!! (на 3 ссылки)

function lifes() {
eot = event.srcElement
if(eot.id=="con_0") {
rem=document.getElementById("move_0")
if(rem.style.visibility=="hidden")
rem.style.visibility="visible"
else
rem.style.visibility="hidden"
}
if(eot.id=="con_1") {
rem=document.getElementById("move_1")
if(rem.style.visibility=="hidden")
rem.style.visibility="visible"
else
rem.style.visibility="hidden"
}
if(eot.id=="con_2") {
rem=document.getElementById("move_2")
if(rem.style.visibility=="hidden")
rem.style.visibility="visible"
else
rem.style.visibility="hidden"
}
}
Ответить с цитированием
  #6 (permalink)  
Старый 16.03.2008, 01:41
Профессор
Отправить личное сообщение для Dmitry A. Soshnikov Посмотреть профиль Найти все сообщения от Dmitry A. Soshnikov
 
Регистрация: 25.02.2008
Сообщений: 707

SunYang, молодец =) А теперь можешь оптимизировать - ведь все три блока у тебя идентичны и меняются только от индекса в id элемента. Поэтому можно оставить только один блок и для переменной rem брать элемент с id, равным "move_" + "последний символ из id переменной eot".
Ответить с цитированием
  #7 (permalink)  
Старый 13.12.2013, 02:06
Rus Rus вне форума
Интересующийся
Отправить личное сообщение для Rus Посмотреть профиль Найти все сообщения от Rus
 
Регистрация: 13.12.2013
Сообщений: 13

доброй ночи, не стал плодить темы. у меня похожий вопрос:
document.write(sValue);
пишет значение на новом листе а не тут же в документе. просьба не бить палками, я новичек. Пытаюсь самостоятельно разобраться, но что то пока не выходит. Вот код

function findValue(li) {
if( li == null ) return alert("No match!");

if( !!li.extra ) var sValue = li.extra[0];

else var sValue = li.selectValue;

//alert("The value you selected was: " + sValue);
document.write(sValue);

}
Ответить с цитированием
  #8 (permalink)  
Старый 13.12.2013, 02:43
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от Rus
document.write(sValue);
Замени на
// Создаем текстовый узел
var textNode = document.createTextNode(sValue);
// Добавляем его на страницу
document.body.appendChild(textNode);

Другой вариант, с поддержкой HTML:

// Создаем DIV элемент
var holder = document.createElement('div');
holder.innerHTML = sValue;
document.body.appendChild(holder);

Третий вариант, наиболее похож на твой:

document.body.insertAdjacentHTML('beforeend', sValue);
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #9 (permalink)  
Старый 13.12.2013, 03:43
Rus Rus вне форума
Интересующийся
Отправить личное сообщение для Rus Посмотреть профиль Найти все сообщения от Rus
 
Регистрация: 13.12.2013
Сообщений: 13

Спасибо огромное, получилось, сейчас буду дальше писать обработчик. Если буду сидеть более суток, а так как я с нуля пытаюсь. курю гугл как говорят, спрошу по теме далее. Надеюсь до этого не дойдет.
Ответить с цитированием
  #10 (permalink)  
Старый 13.12.2013, 04:17
Rus Rus вне форума
Интересующийся
Отправить личное сообщение для Rus Посмотреть профиль Найти все сообщения от Rus
 
Регистрация: 13.12.2013
Сообщений: 13

не хочу наглеть, а как сделать чтобы этот результат не добавлялся постоянно в конец а менялся в конце. у insertAdjacentHTML нет такой возможности, зато мне понравилась эта тему. возьму её на будущее: Позиционирование элемента не зависимо от разметки
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Постоянное обновление страницы. Как? ratt Общие вопросы Javascript 9 13.10.2010 02:55
форма как в ExtJS 2 magistr_bender Общие вопросы Javascript 0 11.09.2008 16:01
Раскрывающееся меню, как переставить на другую сторону? Resager Events/DOM/Window 8 22.08.2008 21:56
Ремонт часов)) SunYang Общие вопросы Javascript 7 07.08.2008 12:18
Как вставить событие внутрь document.write Vivasvan Events/DOM/Window 8 13.06.2008 20:02