Не работает появление элемента

@capitamiken · Регистрация: 15.10.2014

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток.
Давно борюсь с проблемой, нехватает знаний, поэтому решил обратиться сюда. Буду очень благодарен за помощь.
У меня есть окошко, в этом окошке можно вводить текст и выбирать варианты из списка, так же существует кнопка, в ней вся и проблема, в старых браузерах IE 7 например данный код работает, но под сегодняшние браузеры, в этом коде не работает кнопка\. Давно мучаюсь, не могу найти решение. Вот собственно код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var Hint3Name = '';
// Заголовок, название скрипта, имя поля с логином
function runmagic(title, magic, name){
    document.all("hint3").innerHTML = '<table width=100% cellspacing=1 cellpadding=0 bgcolor=CCC3AA><tr><td align=center><B>'+title+'</td><td width=20 align=right valign=top style="cursor: hand" onclick="closehint3();"><BIG><B>x</b></BIG></td></tr><tr><td colspan=2>'+
    '<table width=100% cellspacing=0 cellpadding=2 bgcolor=FFF6DD><tr><td colspan=2><form action="orden.php" method=POST><INPUT TYPE=hidden name=sd4 value="<? echo @$user['id']; ?>"> <INPUT TYPE=hidden NAME="use" value="'+magic+'">'+
    'Укажите логин персонажа:<small><BR>(можно щелкнуть по логину в чате)</TD></TR><TR><TD align=left><INPUT TYPE=text id="'+name+'" NAME="'+name+'">'+
    '<select style="background-color:#eceddf; color:#000000;" name="timer"><option value=15>15 мин<option value=30>30 мин<option value=60>1 час'+
    '<option value=180>3 часа<option value=360>6 часов<option value=720>12 часов<option value=1440>сутки'+
    '<option value=10080>неделя<option value=40320>месяц</select></TD><TD width=30><INPUT TYPE="submit" value=" »» "></TD></TR></FORM></TABLE></td></tr></table>';
    document.all("hint3").style.visibility = "visible";
    document.all("hint3").style.left = 100;
    document.all("hint3").style.top = 100;
    document.all(name).focus();
    Hint3Name = name;
}

@kalabuni · 15.10.2014, 15:12

1. все document.all (abcd) замените на document.getElementById (abcd)

2. кроме того, добавьте style.left = '100px';
style.top = '100px';

@capitamiken · 16.10.2014, 12:49 **[ТС]**

заменил, но вот куда добавлять style.left= '100px' не понял. У меня внизу присутствует ведь

JavaScript
1
2
    document.getElementById("hint3").style.left = 100;
    document.getElementById("hint3").style.top = 100;

Добавлено через 23 минуты
заменил, вот что получилось в коде теперь:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<SCRIPT>
var Hint3Name = '';
// Заголовок, название скрипта, имя поля с логином
function runmagic(title, magic, name){
    document.getElementById("hint3").innerHTML = '<table width=100% cellspacing=1 cellpadding=0 bgcolor=CCC3AA><tr><td align=center><B>'+title+'</td><td width=20 align=right valign=top style="cursor: pointer" onclick="closehint3();"><BIG><B>x</b></BIG></td></tr><tr><td colspan=2>'+
    '<table width=100% cellspacing=0 cellpadding=2 bgcolor=FFF6DD><tr><td colspan=2><form action="a.php" method=POST><INPUT TYPE=hidden name=sd4 value="<? echo @$user['id']; ?>"> <INPUT TYPE=hidden NAME="use" value="'+magic+'">'+
    'Укажите логин персонажа:<small><BR>(можно щелкнуть по логину в чате)</TD></TR><TR><TD align=left><INPUT TYPE=text NAME="'+name+'">'+
    '<select style="background-color:#eceddf; color:#000000;" name="timer"><option value=15>15 мин<option value=30>30 мин<option value=60>1 час'+
    '<option value=180>3 часа<option value=360>6 часов<option value=720>12 часов<option value=1440>сутки'+
    '<option value=10080>неделя<option value=40320>месяц</select></TD><TD width=30><INPUT TYPE="submit" value=" »» "></TD></TR></FORM></TABLE></td></tr></table>';
    document.getElementById("hint3").style.visibility = "visible";
    document.getElementById("hint3").style.left = '100px';
    document.getElementById("hint3").style.top = '100px';
    document.getElementById(name).focus();
    Hint3Name = name;
}

