Hi,
I have write custom script to show product base image color label when page loaded in product view page by default. My script works fine in all browsers.But in safari color label shows after 4 to 5 sec of page loading.
<script type="text/javascript">
var spConfig = new Product.Config(<?php echo $_jsonConfig ?>);
/* 92 is the attribute code for color */
if(spConfig.config.attributes[92].options.length <= 1) {
$$('#attribute92 option')[1].selected = true;
}
function fireEvent(element,event){
if (document.createEventObject){
// dispatch for IE
var evt = document.createEventObject();
return element.fireEvent('on'+event,evt)
}
else{
// dispatch for firefox + others
var evt = document.createEvent("HTMLEvents");
evt.initEvent(event, true, true ); // event type,bubbling,cancelable
return !element.dispatchEvent(evt);
}
}
Event.observe(window, 'load', function() {
var val = document.getElementById('product_base_image_color').value;
var sel = document.getElementById('attribute92');
for(var i = 0, j = sel.options.length; i < j; ++i) {
if(sel.options[i].text === val) {
spConfig.settings[0].selectedIndex = i;
break;
}
}
//spConfig.settings[0].selectedIndex = 1;
obj = spConfig.settings[0]; // this grabs the first select item
Event.observe(obj,'change',function(){});
fireEvent(obj,'change'); // this simulates selecting the first option, which triggers
//spConfig.settings[1].selectedIndex = 1; // this selects the first option of the second attribute drop menu
});
</script> Event.observe(window, 'load', function() { });
This function works slow in safari browser.Please check this and help to solve this issue.
