JS не толкает в массив

Question

Попытка передать некоторые координаты, а также некоторые вещи, указанные пользователем в форме, в массив под названием "seatArray".Вот мой код:

<div>
<img onLoad="shiftzoom.add(this,{showcoords:true,relativecoords:true,zoom:100});" id="image" src="plan1.bmp" width="1024" height="768">
</div>

<script type="text/javascript">
var seatsArray = [];
</script>
<br><input id="backnave" type="radio" name="area" value="backnave" /> Back Nave<br>
<input id="frontnave" type="radio" name="area" value="frontnave" /> Front nave<br>
<input id="middlenave" type="radio" name="area" value="middlenave" /> Middle nave<br>
<input type="radio" id="standardseat" name="seat" /><label for="radio1">Standard</label><br>
<input type="radio" id="wheelchairseat" name="seat" checked="checked" /><label for="radio2">Wheelchair</label><br>
<form id="my_form" action="savetext.aspx" method="post" onsubmit="return prepare()">
  <input type="text" id="file_name" name="file_name" rows="1" cols="20" />
  <input type="hidden" name="seatsArray" />
  <input type="submit" value="Save" />
</form>

<form id="my_form" action="savetext.aspx" method="post" onsubmit="return prepare()">
  <input type="text" id="file_name" name="file_name" rows="1" cols="20" />
  <input type="hidden" name="seatsArray" />
  <input type="submit" value="Save" />
</form>

<script type="text/javascript">
function prepare();
{
  document.getElementById('seatsArray').value = seatsArray.join();
  return true;
}
</script>

<script type="text/javascript">
var coordinates = document.getElementById("image");
coordinates.onclick = function(e) {
e = e || window.event;

if (e && e.pageX && e.pageX) {
            e.posX = e.pageX;
            e.posY = e.pageY;

        } else if (e && e.clientX && e.clientY) {
            var scr     = {x:0,y:0},
                object  = e.srcElement || e.target;
            //legendary get scrolled
            for (;object.parentNode;object = object.parentNode) {
                scr['x'] += object.scrollLeft;
                scr['y'] += object.scrollTop;
            } 
            e.posX = e.clientX + scr.x;
            e.posY = e.clientY + scr.y;
        } 

var desc = "";
if(document.getElementByID("backnave").checked) {
  desc = "BN, "+desc;
} else if(document.getElementByID("middlenave").checked) {
  desc = "MN, "+desc;
} else if(document.getElementByID("frontnave").checked) {
  desc = "FN, "+desc;
}

if(document.getElementById('wheelchairseat').checked) {
  //Wheelchair seat is checked
  desc = "Wheelchair "+desc;
}

seatsArray.push(desc + e.posX, e.posY);

}
</script>

Но просто ничего не выталкивается в массив.Я могу сказать это, поскольку использую следующий ASP.NET для записи массива в текстовый файл:

<script runat="server">
    protected void Page_Load(object sender, EventArgs e) 
    {
        string path = Server.MapPath(".")+"/"+Request.Form["file_name"] + ".txt";
        if (!File.Exists(path)) 
        {
            using (StreamWriter sw = File.CreateText(path)) 
            {
                sw.WriteLine(Request.Form["seatsArray"]);
                sw.WriteLine("");
            }   
        }

        using (StreamReader sr = File.OpenText(path)) 
        {
            string s = "";
            while ((s = sr.ReadLine()) != null) 
            {
                Response.Write(s);
            }
        }
    }
</script>

Имя текстового файла является правильным в соответствии с тем, что пользователь указал в форме "имя_файла"».Как вы можете видеть, я сделал seatArray скрытым объектом формы, поэтому ASP.NET пытается вызвать его.

Что-то в javascript в неправильном порядке или что-то в этом роде?Потому что я просто не могу заставить его заполнить этот текстовый файл.

Спасибо!

Answer 1

В браузере проверьте наличие ошибок JavaScript. Отчеты Firefox / IE 2. у вас точка с запятой, которой не должно быть => функция prepare ();

document.getElementById ( "изображение"); возвращает значение null, так чтоordinates.onclick завершается с ошибкой

Я рекомендую отладку в Firefox с firebug или используйте инструменты разработчика с ie8 (нажмите F12)

Edit: Обязательно объявляйте seatArray как массив перед использованием.

....

seatArray = []; // вставить эту строку

функция prepare () {

....

Answer 2

Попробуйте опустить несколько alert(seatsArray) операторов в javascript до и после того, как вы думаете, что он должен изменить значения и один прямо перед отправкой формы.Если вы видите правильное значение, значит, вы знаете, что это не тот сервер.

При дальнейшей проверке: функция prepare () ищет элемент с id = "seatArray", который несуществовать.У вас есть два элемента с именем = "seatArray", но без id = "seatArray".Скорее всего, массив заполнен, но не записывается обратно в форму.