// JavaScript Document function recargar(pag,div){ $.ajax({ type: 'GET', url: pag, success: function(msg){ $(div).html(msg); } }); } function cargaURL(codiproducte,id) { val = document.getElementById('tam_id').value; var d = new Date(); var time = d.getMilliseconds(); recargar('cargar_precio.php?tam_id='+val+'&time='+time,id); } function gastosEnvio(total,id) { val = document.getElementById('Portes').value; var d = new Date(); var time = d.getMilliseconds(); recargar('gastosenvio.php?total_price='+total+'&Portes='+val+'&time='+time,id); } (function(jQuery) { jQuery.fn.extend({ visualSelect: function(options) { return this.each(function() { new jQuery.visualSelect(this, options); }); } }); var vsMultiArray = new Array(); var vsArrayCount = 0; jQuery.visualSelect = function(obj, options) { defaults = $.extend({}, defaults, options || {}); // Determine the width and height of our select var oSelect = jQuery(obj); var oSelectID = oSelect.attr("id"); var oSelectWidth = oSelect.attr("offsetWidth"); var oSelectHeight = oSelect.attr("offsetHeight"); // Set our generated / random ID to use for all functions var visualSelectID = jRandomID(oSelectID); // Create a container around the select, because the following // div and images are added after the select, they will now be // inside our container. var selectContainer = jQuery("

"); selectContainer.attr("id", visualSelectID + "Container"); selectContainer.css("position", "relative"); oSelect.wrap(selectContainer); // Create our link / thumb container var previewContainer = jQuery("

"); previewContainer.attr("id", visualSelectID); previewContainer.attr("class", defaults.previewContainerClass); previewContainer.css({ width: oSelectWidth, height: defaults.previewContainerHeight, position: "absolute", cursor: "pointer", background: "#FFF", border: "1px solid #BEBAB4", top: oSelectHeight, left: 0, zIndex: "999", overflow: defaults.previewContainerOverflow, display: "none" }); // Get our options and append thumbs for each one var oSelectOptions = jQuery("option", obj); var oSelectOptionsLength = oSelectOptions.length; for (i = 0; i < oSelectOptionsLength; i++) { if (jQuery(oSelectOptions[i]).attr("value")) { vsMultiArray[vsArrayCount] = new Array('#' + (visualSelectID + "Container"), '.' + defaults.previewContainerClass, jQuery(oSelectOptions[i]).attr("value")); var previewImage = jQuery(""); previewImage.attr({ src: defaults.imagePath + defaults.imagePrefix + jQuery(oSelectOptions[i]).attr("value") + defaults.imageSuffix + defaults.imageExtension, alt: $(oSelectOptions[i]).html(), rel: vsArrayCount }); previewImage.click(function() { jQuery.visualSelect.makeSelection(vsMultiArray[jQuery(this).attr("rel")][0], vsMultiArray[jQuery(this).attr("rel")][1], vsMultiArray[jQuery(this).attr("rel")][2]); }); previewContainer.append("\r\n"); previewContainer.append(previewImage); vsArrayCount++; } } oSelect.after(previewContainer); if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)<7) { // Create an iframe shim for IE6, wonderful browser that it is var oSelectUnderlay = jQuery("