но ничего не поменялось, кнопка не работает. Может я не правильно чт осделал? Благодарю.

@capitamiken · 18.10.2014, 03:31 **[ТС]**

будьте добры подсказать как решить проблему

@ludmila-sv · 18.10.2014, 19:26

Проблема тут:

PHP
1
<? echo @$user['id']; ?>

Всё дело в кавычках. Одинарная кавычка воспринимается как закрытие вот этой

JavaScript
1
document.getElementById("hint3").innerHTML = '

Соответственно, далее ожидается либо +, либо ; .

@capitamiken · 19.10.2014, 16:20 **[ТС]**

ludmila-sv, а как решить то проблему? что где поменять надо? Благодарю.

@ludmila-sv · 19.10.2014, 16:47

Можно определить в начале скрипта переменную:

JavaScript
1
var userid ="<? echo @$user['id']; ?>";

и писать так

JavaScript
1
<INPUT TYPE=hidden name=sd4 value=" '+userid+' ">

@capitamiken · 19.10.2014, 17:06 **[ТС]**

ludmila-sv, к сожалению не помогло, вот что получилось:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<SCRIPT>
var Hint3Name = '';
var userid ="<? echo @$user['id']; ?>";
// Заголовок, название скрипта, имя поля с логином
function runmagic(title, magic, name){
    document.getElementById("hint3").innerHTML = '<table width=100% cellspacing=1 cellpadding=0 bgcolor=CCC3AA><tr><td align=center><B>'+title+'</td><td width=20 align=right valign=top style="cursor: pointer" onclick="closehint3();"><BIG><B>x</b></BIG></td></tr><tr><td colspan=2>'+
    '<table width=100% cellspacing=0 cellpadding=2 bgcolor=FFF6DD><tr><td colspan=2><form action="a.php" method=POST><INPUT TYPE=hidden name=sd4 value=" '+userid+' "> <INPUT TYPE=hidden NAME="use" value="'+magic+'">'+
    'Укажите логин персонажа:<small><BR>(можно щелкнуть по логину в чате)</TD></TR><TR><TD align=left><INPUT TYPE=text NAME="'+name+'">'+
    '<select style="background-color:#eceddf; color:#000000;" name="timer"><option value=15>15 мин<option value=30>30 мин<option value=60>1 час'+
    '<option value=180>3 часа<option value=360>6 часов<option value=720>12 часов<option value=1440>сутки'+
    '<option value=10080>неделя<option value=40320>месяц</select></TD><TD width=30><INPUT TYPE="submit" value=" »» "></TD></TR></FORM></TABLE></td></tr></table>';
    document.getElementById('hint3').style.visibility = "visible";
    document.getElementById('hint3').style.left = '100px';
    document.getElementById('hint3').style.top = '100px';
    document.getElementById(name).focus();
    document.Hint3Name = name;
 
}

@ludmila-sv · 19.10.2014, 17:16

А так ?

JavaScript
1
value=<? echo @$user["id"]; ?>

У меня работало, если вообще <? echo @$user["id"]; ?> убрать, т.е. написать value="". А с echo я не проверяла.

@capitamiken · 19.10.2014, 17:38 **[ТС]**

ludmila-sv, нет, не работает, попробовал как у вас работало - тоже не работает.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	15.10.2014, 15:12
	1. все document.all (abcd) замените на document.getElementById (abcd) 2. кроме того, добавьте style.left = '100px'; style.top = '100px'; 1

@capitamiken 0 / 0 / 0 Регистрация: 15.10.2014 Сообщений: 6
	18.10.2014, 03:31 [ТС]
	будьте добры подсказать как решить проблему 0

@capitamiken 0 / 0 / 0 Регистрация: 15.10.2014 Сообщений: 6
	19.10.2014, 16:20 [ТС]
	ludmila-sv, а как решить то проблему? что где поменять надо? Благодарю. 0

@capitamiken 0 / 0 / 0 Регистрация: 15.10.2014 Сообщений: 6
	19.10.2014, 17:38 [ТС]
	ludmila-sv, нет, не работает, попробовал как у вас работало - тоже не работает. 0