Почему не срабатывает addEventListener?
<span class="btn btn-success fileinput-button">
<i class="glyphicon glyphicon-plus"></i>
<span>Добавить файл...</span>
<form id="my_form" name="form" method="POST" action="/convers/upload_file/">
<input id="fileupload" type="file" name="files" >
</form>
</span>
var element = document.getElementById('fileupload'),
url='/convers/upload_file/', // путь к обработчику (берём из атрибута action нашей формы)
params = [],
elName,
elType;
elType = 'file'; // тип текущего элемента (атрибут type)
elName = 'files'; // имя текущего элемента (атрибут name)
params.push(elName + '=' + element.value);
var node = document.createElement("P");
var span = document.createElement("SPAN");
//Создаем элемент кнопка
var uploadButton = document.createElement("BUTTON");
//Назначаем различные атрибуты кнопке
uploadButton.className = "btn btn-primary";
uploadButton.onclick = init;
/*function addEvent(elem, type, handler){
if(elem.addEventListener){
elem.addEventListener(type, handler, false);
} else {
elem.attachEvent('on'+type, handler);
}
return false;
}*/
var output = document.getElementById('output');
var myform = document.getElementById('my_form');
function init(){
myform.addEventListener('submit', sendAjaxRequest);
/* addEvent(myform, 'submit', sendAjaxRequest); */
return false;
}
function sendAjaxRequest(e){
console.log(e);//нет ничего в консоли !!!!!!!
}
element.onchange=function(e){
var file=e.currentTarget.value
var textnode = document.createTextNode(file); // Create a text node
var type=e.currentTarget.files[0].type
var type_text=type==='text/xml'?'to JSON':'to XML'
if(tstFile(type)){// Проходит валидацию
var textnode_btn = document.createTextNode(type_text);
uploadButton.appendChild(textnode_btn);
span.appendChild(textnode);
node.appendChild(span);
document.getElementById("table_btn").appendChild(uploadButton);
document.getElementById("table_btn").appendChild(node);
}
};
нет в консоли вообще ничего