Код не будет работать должным образом в Firefox или IE

Question

Вот что должно произойти:

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

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

Эти таблицы не отображаются. Поля ввода даже не отображаются в js fiddle.

Работает только в новейших версиях Firefox, Chrome, Safari и IE.

Не в Firefox 6.0 или IE 9.08.

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

Я использовал jsfiddle.net для проверки своего кода и сделал это успешно. Хотя это все равно не сработает. Он даже не отображается должным образом внутри jsFiddle.

Вот скрипка для демонстрации кода:

http://jsfiddle.net/Q2nz5/5/

Answer 1

Метод outputTable содержит строку Caption.align = "middle", которая не может быть выполнена в IE и, по-видимому, также в FF.замените его Caption.style.textAlign = "middle";и это решит проблему.

То же самое с MCaption.

Но лучшее, что вы можете здесь сделать, это определить все стили, как это в CSS.

Answer 2

В вашей js fiddle вы получили эту ошибку: inputOutputCreator is not defined. Это потому, что вы загружаете свой js в функцию mootools onLoad. Измените его с onLoad на no wrap в настройках jsfiddle слева. С этим изменением у меня все заработало.