Здравствуйте, столкнулся с такой проблемой: при загрузке странице скрипт на input radio вешает событие. Пытаюсь осуществить это событие при загрузке страницы, если этот input radio выделен.
Вот скрипт который вешает событие:
new (Class.create({
loadingImageUrl: '<?php echo $this->getSkinUrl('images/opc-ajax-loader.gif');?>',
initialize: function() {
this.bind('click', /^s_method.+$/i, this.onShippingChange);
},
bind: function(eventType, elementIdRegExp, cb) {
document.addEventListener(eventType, function (event) {
var el = event.target
, found;
while (el && !(found = el.id.match(elementIdRegExp))) {
el = el.parentElement;
}
if (found) {
cb.call(this, el, event);
}
}.bind(this));
},
onShippingChange: function(el, event ) {
var hideForm = true;
$$('#checkout-shipping-method-loadaction input[type=radio]').each(function(el){
if (el.id.match(/^s_method_novaposhta/) && el.checked) {
hideForm = false;
this.showForm(el.parentNode);
}
}.bind(this));
if (hideForm) {
this.hideForm();
}
},
showForm: function(formContainer) {
this.showLoading(formContainer);
new Ajax.Request('<?php echo $this->getUrl('novaposhta/checkout/form')?>', {
onSuccess: function(response) {
this.hideLoading();
this.updateForm(response.responseText, formContainer);
}.bind(this)
});
},
hideForm: function () {
if ($('novaposhta-form')) {
Element.remove('novaposhta-form');
}
},
updateForm: function(html, formContainer) {
var currentForm = $('novaposhta-form');
if (!formContainer && currentForm) {
formContainer = currentForm.parentNode;
}
if (!formContainer) {
return;
}
if (currentForm) {
currentForm.parentNode.removeChild(currentForm);
}
Element.insert(formContainer, html);
},
showLoading: function(formContainer) {
if (!formContainer) {
var currentForm = $('novaposhta-form');
if (currentForm) {
formContainer = currentForm.parentNode;
}
}
if (!formContainer) {
return;
}
Element.insert(formContainer, '<p id="novaposhta-loading"><img src="'+this.loadingImageUrl+'" alt="" /> <span><?php echo $this->__('Loading, please wait...');?></span></p>');
},
hideLoading: function() {
Element.remove('novaposhta-loading');
}
}))();
Попытался на основе этого сделать следующим образом:
jQuery(document).ready(function(){
// тут часть кода в которой определяю выделенный input, ее не пишу, а далее то что должно вызывать событие
var el= document.getElementById(checked_el);
var formContainer = el.parentNode;
Element.insert(formContainer, '<p id="novaposhta-loading"><img src="'+this.loadingImageUrl+'" alt="" /> <span><?php echo $this->__('Loading, please wait...');?></span></p>');
new Ajax.Request('<?php echo $this->getUrl('novaposhta/checkout/form')?>', {
onSuccess: function(response) {
hideLoading();
updateForm(response.responseText, formContainer);
}.bind(this)
});
});
ну и переписал функции так:
var loadingImageUrl = '<?php echo $this->getSkinUrl('images/opc-ajax-loader.gif');?>'
function updateForm(html, formContainer) {
var currentForm = $('novaposhta-form');
if (!formContainer && currentForm) {
formContainer = currentForm.parentNode;
}
if (!formContainer) {
return;
}
if (currentForm) {
currentForm.parentNode.removeChild(currentForm);
}
Element.insert(formContainer, html);
}
function showLoading(formContainer) {
if (!formContainer) {
var currentForm = $('novaposhta-form');
if (currentForm) {
formContainer = currentForm.parentNode;
}
}
if (!formContainer) {
return;
}
}
function hideLoading() {
Element.remove('novaposhta-loading');
}
Вобщем что то у мня не так написано. Помогите разобраться пожалуйста.
