Здравствуйте, я совсем зеленый в javascript.
У меня есть функция которая добавляет элемент <div class="swatches-container"> после <div class="input-box">. Что поменять чтоб <div class="swatches-container"> был в html перед <div class="input-box">? (Сделать визуальное оформлениие в CSS не проходит, на <div class="input-box"> навешано много событий с появлением сообщений под ним и в результате положение на странице <div class="swatches-container"> все время меняеться)
Помогите плиз.
function create_swatches(label, select) {
// create swatches div, and append below the <select>
var sw = new Element('div');
sw.addClassName('swatches-container');
select.up().appendChild(sw);
// store these element to use later for recreate swatches
select.swatchLabel = label;
select.swatchElement = sw;
// hide select
//select.setStyle({position: 'absolute', top: '-500px'})
select.setStyle({visibility: 'hidden'});
$A(select.options).each(function(opt, i) {
if (opt.getAttribute('value')) {
var elm;
var key = trim(opt.innerHTML);
// remove price
if (opt.getAttribute('price')) key = trim(key.replace(/\+([^+]+)$/, ''));
var item = find_swatch(label, key);
if (item){
elm = new Element('img', {
src: '<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA); ?>colors_watches/'+item.img,
alt: opt.innerHTML,
title: opt.innerHTML});
/*if ( window.document.documentMode >= 9){
elm.setAttribute('class','swatch-img');
}*/
elm.addClassName('swatch-img');
}else {
//console.debug(label, key, swatches);
elm = new Element('a', {'class': 'swatch-span'});
elm.update(opt.innerHTML);
}
elm.observe('click', function(event) {
select.selectedIndex = i;
fireEvent(select, 'change');
var cur = sw.down('.current');
if (cur) cur.removeClassName('current');
elm.addClassName('current');
});
sw.appendChild(elm);
}
});
}