// var StandardPreis_ohneMotiv = 3;
var Artikel = {
};
var JSON_Data;
/*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*
* Drucktechnik - Funktionen und Methoden
* 14.09.2007 Morgano
*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*/
var Drucktechnik = {
req : "",
data : "",
getData : function(Script, ArtikelID, TemplateID, DrucktechnikID, ProduktID, ProduktgruppenID, firstCall, URL, Typ, scale)
{
if(document.getElementById("input_drucktechnik").value != DrucktechnikID) {
Artikel.Script = Script;
Artikel.Scripttyp = Typ;
Artikel.firstCall = firstCall;
Artikel.URL = URL;
Artikel.Scale = scale;
if(!ArtikelID) {
if(document.getElementById("input_motiv")) {
if(document.getElementById("input_motiv").value > 0) {
ArtikelID = document.getElementById("input_motiv").value;
}
else {
ArtikelID = false;
}
}
}
Artikel.ID = ArtikelID;
if(!DrucktechnikID) {
if(document.getElementById("input_drucktechnik")) {
if(document.getElementById("input_drucktechnik").value > 0) {
DrucktechnikID = document.getElementById("input_drucktechnik").value;
}
else {
DrucktechnikID = false;
}
}
}
if(!ProduktID) {
if(document.getElementById("input_produkt")) {
if(document.getElementById("input_produkt").value > 0) {
ProduktID = document.getElementById("input_produkt").value;
}
else {
ProduktID = 17;
}
}
}
Artikel.ProduktID = ProduktID;
Artikel.TemplateID = TemplateID;
if(Artikel.Script == "Artikel") {
json_url = 'getJSON.php?func=getdrucktechnikJSON&artikelid='+ArtikelID+'&templateid='+TemplateID+'&produktid='+ProduktID+'&produktgruppenid='+ProduktgruppenID+'&firstCall='+firstCall+'&id='+DrucktechnikID;
}
else if(Artikel.Script == "Artikelconfig") {
json_url = 'getJSON.php?func=getdrucktechnikJSON&artikelid='+ArtikelID+'&templateid='+TemplateID+'&produktid='+ProduktID+'&produktgruppenid='+ProduktgruppenID+'&firstCall='+firstCall+'&configMode=1&id='+DrucktechnikID;
}
else if(Artikel.Script == "Ticket") {
json_url = 'getJSON.php?func=TicketGetDrucktechnik&ticketid='+ArtikelID+'&produktid='+ProduktID+'&firstCall='+firstCall+'&id='+DrucktechnikID;
}
else if(Artikel.Script == "Konfigurator") {
json_url = 'getJSON.php?func=KonfiguratorGetDrucktechnik&produktid='+ProduktID+'&firstCall='+firstCall+'&id='+DrucktechnikID;
}
else {
json_url = false;
}
if(json_url) {
$.ajax({
url: json_url,
type: 'GET',
dataType: 'json',
timeout: 10000,
global: 'false',
error: function(){
alert('Fehler. Der Artikel konnte nicht initialisiert werden. Sollte der Fehler bei einem Reload der Seite wieder auftreten, könnte ein Update des Browsers helfen.');
},
success: this.showDrucktechnik
});
}
}
},
/*
* zeigeDruckfarben - Funktion - erwartet produktid, seitenid, subproduktfarbcode
* 14.09.2007 Morgano
*
*/
showDrucktechnik : function(data, textStatus)
{
JSON_Data = data;
if(JSON_Data.Motiv.ID) {
//Motiv.switchMotiv(JSON_Data.Motiv.ID, JSON_Data.Motiv.Typ);
}
Infoframe.changeMotivtyp(JSON_Data.Motiv.Typ);
if(JSON_Data.Motiv.Proportion) {
Infoframe.changeMotivproportion(JSON_Data.Motiv.Proportion);
}
Infoframe.changeMotivviewbox(JSON_Data.Motiv.viewBox);
/* ###### preloads ####################################################### */
//preload = "![](\"gfx/icons/blank.gif\")
";
//document.getElementById("container_preloads").innerHTML = preload;
if(JSON_Data.Standardwerte) {
if(JSON_Data.Standardwerte[3] && JSON_Data.Standardwerte[7]) {
Infoframe.changeDruckfarbe(0, JSON_Data.Standardwerte[3], "wie im Motiv", JSON_Data.Standardwerte[7]);
Artikelbackground.changeMotivfarbe("obj_"+0, JSON_Data.Standardwerte[7]);
}
if(JSON_Data.Standardwerte[4] && JSON_Data.Standardwerte[8]) {
Infoframe.changeDruckfarbe(1, JSON_Data.Standardwerte[4], "wie im Motiv", JSON_Data.Standardwerte[8]);
Artikelbackground.changeMotivfarbe("obj_"+1, JSON_Data.Standardwerte[8]);
}
if(JSON_Data.Standardwerte[5] && JSON_Data.Standardwerte[9]) {
Infoframe.changeDruckfarbe(2, JSON_Data.Standardwerte[5], "wie im Motiv", JSON_Data.Standardwerte[9]);
Artikelbackground.changeMotivfarbe("obj_"+2, JSON_Data.Standardwerte[9]);
}
if(JSON_Data.Standardwerte[6] && JSON_Data.Standardwerte[10]) {
Infoframe.changeDruckfarbe(3, JSON_Data.Standardwerte[5], "wie im Motiv", JSON_Data.Standardwerte[10]);
Artikelbackground.changeMotivfarbe("obj_"+3, JSON_Data.Standardwerte[10]);
}
if(JSON_Data.Standardwerte[11]) {
//document.getElementById("akt_motivposition_x").innerHTML = ""+JSON_Data.Standardwerte[11]+"";
document.getElementById("input_motivposition_x").value = JSON_Data.Standardwerte[11];
}
if(JSON_Data.Standardwerte[12]) {
//document.getElementById("akt_motivposition_y").innerHTML = ""+JSON_Data.Standardwerte[12]+"";
document.getElementById("input_motivposition_y").value = JSON_Data.Standardwerte[12];
}
if(JSON_Data.Standardwerte[13]) {
//document.getElementById("akt_motivwidth").innerHTML = ""+JSON_Data.Standardwerte[13]+"";
document.getElementById("input_motivwidth").value = JSON_Data.Standardwerte[13];
}
if(JSON_Data.Standardwerte[20]) {
document.getElementById("input_druckbereich").value = JSON_Data.Standardwerte[20];
}
}
if(JSON_Data.Artikel.ID > 1) {
Infoframe.changeMotiv(JSON_Data.Artikel.ID);
}
else {
Infoframe.changeMotiv(1);
}
if(JSON_Data.Motiv.ID > 0 && JSON_Data.Motiv.Bildpfad_Large && JSON_Data.Motiv.Bildpfad_Small) {
Drucktechnik.changeMotivEnlarge(JSON_Data.Motiv.ID, JSON_Data.Motiv.Bildpfad_Large, JSON_Data.Motiv.Bildpfad_Small);
}
Infoframe.changeDrucktechnik(JSON_Data.Drucktechnik.ID, JSON_Data.Drucktechnik.Druckart);
/*
* zeige Motivfarben
*
*/
for (var i=0;i<=4;i++)
{
if(document.getElementById("container_druckfarben_"+i+"")) {
document.getElementById("container_druckfarben_"+i+"").innerHTML = "";
}
}
if(JSON_Data.Motiv) {
if(JSON_Data.Motiv.Motivfarben) {
for (var i=0;i - "+JSON_Data.Drucktechnik.Kurztext_max20+"";
ausgabe += "
(klicke für Infos zur Drucktechnik)";
document.getElementById("container_drucktechnik_details").innerHTML = ausgabe;
Drucktechnik.showAlleProdukte();
if(document.getElementById("input_artikeltyp")) {
if(document.getElementById("input_artikeltyp").value == "konfigurator") {
if(Artikel.firstCall == 1 && Produkt.firstCall == 1) {
if(document.getElementById("input_preload")) {
var preload = document.getElementById("input_preload").value;
}
if(preload) {
Motiv.switchMotiv(preload);
}
else {
Motiv.switchMotiv(1);
}
}
}
else if(document.getElementById("input_artikeltyp").value == "artikel") {
//Motiv.repositioning();
}
}
},
initCustomText: function(id)
{
var object = document.getElementById("frame_svg");
if (object.contentDocument)
svgdoc = object.contentDocument;
else {
try {
svgdoc = object.getSVGDocument();
}
catch(exception) {
// ignore errors
}
}
if(svgdoc) {
// if(svgdoc.getElementById("textzeile"+id+"")) {
OwnText.init(id);
// }
// else {
// window.setTimeout('Drucktechnik.initCustomText('+id+');', 500);
// }
}
},
changeMotivEnlarge: function(motivid, motivpath_large, motivpath_small)
{
if(document.getElementById("enlarge_details")) {
document.getElementById("enlarge_details").innerHTML = "";
var img = document.createElement("img");
img.setAttribute("src", motivpath_small);
img.setAttribute("class", "");
img.setAttribute("style", "border:1px solid grey; padding:5px;");
var a = document.createElement("a");
a.setAttribute("href", "#");
a.setAttribute("rel", motivpath_large);
a.setAttribute("class", "zoom");
a.setAttribute("name", "demo1");
a.setAttribute("title", "vergrössertes Motiv");
a.appendChild(img);
document.getElementById("enlarge_details").appendChild(a);
var zoomoptions =
{
marginLeft : 20,
identifier : 'zoom',
height : 300,
width : 300,
titleSource : 'title',
imgSource : 'rel',
bgColor : '#111111', // background color for title
color : '#ffffff', // font color for title
size : '0.8em' // font size for title
};
$('.zoom').bezoom(zoomoptions);
}
},
showDruckfarben : function(druckfarb_pos)
{
if(JSON_Data.konfigurierbar == '1') {
if(JSON_Data.Druckfarben != null) {
if(document.getElementById("container_druckfarben_"+druckfarb_pos+"")) {
//document.getElementById("container_druckfarben_"+druckfarb_pos+"").innerHTML = "";
var span = document.createElement("span");
span.style.styleFloat = "left"; // IE
span.style.cssFloat = "left"; // Gecko
span.style.width = "100%";
var txt = document.createTextNode("Druckfarbe "+(druckfarb_pos+1)+":");
span.appendChild(txt);
document.getElementById("container_druckfarben_"+druckfarb_pos+"").appendChild(span);
}
for (var i=0;i 0) {
for (var i=options.length; i>0; i--) {
selectfield.options[options.length - 1] = null;
}
}
if(motivtyp == "Pixel") {
var opt = document.createElement('option');
var name = document.createTextNode("Sublimationsdruck");
opt.value = "4";
opt.appendChild(name);
document.getElementById("select_drucktechniken").appendChild(opt);
}
else if(motivtyp == "Vektor") {
var opt = document.createElement('option');
var name = document.createTextNode("Flexdruck");
opt.value = "1";
opt.appendChild(name);
document.getElementById("select_drucktechniken").appendChild(opt);
opt = document.createElement('option');
name = document.createTextNode("Flockdruck");
opt.value = "2";
opt.appendChild(name);
document.getElementById("select_drucktechniken").appendChild(opt);
opt = document.createElement('option');
name = document.createTextNode("Sublimationsdruck");
opt.value = "4";
opt.appendChild(name);
document.getElementById("select_drucktechniken").appendChild(opt);
opt = document.createElement('option');
name = document.createTextNode("Plot");
opt.value = "6";
opt.appendChild(name);
document.getElementById("select_drucktechniken").appendChild(opt);
}
},
showAlleProdukte : function()
{
if(JSON_Data.konfigurierbar == '1') {
document.getElementById("container_alleprodukte").innerHTML="";
for (var item in JSON_Data.Produkte)
{
if(JSON_Data.Produkte[item].Produktgruppe)
{
for (var j=0;j
Produkte werden geladen";
}
};
/*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
* Literalobjekt Produkt
* getData - ajaxfunktion holt json Daten anhand ProduktID
* showProduktdetails - Div id=container_produkt_details wird manipuliert
* showLoading - Loadingmessage in div id=container_produkt_details
* showError - Fehlermessage
* 14.09.2007 Morgano
*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*/
var Produkt = {
req : "",
getData : function(id, firstCall, produktoptik, drucktechnikid, motivklassenid)
{
Produkt.firstCall = firstCall;
$.ajax({
url: 'getJSON.php?func=getproduktJSON&artikelid='+Artikel.ID+'&firstCall='+Produkt.firstCall+'&drucktechnik='+drucktechnikid+'&motivklasse='+motivklassenid+'&produktid='+id+'&produktoptik='+produktoptik,
type: 'GET',
dataType: 'json',
cache: false,
timeout: 10000,
error: function(XMLHttpRequest, textStatus, errorThrown){
alert('Zeitüberschreitung. Bitte versuche es nochmals');
},
success: this.showProduktdetails
});
},
showProduktdetails : function(data)
{
JSON_Produkt = data;
Infoframe.changeProduktgruppe(JSON_Produkt.Produkt.ProduktgruppenID);
document.getElementById("input_produkt").value = JSON_Produkt.Produkt.ID;
document.getElementById("container_produkt_details").innerHTML = "";
if(Artikel.Scripttyp == "view") {
var ausgabe = ""+JSON_Produkt.Produkt.Name+ "
";
// ausgabe += "";
ausgabe += "";
if(JSON_Produkt.Produkt.Kurztext_max20) {
ausgabe += "" +JSON_Produkt.Produkt.Kurztext_max20+ " ";
ausgabe += "(klicke für Bemassung und Details)
";
}
document.getElementById("container_produkt_details").innerHTML = ausgabe;
if(JSON_Produkt.Produktbilder != null) {
if(JSON_Produkt.Produktbilder.length > 6) {
Zahl_Produktbilder = 6;
}
else {
Zahl_Produktbilder = JSON_Produkt.Produktbilder.length;
}
for (var i=0;i " +JSON_Produkt.Produktbemassung+ " ";
}
}
/* --Produktfarben ----------------------------------------------------- */
if(JSON_Data.konfigurierbar == '1') {
document.getElementById("container_produktfarben").innerHTML = "";
if(JSON_Produkt.Produktfarben != null) {
for (var i=0;i"; // Infoframe.changeProduktgroesse($F(\"produktgroessen\"));
//code += "";
code += "";
code += " 1) {
for (var j=0;j 0 && JSON_Produkt.ID !== aktuellesprodukt) {
if(svgdoc.getElementById("textzeile1")) {
OwnText.repositioning('1', 0, posy[0]);
}
if(svgdoc.getElementById("textzeile2")) {
OwnText.repositioning('2', 0, Number(posy[0])+30);
}
if(svgdoc.getElementById("textzeile3")) {
OwnText.repositioning('3', 0, Number(posy[0])+60);
}
if(svgdoc.getElementById("textzeile4")) {
OwnText.repositioning('4', 0, Number(posy[0])+90);
}
if(svgdoc.getElementById("textzeile5")) {
OwnText.repositioning('5', 0, Number(posy[0])+120);
}
}
else {
}
if(Artikel.firstCall && Produkt.firstCall && JSON_Data.Standardwerte[20] && JSON_Data.Standardwerte[2] && JSON_Data.Standardwerte[18]) {
Artikelbackground.changeProduktfarbe(JSON_Data.Standardwerte[18], JSON_Data.Standardwerte[2], JSON_Data.Standardwerte[20]);
Infoframe.changeDruckbereich(JSON_Data.Standardwerte[20], '');
Infoframe.changeProdukt(JSON_Data.Standardwerte[18], "wie auf dem Bild");
Infoframe.changeProduktfarbe(JSON_Data.Standardwerte[2]);
}
else {
Artikelbackground.changeProduktfarbe(JSON_Produkt.Produkt.ID, JSON_Produkt.Produktfarben[0].Code, JSON_Produkt.Druckbereiche[0].ID);
Infoframe.changeDruckbereich(JSON_Produkt.Druckbereiche[0].ID, '');
Infoframe.changeProdukt(JSON_Produkt.Produkt.ID, JSON_Produkt.Produkt.Name);
Infoframe.changeProduktfarbe(JSON_Produkt.Produktfarben[0].Code);
}
if(Artikel.TemplateID && Artikel.firstCall && Produkt.firstCall && JSON_Data.Standardwerte[20]) {
Artikelbackground.changeDruckbereich(actual_posx[JSON_Data.Standardwerte[20]],
actual_posy[JSON_Data.Standardwerte[20]],
actual_width[JSON_Data.Standardwerte[20]],
actual_height[JSON_Data.Standardwerte[20]]);
}
else {
Artikelbackground.changeDruckbereich(posx[0], posy[0], width[0], height[0]);
}
}
if(Produkt.firstCall) {
Infoframe.changeProduktgroesse(JSON_Produkt.Produktgroessen[0].Code, JSON_Produkt.Produktgroessen[0].Name);
}
else {
var aktueller_groessencode = document.getElementById("produktgroessen").value;
if(aktueller_groessencode !== document.getElementById("input_produktgroesse").value) {
// alert("Achtung - die Produktgrösse wurde zurückgesetzt da sie bei diesem Produkt nicht mehr verfügbar ist. Bitte wähle neu");
}
Infoframe.changeProduktgroesse(aktueller_groessencode, aktueller_groessencode);
}
Infoframe.changeProduktpreis(parseFloat(JSON_Produkt.Produkt.Preis));
/*
if(document.getElementById("input_motiv").value == '1') {
// im Falle von Motiv 1 Blanko
Infoframe.changeDruckpreis(StandardPreis_ohneMotiv);
}
else {
Infoframe.changeDruckpreis(parseFloat(JSON_Produkt.Druckpreis));
}
*/
Infoframe.changeDruckpreis(parseFloat(JSON_Produkt.Druckpreis));
if(document.getElementById("submitbutton1") != null) {
document.getElementById("submitbutton1").disabled = false;
}
if(document.getElementById("submitbutton2") != null) {
document.getElementById("submitbutton2").disabled = false;
}
Infoframe.check_price();
// Artikelbackground.changeMotivgroesse(0);
for (var i=1;i<=5;i++)
{
Drucktechnik.initCustomText(i);
OwnText.showDruckfarben(i);
}
OwnText.activateZeilenconfig(1);
// BUG !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
// if(Artikel.firstCall == 0 && Produkt.firstCall == 1) {
Motiv.repositioning();
// }
},
showLoading : function(req)
{
// $("container_produkt_details").innerHTML = "![](\"gfx/icons/loading.gif\")
Produktdetails werden geladen";
},
showError : function(req)
{
alert("Error: " +req.status+ "/t" +r.statusText);
}
};
/*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*
* ändere Hintergrundbild im SVG Object
* 15.09.2007 Morgano
*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*/
var Artikelbackground = {
changeProduktfarbe: function (produktid, subproduktfarbcode, druckbereichid)
{
var svgdoc = null;
var object = document.getElementById("frame_svg");
if (object.contentDocument) {
svgdoc = object.contentDocument;
}
else {
try {
svgdoc = object.getSVGDocument();
}
catch(exception) {
alert("Auf deinem System ist kein SVG-Viewer installiert. Dieser ist notwenig um die Bilder korrekt darzustellen. Zwei Möglichkeiten stehen offen: - Installiere den gängigen Browser Firefox Ver. 2 oder 3 oder - Installiere ein Plugin namens SVG Viewer für den Internet Explorer.");
}
}
if(druckbereichid == null) {
druckbereichid = document.getElementById("input_druckbereich").value;
}
if(svgdoc) {
svgdoc.getElementById("artikel_background").setAttribute("xlink:href", 'gfx/produkte/'+produktid+'/'+druckbereichid+'_'+subproduktfarbcode+'_400.png');
svgdoc.getElementById("artikel_background").onerror = function ()
{
svgdoc.getElementById("artikel_background").setAttribute("xlink:href", 'gfx/produkte/error.png');
}
}
else {
document.getElementById("container_produktbild").innerHTML = "";
if (document.getElementById("submitbutton1") != null) {
document.getElementById("submitbutton1").disabled = true;
}
if (document.getElementById("submitbutton2") != null) {
document.getElementById("submitbutton2").disabled = true;
}
}
},
showErrorProduktfarbe: function ()
{
var object2 = document.getElementById("frame_svg");
if (object2.contentDocument)
svgdoc2 = object2.contentDocument;
else {
try {
svgdoc2 = object2.getSVGDocument();
}
catch(exception) {
// ignore errors
}
}
if(svgdoc2) {
if(svgdoc2.getElementById("artikel_background")) {
svgdoc2.getElementById("artikel_background").setAttribute("xlink:href", "gfx/produkte/error.png");
}
}
},
changeMotivfarbe: function(objektid, fil0)
{
var filling0 = fil0;
svgdoc = null;
var object = document.getElementById("frame_svg");
if (object.contentDocument)
svgdoc = object.contentDocument;
else {
try {
svgdoc = object.getSVGDocument();
}
catch(exception) {
// ignore errors
}
}
if(svgdoc) {
if(svgdoc.getElementById(objektid)) {
svgdoc.getElementById(objektid).setAttribute("style", "fill:#"+filling0);
}
}
else {
//alert("fehler");
}
},
changeMotivposition: function(direction, faktor)
{
var svgdoc = null;
var object = document.getElementById("frame_svg");
if (object.contentDocument)
svgdoc = object.contentDocument;
else {
try {
svgdoc = object.getSVGDocument();
}
catch(exception) {
// ignore errors
}
}
faktor = Number(faktor);
var area = svgdoc.getElementById("druckbereich");
var area_x = Number(area.getAttributeNS(null, 'x'));
var area_y = Number(area.getAttributeNS(null, 'y'));
var area_height = Number(area.getAttributeNS(null, 'height'));
var area_width = Number(area.getAttributeNS(null, 'width'));
var motiv = svgdoc.getElementById("motiv_svg");
var motiv_position_x;
var motiv_position_y;
var motiv_height;
var motiv_width;
if(direction == "up") {
motiv_position_y = Number(motiv.getAttributeNS(null, "y"));
if(motiv_position_y - faktor > area_y) {
motiv_position_y = motiv_position_y - faktor;
}
motiv.setAttributeNS(null, "y", motiv_position_y);
document.getElementById("input_motivposition_y").value = Math.round((motiv_position_y - area_y) / Artikel.Scale);
} else if(direction == "down") {
motiv_position_y = Number(motiv.getAttributeNS(null, "y"));
motiv_height = Number(motiv.getAttributeNS(null, "height"));
if(motiv_position_y + motiv_height + faktor < area_y + area_height) {
motiv_position_y = motiv_position_y + faktor;
}
motiv.setAttributeNS(null, "y", motiv_position_y);
document.getElementById("input_motivposition_y").value = Math.round((motiv_position_y - area_y) / Artikel.Scale);
} else if(direction == "left") {
motiv_position_x = Number(motiv.getAttributeNS(null, "x"));
if(motiv_position_x - faktor > area_x) {
motiv_position_x = Number(motiv_position_x - faktor);
}
motiv.setAttributeNS(null, "x", motiv_position_x);
document.getElementById("input_motivposition_x").value = Math.round((motiv_position_x - area_x) / Artikel.Scale);
} else if(direction == "right") {
motiv_position_x = Number(motiv.getAttributeNS(null, "x"));
motiv_width = Number(motiv.getAttributeNS(null, "width"));
if(motiv_position_x + motiv_width + faktor < area_x + area_width) {
motiv_position_x = Number(motiv_position_x + faktor);
}
motiv.setAttributeNS(null, "x", motiv_position_x);
document.getElementById("input_motivposition_x").value = Math.round((motiv_position_x - area_x) / Artikel.Scale);
}
},
changeMotivgroesse: function(faktor)
{
svgdoc = null;
var object = document.getElementById("frame_svg");
if (object.contentDocument)
svgdoc = object.contentDocument;
else {
try {
svgdoc = object.getSVGDocument();
}
catch(exception) {
// ignore errors
}
}
faktor = Number(faktor);
area = svgdoc.getElementById("druckbereich");
area_x = Number(area.getAttributeNS(null, 'x'));
area_y = Number(area.getAttributeNS(null, 'y'));
area_height = Number(area.getAttributeNS(null, 'height'));
area_width = Number(area.getAttributeNS(null, 'width'));
var druckbereich_posx1 = area_x;
var druckbereich_posx2 = area_x + area_width;
var druckbereich_posy1 = area_y;
var druckbereich_posy2 = area_y + area_height;
var druckbereich_width = area_width;
var druckbereich_height = area_height;
motiv_width_min = 50;
motiv = svgdoc.getElementById("motiv_svg");
motiv_width = Number(motiv.getAttributeNS(null, "width"));
motiv_height = Number(motiv.getAttributeNS(null, "height"));
motiv_proportion = motiv_width/motiv_height;
motiv_position_x = Number(motiv.getAttributeNS(null, "x"));
motiv_position_y = Number(motiv.getAttributeNS(null, "y"));
if(motiv_width + faktor >= motiv_width_min && (motiv_width + faktor) / motiv_proportion < druckbereich_height) {
if(motiv_width <= druckbereich_width && motiv_height <= druckbereich_height) {
// wenn rechts anstösst
if(motiv_position_x + motiv_width >= druckbereich_posx2 && faktor > 0) {
motiv_position_x = druckbereich_posx2 - motiv_width;
} else
// wenn links anstösst
if(motiv_position_x <= druckbereich_posx1 && faktor > 0) {
motiv_position_x = druckbereich_posx1;
} else
// wenn nicht anstösst
{
motiv_position_x = motiv_position_x - faktor/2;
}
motiv_width = motiv_width + faktor;
if(motiv_width >= druckbereich_width) {
motiv_width = druckbereich_width;
} else if(motiv_width < motiv_width_min) {
motiv_width = motiv_width_min;
}
motiv_height_new = motiv_width / motiv_proportion;
// wenn oben anstösst
if(motiv_position_y <= druckbereich_posy1 && faktor > 0) {
motiv_position_y = druckbereich_posy1;
}
//wenn unten anstösst
else if(motiv_position_y + motiv_height >= druckbereich_posy2 && faktor > 0) {
motiv_position_y = druckbereich_posy2 - motiv_height;
}
// wenn nicht anstösst
else {
motiv_position_y = motiv_position_y - (motiv_height_new - motiv_height)/2;
}
motiv_height = motiv_height_new
if(motiv_position_x < druckbereich_posx1) {
motiv_position_x = druckbereich_posx1;
} else if(motiv_position_x + motiv_width > druckbereich_posx2) {
motiv_position_x = druckbereich_posx2 - motiv_width;
}
if(motiv_position_y < druckbereich_posy1) {
motiv_position_y = druckbereich_posy1;
} else if(motiv_position_y + motiv_height > druckbereich_posy2) {
motiv_position_y = druckbereich_posy2 - motiv_height;
}
motiv.setAttributeNS(null, "width", motiv_width);
motiv.setAttributeNS(null, "height", motiv_height);
if(document.getElementById("motiv")) {
image = document.getElementById("motiv");
}
motiv.setAttributeNS(null, "x", motiv_position_x);
document.getElementById("input_motivposition_x").value = Math.round((motiv_position_x - druckbereich_posx1) / Artikel.Scale);
motiv.setAttributeNS(null, "y", motiv_position_y);
document.getElementById("input_motivposition_y").value = Math.round((motiv_position_y - druckbereich_posy1) / Artikel.Scale);
}
Infoframe.changeMotivwidth(motiv_width, druckbereich_width);
}
},
changeDruckbereich: function(posx, posy, width, height, druckbereichid)
{
svgdoc = null;
var object = document.getElementById("frame_svg");
if (object.contentDocument)
svgdoc = object.contentDocument;
else {
try {
svgdoc = object.getSVGDocument();
}
catch(exception) {
// ignore errors
}
}
if(druckbereichid && svgdoc) {
var aktuellerproduktfarbe = document.getElementById("input_produktfarbe").value;
var aktuellesprodukt = document.getElementById("input_produkt").value;
svgdoc.getElementById("artikel_background").setAttribute("xlink:href", 'gfx/produkte/'+aktuellesprodukt+'/'+druckbereichid+'_'+aktuellerproduktfarbe+'_400.png');
}
var druckbereich_posx = Number(posx) * Artikel.Scale;
var druckbereich_posy = Number(posy) * Artikel.Scale;
var druckbereich_width = Number(width) * Artikel.Scale;
var druckbereich_height = Number(height) * Artikel.Scale;
// setze Marker falls Aktiviert
if(JSON_Data.konfigurierbar == '1') {
// Druckbereich wird eingezeichnet #####
if(svgdoc && svgdoc.getElementById("druckbereich")) {
svgdoc.getElementById("druckbereich").setAttribute("style", "fill-opacity:0.1; stroke:#000000; stroke-opacity:0.1; stroke-width:1px");
svgdoc.getElementById("druckbereich").setAttribute("x", druckbereich_posx);
svgdoc.getElementById("druckbereich").setAttribute("y", druckbereich_posy);
svgdoc.getElementById("druckbereich").setAttribute("width", druckbereich_width);
svgdoc.getElementById("druckbereich").setAttribute("height", druckbereich_height);
// Marker 1 = Druckbereich PosX / Druckbereich PosY
marker1_x = druckbereich_posx;
marker1_y = druckbereich_posy;
// Marker 2 = Druckbereich PosX + DruckbereichWidth / Druckbereich PosY
marker2_x = druckbereich_posx + druckbereich_width;
marker2_y = druckbereich_posy;
// Marker 3 = Druckbereich PosX / Druckbereich PosY + Druckbereich Height
marker3_x = druckbereich_posx;
marker3_y = druckbereich_posy + druckbereich_height;
// Marker 4 = Druckbereich PosX + Druckbereich Width / Druckbereich Posy + Druckbereich Height
marker4_x = druckbereich_posx + druckbereich_width;
marker4_y = druckbereich_posy + druckbereich_height;
markerwidth = 5;
svgdoc.getElementById("Marker_1").setAttribute("x", marker1_x-markerwidth);
svgdoc.getElementById("Marker_1").setAttribute("y", marker1_y-markerwidth);
svgdoc.getElementById("Marker_2").setAttribute("x", marker2_x);
svgdoc.getElementById("Marker_2").setAttribute("y", marker2_y-markerwidth);
svgdoc.getElementById("Marker_3").setAttribute("x", marker3_x-markerwidth);
svgdoc.getElementById("Marker_3").setAttribute("y", marker3_y);
svgdoc.getElementById("Marker_4").setAttribute("x", marker4_x);
svgdoc.getElementById("Marker_4").setAttribute("y", marker4_y);
}
}
// Motiv.repositioning();
},
resetMotivfarbe: function(druckfarb_pos, objektid)
{
svgdoc = null;
var object = document.getElementById("frame_svg");
if (object.contentDocument)
svgdoc = object.contentDocument;
else {
try {
svgdoc = object.getSVGDocument();
}
catch(exception) {
// ignore errors
}
}
aktuelle_motivfarbe = document.getElementById("input_druckfarbcode_"+druckfarb_pos+"").value;
svgdoc.getElementById(objektid).setAttribute("style", "fill:#"+aktuelle_motivfarbe);
}
};
/*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*
*
*
*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*/
var Motiv = {
switchMotiv: function(motivid, typ)
{
this.MotivID = motivid;
if(this.MotivID) {
json_url = 'getJSON.php?func=getMotiv&id='+this.MotivID;
}
else {
json_url = false;
}
if(json_url) {
$.ajax({
url: json_url,
type: 'GET',
dataType: 'json',
timeout: 10000,
global: 'false',
error: function(){
alert('Fehler. Das Motiv konnte nicht geladen werden.');
},
success: this.showMotiv
});
}
},
showMotiv: function(data, textStatus)
{
JSON_Motiv = data;
var svgNS = "http://www.w3.org/2000/svg";
var XLINK = "http://www.w3.org/1999/xlink";
svgdoc = null;
var object = document.getElementById("frame_svg");
if (object.contentDocument)
svgdoc = object.contentDocument;
else {
try {
svgdoc = object.getSVGDocument();
}
catch(exception) {
// ignore errors
}
}
// Infoframe.changeProduktgruppe(JSON_Data.Artikel.ProduktgruppenID);
Infoframe.changeMotiv(JSON_Motiv.ID);
Infoframe.changeMotivproportion(JSON_Motiv.Proportion);
Infoframe.changeMotivtyp(JSON_Motiv.Typ);
Infoframe.changeMotivviewbox(JSON_Motiv.viewBox);
Infoframe.changeProvision(JSON_Motiv.Pro);
Infoframe.check_price();
if(JSON_Motiv.ID > 0 && JSON_Motiv.Bildpfad_Large && JSON_Motiv.Bildpfad_Small) {
Drucktechnik.changeMotivEnlarge(JSON_Motiv.ID, JSON_Motiv.Bildpfad_Large, JSON_Motiv.Bildpfad_Small);
}
Drucktechnik.showDrucktechniken(JSON_Motiv.Typ);
if(svgdoc) {
if(svgdoc.getElementById("obj_0")) {
svgdoc.getElementById("motiv_svg").removeChild(svgdoc.getElementById('obj_0'));
}
if(svgdoc.getElementById("obj_1")) {
svgdoc.getElementById("motiv_svg").removeChild(svgdoc.getElementById('obj_1'));
}
if(svgdoc.getElementById("obj_2")) {
svgdoc.getElementById("motiv_svg").removeChild(svgdoc.getElementById('obj_2'));
}
if(svgdoc.getElementById("obj_3")) {
svgdoc.getElementById("motiv_svg").removeChild(svgdoc.getElementById('obj_3'));
}
if(svgdoc.getElementById("obj_4")) {
svgdoc.getElementById("motiv_svg").removeChild(svgdoc.getElementById('obj_4'));
}
if(svgdoc.getElementById("motiv_pixel")) {
svgdoc.getElementById("motiv_svg").removeChild(svgdoc.getElementById('motiv_pixel'));
}
if(JSON_Motiv.Typ == "Pixel") {
/*
svgdoc.getElementById("motiv_svg").setAttribute("viewBox", "0 0 "+newWidth+" "+newHeight+"");
svgdoc.getElementById("motiv_svg").setAttribute("width", newWidth);
svgdoc.getElementById("motiv_svg").setAttribute("height", newHeight);
svgdoc.getElementById("motiv_svg").setAttribute("x", newX);
svgdoc.getElementById("motiv_svg").setAttribute("y", newY);
*/
var newPic = svgdoc.createElementNS(svgNS, "image");
newPic.setAttributeNS(null, 'id', 'motiv_pixel');
/*
newPic.setAttributeNS(null, 'x', '0');
newPic.setAttributeNS(null, 'y', '0');
newPic.setAttributeNS(null, 'width', newWidth);
newPic.setAttributeNS(null, 'height', newHeight);
*/
newPic.setAttributeNS(XLINK, "href", JSON_Motiv.Bildpfad);
svgdoc.getElementById("motiv_svg").appendChild(newPic);
Motiv.repositioning();
}
else if(JSON_Motiv.Typ == "Vektor") {
if(svgdoc) {
if(JSON_Motiv.SVG.g) {
if(is_array(JSON_Motiv.SVG.g)) {
for (var i=0;i 1) {
var proportion = document.getElementById("input_motivproportion").value;
var typ = document.getElementById("input_motivtyp").value;
var viewBox = document.getElementById("input_motivviewbox").value;
var area = svgdoc.getElementById("druckbereich");
var area_x = Number(area.getAttributeNS(null, 'x'));
var area_y = Number(area.getAttributeNS(null, 'y'));
var area_height = Number(area.getAttributeNS(null, 'height'));
var area_width = Number(area.getAttributeNS(null, 'width'));
var goldener_schnitt = 1.1;
var optimale_breite = 0.8;
var newWidth = Math.round(area_width * optimale_breite);
var newHeight = Math.round(newWidth / proportion);
var newX = Math.round(area_x + Number((area_width - newWidth) / 2));
var newY = Math.round(area_y + ((1-(1/goldener_schnitt)) * area_height));
if(newWidth > area_width) {
newWidth = Math.round(area_width * optimale_breite);
newX = Math.round(area_x + Number((area_width - newWidth) / 2));
}
if(newHeight > area_height) {
newHeight = area_height;
newWidth = Math.round(newHeight * proportion);
newWidth = Math.round(newWidth * optimale_breite);
newHeight = Math.round(newHeight * optimale_breite);
newX = Math.round(area_x + Number((area_width - newWidth) / 2));
newY = Math.round(area_y + (area_height - newHeight)/2);
}
//var newMotivpositionX = Math.round(newX - area_x);
//var newMotivpositionY = Math.round(newY - area_y);
/* Sonderfall erster Aufruf */
if(Artikel.firstCall && Produkt.firstCall) {
if(document.getElementById("input_motivposition_x").value > 1) {
newX = Math.round(Number(document.getElementById("input_motivposition_x").value) + area_x);
}
if(document.getElementById("input_motivposition_y").value > 1) {
newY = Math.round(Number(document.getElementById("input_motivposition_y").value) + area_y);
}
}
var newMotivpositionX = Math.round(newX - area_x);
var newMotivpositionY = Math.round(newY - area_y);
}
else {
var newX = 1;
var newY = 1;
var newWidth = 1;
var newHeight = 1;
var newMotivpositionX = 1;
var newMotivpositionY = 1;
}
if(typ == "Pixel") {
svgdoc.getElementById("motiv_svg").setAttribute("viewBox", "0 0 "+newWidth+" "+newHeight+"");
svgdoc.getElementById("motiv_svg").setAttribute("width", newWidth);
svgdoc.getElementById("motiv_svg").setAttribute("height", newHeight);
svgdoc.getElementById("motiv_svg").setAttribute("x", newX);
svgdoc.getElementById("motiv_svg").setAttribute("y", newY);
svgdoc.getElementById("motiv_pixel").setAttributeNS(null, 'x', '0');
svgdoc.getElementById("motiv_pixel").setAttributeNS(null, 'y', '0');
svgdoc.getElementById("motiv_pixel").setAttributeNS(null, 'width', newWidth);
svgdoc.getElementById("motiv_pixel").setAttributeNS(null, 'height', newHeight);
}
else if(typ == "Vektor") {
svgdoc.getElementById("motiv_svg").setAttribute("viewBox", viewBox);
svgdoc.getElementById("motiv_svg").setAttribute("width", newWidth);
svgdoc.getElementById("motiv_svg").setAttribute("height", newHeight);
svgdoc.getElementById("motiv_svg").setAttribute("x", newX);
svgdoc.getElementById("motiv_svg").setAttribute("y", newY);
}
document.getElementById("input_motivposition_x").value = newMotivpositionX;
document.getElementById("input_motivposition_y").value = newMotivpositionY;
document.getElementById("input_motivwidth").value = newWidth;
Infoframe.changeMotivwidth(newWidth, area_width);
}
};
/*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*
*
*
*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*/
var OwnText = {
init: function (objektid)
{
var svgNS = "http://www.w3.org/2000/svg";
var XLINK = "http://www.w3.org/1999/xlink";
var objekt = "textzeile"+objektid;
if(Produkt.firstCall == 1) {
var druckbereich = svgdoc.getElementById('druckbereich');
OwnText.area_x = Number(druckbereich.getAttributeNS(null, 'x'));
OwnText.area_y = Number(druckbereich.getAttributeNS(null, 'y'));
OwnText.area_height = Number(druckbereich.getAttributeNS(null, 'height'));
OwnText.area_width = Number(druckbereich.getAttributeNS(null, 'width'));
if(objektid == "1") {
this.color = "000000";
this.fontSize = "30";
this.fontFamily = "Arial";
this.fontWeight = "normal"; // normal, bold
this.fontStyle = "normal"; // normal, oblique
this.stroke = "000000";
this.strokeWidth = "0";
this.x = OwnText.area_x;
this.y = OwnText.area_y;
this.dy = "0";
}
else if(objektid == "2") {
this.color = "000000";
this.fontSize = "30";
this.fontFamily = "Arial";
this.fontWeight = "normal";
this.fontStyle = "normal";
this.stroke = "000000";
this.strokeWidth = "0";
this.x = OwnText.area_x;
this.y = OwnText.area_y;
this.dy = "0";
}
else if(objektid == "3") {
this.color = "000000";
this.fontSize = "30";
this.fontFamily = "Arial";
this.fontWeight = "normal";
this.fontStyle = "normal";
this.stroke = "000000";
this.strokeWidth = "0";
this.x = OwnText.area_x;
this.y = OwnText.area_y;
this.dy = "0";
}
else if(objektid == "4") {
this.color = "000000";
this.fontSize = "30";
this.fontFamily = "Arial";
this.fontWeight = "normal";
this.fontStyle = "normal";
this.stroke = "000000";
this.strokeWidth = "0";
this.x = OwnText.area_x;
this.y = OwnText.area_y;
this.dy = "0";
}
else if(objektid == "5") {
this.color = "000000";
this.fontSize = "30";
this.fontFamily = "Arial";
this.fontWeight = "normal";
this.fontStyle = "normal";
this.stroke = "000000";
this.strokeWidth = "0";
this.x = OwnText.area_x;
this.y = OwnText.area_y;
this.dy = "0";
}
if(svgdoc) {
var newSVG = svgdoc.createElementNS(svgNS, "svg");
newSVG.setAttributeNS(null, "id", "svg_text"+objektid+"");
newSVG.setAttributeNS(null, "x", this.x);
newSVG.setAttributeNS(null, "y", this.y);
// newSVG.setAttributeNS(null, "onload", "init_text("+objektid+");");
newSVG.setAttributeNS(null, "style", "shape-rendering:geometricPrecision; cursor:move; text-rendering:geometricPrecision; fill-rule:evenodd; clip-rule:evenodd;");
newSVG.setAttributeNS(null, "version", "1.1");
//newSVG.setAttributeNS(null, "xmlns", "http://www.w3.org/2000/svg");
svgdoc.getElementById("main_svg").appendChild(newSVG);
var newText = svgdoc.createElementNS(svgNS, "text");
newText.setAttributeNS(null, "id", "textzeile"+objektid+"");
//newText.setAttributeNS(null, "x", this.x);
// newText.setAttributeNS(null, "y", this.y);
newText.setAttributeNS(null, "dy", this.dy);
newText.setAttributeNS(null, "fill", "#"+this.color);
newText.setAttributeNS(null, "font-size", this.fontSize);
newText.setAttributeNS(null, "font-family", this.fontFamily);
newText.setAttributeNS(null, "font-weight", this.fontWeight);
newText.setAttributeNS(null, "font-style", this.fontStyle);
newText.setAttributeNS(null, "stroke", "#"+this.stroke);
newText.setAttributeNS(null, "stroke-width", this.strokeWidth);
if(objektid == "1") {
newText.addEventListener("mousedown", OwnText.mousedown_listener_1, false);
}
else if(objektid == "2") {
newText.addEventListener("mousedown", OwnText.mousedown_listener_2, false);
}
else if(objektid == "3") {
newText.addEventListener("mousedown", OwnText.mousedown_listener_3, false);
}
else if(objektid == "4") {
newText.addEventListener("mousedown", OwnText.mousedown_listener_4, false);
}
else if(objektid == "5") {
newText.addEventListener("mousedown", OwnText.mousedown_listener_5, false);
}
svgdoc.getElementById("svg_text"+objektid+"").appendChild(newText);
}
}
else {
}
},
mousedown_listener_1: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile1");
circle_x2 = Number(textzeile.getAttributeNS(null, 'x'));
circle_y2 = Number(textzeile.getAttributeNS(null, 'y'));
OwnText.dx2 = circle_x2 - evt.clientX;
OwnText.dy2 = circle_y2 - evt.clientY;
if(window.addEventListener) {
svgdoc.addEventListener("mousemove", OwnText.mousemove_listener_1, true);
svgdoc.addEventListener("mouseup", OwnText.mouseup_listener_1, true);
}
OwnText.activateZeilenconfig(1);
},
mousedown_listener_2: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile2");
circle_x2 = Number(textzeile.getAttributeNS(null, 'x'));
circle_y2 = Number(textzeile.getAttributeNS(null, 'y'));
OwnText.dx2 = circle_x2 - evt.clientX;
OwnText.dy2 = circle_y2 - evt.clientY;
if(window.addEventListener) {
svgdoc.addEventListener("mousemove", OwnText.mousemove_listener_2, true);
svgdoc.addEventListener("mouseup", OwnText.mouseup_listener_2, true);
}
OwnText.activateZeilenconfig(2);
},
mousedown_listener_3: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile3");
circle_x2 = Number(textzeile.getAttributeNS(null, 'x'));
circle_y2 = Number(textzeile.getAttributeNS(null, 'y'));
OwnText.dx2 = circle_x2 - evt.clientX;
OwnText.dy2 = circle_y2 - evt.clientY;
if(window.addEventListener) {
svgdoc.addEventListener("mousemove", OwnText.mousemove_listener_3, true);
svgdoc.addEventListener("mouseup", OwnText.mouseup_listener_3, true);
}
OwnText.activateZeilenconfig(3);
},
mousedown_listener_4: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile4");
circle_x2 = Number(textzeile.getAttributeNS(null, 'x'));
circle_y2 = Number(textzeile.getAttributeNS(null, 'y'));
OwnText.dx2 = circle_x2 - evt.clientX;
OwnText.dy2 = circle_y2 - evt.clientY;
if(window.addEventListener) {
svgdoc.addEventListener("mousemove", OwnText.mousemove_listener_4, true);
svgdoc.addEventListener("mouseup", OwnText.mouseup_listener_4, true);
}
OwnText.activateZeilenconfig(4);
},
mousedown_listener_5: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile5");
circle_x2 = Number(textzeile.getAttributeNS(null, 'x'));
circle_y2 = Number(textzeile.getAttributeNS(null, 'y'));
OwnText.dx2 = circle_x2 - evt.clientX;
OwnText.dy2 = circle_y2 - evt.clientY;
if(window.addEventListener) {
svgdoc.addEventListener("mousemove", OwnText.mousemove_listener_5, true);
svgdoc.addEventListener("mouseup", OwnText.mouseup_listener_5, true);
}
OwnText.activateZeilenconfig(5);
},
mousemove_listener_1: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile1");
var textobject = textzeile.ownerSVGElement.suspendRedraw(1000);
var textlaenge = Math.round(textzeile.getComputedTextLength());
if(svgdoc.getElementById('textzeile1')) {
var texthoehe = textzeile.getBBox();
}
else {
var to = window.setTimeout('mousemove_listener_1(evt)', 100);
}
if(texthoehe.height > 0) {
var text_gesamthoehe = Math.round(texthoehe.height);
}
x = evt.clientX + OwnText.dx2;
y = evt.clientY + OwnText.dy2;
if(x + textlaenge > OwnText.area_width) {
x = OwnText.area_width - textlaenge;
}
if(x < 0) {
x = 0;
}
if(y < text_gesamthoehe) {
y = text_gesamthoehe;
}
if((y + (2*text_gesamthoehe)) > (OwnText.area_y + OwnText.area_height) ) {
y = (OwnText.area_y + OwnText.area_height) - (2 * text_gesamthoehe);
}
textzeile.setAttributeNS(null, 'x', x);
textzeile.setAttributeNS(null, 'y', y);
textzeile.ownerSVGElement.unsuspendRedraw(textobject);
},
mousemove_listener_2: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile2");
var textobject = textzeile.ownerSVGElement.suspendRedraw(1000);
var textlaenge = Math.round(textzeile.getComputedTextLength());
var texthoehe = textzeile.getBBox();
if(texthoehe.height > 0) {
var text_gesamthoehe = Math.round(texthoehe.height);
}
x = evt.clientX + OwnText.dx2;
y = evt.clientY + OwnText.dy2;
if(x + textlaenge > OwnText.area_width) {
x = OwnText.area_width - textlaenge;
}
if(x < 0) {
x = 0;
}
if(y < text_gesamthoehe) {
y = text_gesamthoehe;
}
if((y + (2*text_gesamthoehe)) > (OwnText.area_y + OwnText.area_height) ) {
y = (OwnText.area_y + OwnText.area_height) - (2 * text_gesamthoehe);
}
textzeile.setAttributeNS(null, 'x', x);
textzeile.setAttributeNS(null, 'y', y);
textzeile.ownerSVGElement.unsuspendRedraw(textobject);
},
mousemove_listener_3: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile3");
var textobject = textzeile.ownerSVGElement.suspendRedraw(1000);
var textlaenge = Math.round(textzeile.getComputedTextLength());
var texthoehe = textzeile.getBBox();
if(texthoehe.height > 0) {
var text_gesamthoehe = Math.round(texthoehe.height);
}
x = evt.clientX + OwnText.dx2;
y = evt.clientY + OwnText.dy2;
if(x + textlaenge > OwnText.area_width) {
x = OwnText.area_width - textlaenge;
}
if(x < 0) {
x = 0;
}
if(y < text_gesamthoehe) {
y = text_gesamthoehe;
}
if((y + (2*text_gesamthoehe)) > (OwnText.area_y + OwnText.area_height) ) {
y = (OwnText.area_y + OwnText.area_height) - (2 * text_gesamthoehe);
}
textzeile.setAttributeNS(null, 'x', x);
textzeile.setAttributeNS(null, 'y', y);
textzeile.ownerSVGElement.unsuspendRedraw(textobject);
},
mousemove_listener_4: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile4");
var textobject = textzeile.ownerSVGElement.suspendRedraw(1000);
var textlaenge = Math.round(textzeile.getComputedTextLength());
var texthoehe = textzeile.getBBox();
if(texthoehe.height > 0) {
var text_gesamthoehe = Math.round(texthoehe.height);
}
x = evt.clientX + OwnText.dx2;
y = evt.clientY + OwnText.dy2;
if(x + textlaenge > OwnText.area_width) {
x = OwnText.area_width - textlaenge;
}
if(x < 0) {
x = 0;
}
if(y < text_gesamthoehe) {
y = text_gesamthoehe;
}
if((y + (2*text_gesamthoehe)) > (OwnText.area_y + OwnText.area_height) ) {
y = (OwnText.area_y + OwnText.area_height) - (2 * text_gesamthoehe);
}
textzeile.setAttributeNS(null, 'x', x);
textzeile.setAttributeNS(null, 'y', y);
textzeile.ownerSVGElement.unsuspendRedraw(textobject);
},
mousemove_listener_5: function(evt)
{
var textzeile = svgdoc.getElementById("textzeile5");
var textobject = textzeile.ownerSVGElement.suspendRedraw(1000);
var textlaenge = Math.round(textzeile.getComputedTextLength());
var texthoehe = textzeile.getBBox();
if(texthoehe.height > 0) {
var text_gesamthoehe = Math.round(texthoehe.height);
}
x = evt.clientX + OwnText.dx2;
y = evt.clientY + OwnText.dy2;
if(x + textlaenge > OwnText.area_width) {
x = OwnText.area_width - textlaenge;
}
if(x < 0) {
x = 0;
}
if(y < text_gesamthoehe) {
y = text_gesamthoehe;
}
if((y + (2*text_gesamthoehe)) > (OwnText.area_y + OwnText.area_height) ) {
y = (OwnText.area_y + OwnText.area_height) - (2 * text_gesamthoehe);
}
textzeile.setAttributeNS(null, 'x', x);
textzeile.setAttributeNS(null, 'y', y);
textzeile.ownerSVGElement.unsuspendRedraw(textobject);
},
mouseup_listener_1: function(evt)
{
svgdoc.removeEventListener("mousemove", OwnText.mousemove_listener_1, true);
svgdoc.removeEventListener("mouseup", OwnText.mouseup_listener_1, true);
},
mouseup_listener_2: function(evt)
{
svgdoc.removeEventListener("mousemove", OwnText.mousemove_listener_2, true);
svgdoc.removeEventListener("mouseup", OwnText.mouseup_listener_2, true);
},
mouseup_listener_3: function(evt)
{
svgdoc.removeEventListener("mousemove", OwnText.mousemove_listener_3, true);
svgdoc.removeEventListener("mouseup", OwnText.mouseup_listener_3, true);
},
mouseup_listener_4: function(evt)
{
svgdoc.removeEventListener("mousemove", OwnText.mousemove_listener_4, true);
svgdoc.removeEventListener("mouseup", OwnText.mouseup_listener_4, true);
},
mouseup_listener_5: function(evt)
{
svgdoc.removeEventListener("mousemove", OwnText.mousemove_listener_5, true);
svgdoc.removeEventListener("mouseup", OwnText.mouseup_listener_5, true);
},
repositioning: function(zeilenid, druckbereich_posx, druckbereich_posy)
{
var objekt = "textzeile"+zeilenid;
faktor = 0;
area = svgdoc.getElementById("druckbereich");
area_x = Number(area.getAttributeNS(null, 'x'));
area_y = Number(area.getAttributeNS(null, 'y'));
area_height = Number(area.getAttributeNS(null, 'height'));
area_width = Number(area.getAttributeNS(null, 'width'));
var druckbereich_posx1 = area_x;
var druckbereich_posx2 = area_x + area_width;
var druckbereich_posy1 = area_y;
var druckbereich_posy2 = area_y + area_height;
var druckbereich_width = area_width;
var druckbereich_height = area_height;
if(zeilenid) {
motiv_width_min = 50;
motiv = svgdoc.getElementById(objekt);
motiv_height = Number(motiv.getAttributeNS(null, "height"));
motiv_proportion = motiv_width/motiv_height;
motiv_position_x = Number(motiv.getAttributeNS(null, "x"));
motiv_position_y = Number(motiv.getAttributeNS(null, "y"));
}
if(svgdoc) {
if(svgdoc.getElementById("textzeile"+zeilenid+"")) {
var zeilenpixel = svgdoc.getElementById("textzeile"+zeilenid+"").getBBox();
if(zeilenpixel) {
if(zeilenpixel.width > 0) {
var newpos_x = (druckbereich_width - zeilenpixel.width) / 2;
motiv.setAttributeNS(null, 'x', newpos_x);
}
else {
motiv.setAttributeNS(null, 'x', druckbereich_posx);
}
if((zeilenpixel.height + motiv_position_y) > druckbereich_height) {
// var newpos_y = druckbereich_posy1 + (druckbereich_height/2) - zeilenpixel.height;
var newpos_y = (druckbereich_height/2) + zeilenpixel.height;
motiv.setAttributeNS(null, 'y', newpos_y);
}
else if(druckbereich_posy) {
motiv.setAttributeNS(null, 'y', druckbereich_posy);
}
else {
//motiv.setAttributeNS(null, 'y', druckbereich_posy1);
}
}
else {
}
}
}
else {
alert("svg nicht initialisiert");
}
},
activateZeilenconfig: function(zeilenid)
{
if(document.getElementById("container_weitere_textconfigs_1")) {
document.getElementById("container_weitere_textconfigs_1").style.display = "none";
}
if(document.getElementById("container_weitere_textconfigs_2")) {
document.getElementById("container_weitere_textconfigs_2").style.display = "none";
}
if(document.getElementById("container_weitere_textconfigs_3")) {
document.getElementById("container_weitere_textconfigs_3").style.display = "none";
}
if(document.getElementById("container_weitere_textconfigs_4")) {
document.getElementById("container_weitere_textconfigs_4").style.display = "none";
}
if(document.getElementById("container_weitere_textconfigs_5")) {
document.getElementById("container_weitere_textconfigs_5").style.display = "none";
}
if(document.getElementById("container_weitere_textconfigs_"+zeilenid+"")) {
document.getElementById("container_weitere_textconfigs_"+zeilenid+"").style.display = "block";
}
},
changeTextInhalt: function(objektid, text)
{
var objekt = "textzeile"+objektid;
OwnText.activateZeilenconfig(objektid);
if(svgdoc) {
obj = svgdoc.getElementById(objekt);
if(obj) {
var newText = svgdoc.createTextNode(text);
if(svgdoc.getElementById(objekt).firstChild) {
obj.removeChild(svgdoc.getElementById(objekt).firstChild);
}
obj.appendChild(newText, svgdoc.getElementById(objekt).firstChild);
if(this.checkTextLength(objektid)) {
}
else {
this.changeTextSize(objektid, -2);
}
}
}
anzahl_zeichen = svgdoc.getElementById(objekt).getNumberOfChars();
var offset = 0;
var height1 = 0;
var height2 = 0;
if(svgdoc.getElementById("textzeile"+objektid+"")) {
akt_anzahl_zeichen = svgdoc.getElementById("textzeile"+objektid+"").getNumberOfChars();
zeilenpixel = svgdoc.getElementById("textzeile"+objektid+"").getBBox();
if(zeilenpixel.height > 0 && akt_anzahl_zeichen == 1) {
//height_gesamt = height1 + zeilenpixel.height + offset;
if(objektid == 1) {
offset = 0;
}
else if(objektid == 2) {
offset = 40;
}
else if(objektid == 3) {
offset = 80;
}
else if(objektid == 4) {
offset = 120;
}
else if(objektid == 5) {
offset = 160;
}
height1 = zeilenpixel.height + offset;
svgdoc.getElementById("textzeile"+objektid+"").setAttributeNS(null, "y", height1);
}
}
Infoframe.check_price();
},
changeTextColor: function(objektid, color)
{
var objekt = "textzeile"+objektid;
this.color = color;
if(svgdoc.getElementById(objekt)) {
svgdoc.getElementById(objekt).setAttribute("fill", "#"+this.color);
}
},
changeTextSize: function(objektid, fontfaktor)
{
var objekt = "textzeile"+objektid;
fontfaktor = parseInt(fontfaktor);
if(svgdoc.getElementById(objekt)) {
oldfontSize = svgdoc.getElementById(objekt).getAttribute("font-size");
if(this.checkTextLength(objektid) == true) {
newfontSize = parseInt(oldfontSize) + fontfaktor;
if(newfontSize < 15) {
newfontSize = 15;
}
svgdoc.getElementById(objekt).setAttribute("font-size", newfontSize);
}
else {
newfontSize = parseInt(oldfontSize) - 1;
if(newfontSize > 10) {
svgdoc.getElementById(objekt).setAttribute("font-size", newfontSize);
if(this.checkTextLength(objektid) == false) {
this.changeTextSize(objektid, -1);
}
}
else {
alert("minimale Schriftgroesse erreicht");
svgdoc.getElementById(objekt).setAttribute("font-size", 14);
}
}
}
},
checkTextLength: function(objektid)
{
var objekt = "textzeile"+objektid;
if(svgdoc) {
textlaenge = svgdoc.getElementById(objekt).getComputedTextLength();
if(textlaenge >= this.area_width) {
return false;
}
else {
return true;
}
}
},
changeTextFontFamily: function(objektid, fontFamily)
{
var objekt = "textzeile"+objektid;
this.fontFamily = fontFamily;
if(svgdoc.getElementById(objekt)) {
svgdoc.getElementById(objekt).setAttribute("font-family", this.fontFamily);
this.checkTextLength(objektid);
}
},
changeTextFontWeight: function(objektid, fontWeight)
{
var objekt = "textzeile"+objektid;
this.fontWeight = fontWeight;
if(svgdoc.getElementById(objekt)) {
svgdoc.getElementById(objekt).setAttribute("font-weight", this.fontWeight);
}
},
changeTextFontStyle: function(objektid, fontStyle)
{
var objekt = "textzeile"+objektid;
this.fontStyle = fontStyle;
if(svgdoc.getElementById(objekt)) {
svgdoc.getElementById(objekt).setAttribute("font-style", this.fontStyle);
}
},
changeTextStrokeWidth: function(objektid, strokeWidth)
{
var objekt = "textzeile"+objektid;
this.strokeWidth = strokeWidth;
if(svgdoc.getElementById(objekt)) {
svgdoc.getElementById(objekt).setAttribute("stroke-width", this.strokeWidth);
this.checkTextLength(objektid);
}
},
changeTextStrokeColor: function(objektid, stroke)
{
var objekt = "textzeile"+objektid;
this.stroke = stroke;
if(svgdoc.getElementById(objekt)) {
svgdoc.getElementById(objekt).setAttribute("stroke", "#"+this.stroke);
}
},
showDruckfarben : function(objektid)
{
if(JSON_Data.konfigurierbar == '1') {
if(document.getElementById("OwnText_possibleColors"+objektid+"")) {
document.getElementById("OwnText_possibleColors"+objektid+"").innerHTML = "";
if(JSON_Data.Druckfarben != null) {
for (var i=0;i";
for (var j=1;j<=5;j++)
{
text = this.writeTextzeile(j);
if(text) {
built += text;
}
}
built += "";
ref.innerHTML = built;
}
},
writeTextzeile: function(zeilenid)
{
svg_text = svgdoc.getElementById("svg_text"+zeilenid+"");
text = svgdoc.getElementById("textzeile"+zeilenid+"");
akt_anzahl_zeichen = svgdoc.getElementById("textzeile"+zeilenid+"").getNumberOfChars();
if(akt_anzahl_zeichen > 0) {
attr_x = svg_text.getAttribute('x');
attr_y = svg_text.getAttribute('y');
attr_x2 = text.getAttribute('x');
attr_y2 = text.getAttribute('y');
attr_fill = text.getAttribute('fill');
attr_fontSize = text.getAttribute('font-size');
attr_fontFamily = text.getAttribute('font-family');
attr_fontWeight = text.getAttribute('font-weight');
attr_fontStyle = text.getAttribute('font-style');
attr_stroke = text.getAttribute('stroke');
attr_strokeWidth = text.getAttribute('stroke-width');
content_text = document.getElementById("content_text"+zeilenid+"").value;
built = " ";
return built;
}
else {
return false;
}
},
checkInhalt: function()
{
var inhaltscheck = false;
for(j=1; j<=5; j++) {
akt_anzahl_zeichen = svgdoc.getElementById("textzeile"+j+"").getNumberOfChars();
if(akt_anzahl_zeichen > 0) {
inhaltscheck = true;
}
}
return inhaltscheck;
}
};
/*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*
* Infoframe
*
*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*/
var Infoframe = {
changeMotiv : function(motivid)
{
if(document.getElementById("input_motiv")) {
document.getElementById("input_motiv").value = motivid;
}
if(document.getElementById("motiv")) {
document.getElementById("motiv").value = motivid;
}
},
changeContentText: function(zeilenid, text)
{
document.getElementById("content_text"+zeilenid+"").value = text;
},
changeProdukt : function(produktid, produktname)
{
//document.getElementById("akt_produkt").innerHTML = produktname;
document.getElementById("input_produkt").value = produktid;
},
changeProduktgruppe : function(produktgruppenid)
{
if(document.getElementById("input_produktgruppe")) {
document.getElementById("input_produktgruppe").value = produktgruppenid;
}
},
changeProvision : function(provision)
{
document.getElementById("input_provision").value = provision;
},
changeProduktfarbe : function(produktfarbcode)
{
document.getElementById("input_produktfarbe").value = produktfarbcode;
},
changeMotivproportion : function(wert)
{
document.getElementById("input_motivproportion").value = wert;
},
changeMotivviewbox : function(wert)
{
document.getElementById("input_motivviewbox").value = wert;
},
changeMotivwidth : function(motiv_width, druckbereich_width)
{
document.getElementById("input_motivwidth").value = Math.round(motiv_width);
var absolute_cm = Number(parent.document.getElementById("input_motivwidth_max").value);
var druckbereich_motiv_verhaeltnis = (druckbereich_width / motiv_width);
var absolute_width = (absolute_cm / druckbereich_motiv_verhaeltnis) * 100;
var absolute_width = Math.floor(absolute_width) / 100;
if(absolute_width > 0) {
document.getElementById("akt_motivwidth_absolute").innerHTML = "aktuelle Motivgrösse: ca. "+Math.round(absolute_width)+" cm";
document.getElementById("input_motivwidth_absolute").value = absolute_width;
}
},
changeMotivtyp : function(wert)
{
document.getElementById("input_motivtyp").value = wert;
},
changeProduktgroesse : function(produktgroessencode, produktgroessenname)
{
//document.getElementById("akt_produktgroesse").innerHTML = produktgroessencode;
document.getElementById("input_produktgroesse").value = produktgroessencode;
},
changeDruckfarbe : function(druckfarb_pos, druckfarbid, druckfarbname, druckfarbcode)
{
//document.getElementById("akt_druckfarbe_"+druckfarb_pos+"").innerHTML = ""+druckfarbname+" (#"+druckfarbcode+")";
document.getElementById("input_druckfarbe_"+druckfarb_pos+"").value = druckfarbid;
document.getElementById("input_druckfarbcode_"+druckfarb_pos+"").value = druckfarbcode;
},
changeProduktpreis : function(preis)
{
//document.getElementById("akt_produktpreis").innerHTML = number_format(preis, 2, ",", ".")+".--";
document.getElementById("input_produktpreis").value = preis;
},
/*
changeProduktpreisOriginal : function(preis)
{
//document.getElementById("akt_produktpreis").innerHTML = number_format(preis, 2, ",", ".")+".--";
document.getElementById("input_produktpreis_original").value = preis;
},
*/
changeDruckbereich : function(druckbereichid, druckseitenbezeichnung)
{
//document.getElementById("akt_druckbereich").innerHTML = druckseitenbezeichnung+" ("+druckbereichid+")";
document.getElementById("input_druckbereich").value = druckbereichid;
},
changeDrucktechnik : function(drucktechnik_id, drucktechnik_name)
{
// document.getElementById("akt_drucktechnik").innerHTML = drucktechnik_name;
document.getElementById("input_drucktechnik").value = drucktechnik_id;
},
changeDruckpreis : function(druckpreis)
{
//document.getElementById("akt_druckpreis").innerHTML = druckpreis;
document.getElementById("input_druckpreis").value = druckpreis;
},
/*
changeDruckpreisOriginal : function(druckpreis)
{
//document.getElementById("akt_druckpreis").innerHTML = druckpreis;
document.getElementById("input_druckpreis_original").value = druckpreis;
},
*/
check_price : function()
{
var PromoRabatt = 0;
var Rabatt = false;
if(JSON_Data.Artikel.Grundpreis || JSON_Data.Artikel.Provision) {
grundpreis = parseFloat(JSON_Data.Artikel.Grundpreis) + parseFloat(JSON_Data.Artikel.Provision);
}
else {
grundpreis = 0;
}
var anzahl_textzeilen = 0;
if (document.getElementById("content_text1") != null && document.getElementById("content_text1").value ) {
anzahl_textzeilen = 1;
}
if (document.getElementById("content_text2") != null && document.getElementById("content_text2").value ) {
anzahl_textzeilen = anzahl_textzeilen + 1;
}
if (document.getElementById("content_text3") != null && document.getElementById("content_text3").value ) {
anzahl_textzeilen = anzahl_textzeilen + 1;
}
if (document.getElementById("content_text4") != null && document.getElementById("content_text4").value ) {
anzahl_textzeilen = anzahl_textzeilen + 1;
}
if (document.getElementById("content_text5") != null && document.getElementById("content_text5").value ) {
anzahl_textzeilen = anzahl_textzeilen + 1;
}
if(anzahl_textzeilen == 0) {
aufpreis = 0;
}
else if(anzahl_textzeilen == 1) {
aufpreis = 4;
}
else if(anzahl_textzeilen == 2) {
aufpreis = 4.5;
}
else if(anzahl_textzeilen == 3) {
aufpreis = 5;
}
else if(anzahl_textzeilen == 4) {
aufpreis = 5.5;
}
else if(anzahl_textzeilen == 5) {
aufpreis = 6;
}
if(anzahl_textzeilen > 0 && aufpreis) {
grundpreis = parseFloat(grundpreis) + parseFloat(aufpreis);
}
/*
if (document.getElementById("zusatzinput_1") != null && document.getElementById("zusatzinput_aufpreis_1") != null && document.getElementById("zusatzinput_1").value ) {
aufpreis = document.getElementById("zusatzinput_aufpreis_1").value;
grundpreis = parseFloat(grundpreis) + parseFloat(aufpreis);
}
if (document.getElementById("zusatzinput_2") != null && document.getElementById("zusatzinput_aufpreis_2") != null && document.getElementById("zusatzinput_2").value ) {
aufpreis = document.getElementById("zusatzinput_aufpreis_2").value;
grundpreis = parseFloat(grundpreis) + parseFloat(aufpreis);
}
if (document.getElementById("zusatzinput_3") != null && document.getElementById("zusatzinput_aufpreis_3") != null && document.getElementById("zusatzinput_3").checked ) {
aufpreis = document.getElementById("zusatzinput_aufpreis_3").value;
grundpreis = parseFloat(grundpreis) + parseFloat(aufpreis);
}
*/
produktpreis = document.getElementById("input_produktpreis").value;
druckpreis = document.getElementById("input_druckpreis").value;
kalkulierter_einzelpreis = (parseFloat(grundpreis))+(parseFloat(produktpreis))+(parseFloat(druckpreis));
kalkulierter_einzelpreis_original = kalkulierter_einzelpreis;
if(JSON_Data.configMode == false) {
if(JSON_Data.Artikel.Promotion) {
for (var j=0;j 0) {
if(JSON_Data.Artikel.Promotion[j].Inc.Produkt == JSON_Produkt.Produkt.ID) {
bool_Rabatt_Produkt = true;
}
else {
bool_Rabatt_Produkt = false;
}
}
else if(JSON_Data.Artikel.Promotion[j].Inc.Produkt.length > 0) {
bool_Rabatt_Produkt = false;
for (var i=0;i 0) {
if(JSON_Data.Artikel.Promotion[j].Rabatt > PromoRabatt) {
// PromoRabatt = PromoRabatt + Number(JSON_Data.Artikel.Promotion[j].Rabatt);
PromoRabatt = Number(JSON_Data.Artikel.Promotion[j].Rabatt);
}
}
}
}
// addiere Promorabatt mit Partnerrabatt
if(PromoRabatt > 0) {
Rabatt = Number(PromoRabatt);
}
if(JSON_Data.Artikel.Rabatt_Partner > 0) {
Rabatt = Rabatt + Number(JSON_Data.Artikel.Rabatt_Partner);
}
if(Rabatt > 0 && Rabatt <= 100) {
kalkulierter_einzelpreis = (kalkulierter_einzelpreis * (1-(Rabatt/100)));
}
kalkulierter_preis_between = kalkulierter_einzelpreis_original - kalkulierter_einzelpreis;
if(kalkulierter_einzelpreis < JSON_Data.Artikel.Provision) {
kalkulierter_einzelpreis = JSON_Data.Artikel.Provision;
kalkulierter_preis_between = kalkulierter_einzelpreis_original - JSON_Data.Artikel.Provision;
Rabatt = (kalkulierter_preis_between / kalkulierter_einzelpreis_original) * 100;
}
}
document.getElementById("input_einzelpreis").value = kalkulierter_einzelpreis.toFixed(2);
if(Artikel.Scripttyp == 'view') {
document.getElementById("view_einzelpreis").innerHTML = number_format(kalkulierter_einzelpreis, 2, ",", ".")+".--";
if(kalkulierter_einzelpreis_original > 0 && JSON_Data.configMode == false) {
if(document.getElementById("view_rabatt")) {
if((kalkulierter_einzelpreis_original-kalkulierter_einzelpreis) > 0) {
if(document.getElementById("view_einzelpreis_original")) {
document.getElementById("view_einzelpreis_original").innerHTML = number_format(kalkulierter_einzelpreis_original, 2, ",", ".")+".--";
}
document.getElementById("view_rabatt").innerHTML = "- "+number_format((Rabatt), 2, ",", ".")+"% ";
document.getElementById("view_rabattpreis").innerHTML = " ("+number_format((kalkulierter_preis_between), 2, ",", ".")+".--) ";
}
else {
document.getElementById("view_rabattpreis").innerHTML = "";
document.getElementById("view_rabatt").innerHTML = "";
document.getElementById("view_einzelpreis_original").innerHTML = "";
}
}
}
if( document.getElementById("view_menge").value > 0 && document.getElementById("view_menge").value < 500 ) {
kalkulierter_gesamtpreis = kalkulierter_einzelpreis * document.getElementById("view_menge").value;
document.getElementById("view_gesamtpreis").innerHTML = number_format(kalkulierter_gesamtpreis, 2, ",", ".")+".--";
// document.getElementById("akt_gesamtpreis").innerHTML = number_format(kalkulierter_gesamtpreis, 2, ",", ".")+".--";
document.getElementById("input_gesamtpreis").value = kalkulierter_gesamtpreis.toFixed(2);
// document.getElementById("akt_menge").innerHTML = document.getElementById("view_menge").value;
document.getElementById("input_menge").value = document.getElementById("view_menge").value;
}
else {
document.getElementById("view_gesamtpreis").innerHTML = "---";
document.getElementById("input_gesamtpreis").value = "---";
document.getElementById("input_menge").value = 1;
}
}
},
errorcheck : function(key)
{
if(Artikel.Scripttyp == 'view') {
// key für einzelne Error Exeptions
if(key == "view_menge")
{
if( document.getElementById("view_menge").value > 0 && document.getElementById("view_menge").value < 500 ) {
document.getElementById("error_menge").style.border = "";
if (document.getElementById("submitbutton1") != null) {
document.getElementById("submitbutton1").disabled = false;
}
if (document.getElementById("submitbutton2") != null) {
document.getElementById("submitbutton2").disabled = false;
}
}
else {
document.getElementById("error_menge").style.border = "5px solid red";
if (document.getElementById("submitbutton1") != null) {
document.getElementById("submitbutton1").disabled = true;
}
if (document.getElementById("submitbutton2") != null) {
document.getElementById("submitbutton2").disabled = true;
}
}
}
}
}
};
/*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*
* Motivpager
*
*
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
*/
var Motivpager = {
init: function(pageclickednumber, typ, wert)
{
if(typ == "kategorie") {
if(wert > 0) {
if(document.getElementById("input_motivswitcher_typ")) {
document.getElementById("input_motivswitcher_typ").value = typ;
document.getElementById("input_motivswitcher_wert").value = wert;
json_url = 'getJSON.php?func=getMotivpager&page='+pageclickednumber+'&typ='+typ+'&wert='+wert+'';
}
}
}
else if(typ == "tag") {
if(wert) {
if(document.getElementById("input_motivswitcher_typ")) {
document.getElementById("input_motivswitcher_typ").value = typ;
document.getElementById("input_motivswitcher_wert").value = wert;
json_url = 'getJSON.php?func=getMotivpager&page='+pageclickednumber+'&typ='+typ+'&wert='+wert+'';
}
}
}
else if(typ == "owner") {
if(wert) {
if(document.getElementById("input_motivswitcher_typ")) {
document.getElementById("input_motivswitcher_typ").value = typ;
document.getElementById("input_motivswitcher_wert").value = wert;
json_url = 'getJSON.php?func=getMotivpager&page='+pageclickednumber+'&typ='+typ+'&wert='+wert+'';
}
}
else {
if(document.getElementById("input_motivswitcher_typ")) {
document.getElementById("input_motivswitcher_typ").value = typ;
//document.getElementById("input_motivswitcher_wert").value = wert;
json_url = 'getJSON.php?func=getMotivpager&page='+pageclickednumber+'&typ='+typ+'';
}
}
}
else if(typ == "partner") {
if(wert) {
if(document.getElementById("input_motivswitcher_typ")) {
document.getElementById("input_motivswitcher_typ").value = typ;
document.getElementById("input_motivswitcher_wert").value = wert;
json_url = 'getJSON.php?func=getMotivpager&page='+pageclickednumber+'&typ='+typ+'&wert='+wert+'';
}
}
}
if(json_url) {
$.ajax({
url: json_url,
type: 'GET',
dataType: 'json',
timeout: 5000,
global: 'false',
error: function(){
alert('Fehler. Es konnten keine weiteren Motive geladen werden');
},
success: this.showMotive
});
}
},
addhandler : function(id)
{
Motiv.switchMotiv(id);
Drucktechnik.getData('Artikel', id, '', '1', false, '0', '1', '', 'view', '1');
},
showMotive : function(data, textStatus)
{
JSON_Motivpager = data;
var motivcheck = false;
document.getElementById("motivpager_result").innerHTML = "";
if(JSON_Motivpager.Name) {
document.getElementById("motivpager_aktkat").innerHTML = ""+JSON_Motivpager.Name+"
";
}
//for(var item=0; item < JSON_Motivpager.motive.length; item++)
for (var item in JSON_Motivpager.motive)
{
motivcheck = true;
if(JSON_Motivpager.motive[item].ID)
{
var div = document.createElement("div");
div.setAttribute("id", "div_motivpager_"+JSON_Motivpager.motive[item].ID);
div.style.styleFloat = "left"; // IE
div.style.cssFloat = "left"; // Gecko
div.style.width = "74px";
div.style.height = "74px";
div.style.border = "1px solid #D1D3D4";
div.style.overflow = "hidden";
div.style.margin = "1px";
// Images
var img = document.createElement("img");
img.setAttribute("id", "img_motivpager_"+JSON_Motivpager.motive[item].ID);
img.setAttribute("src", JSON_Motivpager.motive[item].Bildpfad);
img.setAttribute("style", JSON_Motivpager.motive[item].style);
// img.myItem = item;
var a = document.createElement("a");
a.setAttribute("id", "a_motivpager_"+JSON_Motivpager.motive[item].ID+"");
a.setAttribute("href", "#ansicht");
if(a.attachEvent) {
if(JSON_Motivpager.motive[item].Typ == "Pixel") {
a.attachEvent("onclick", function(evt) {
Motiv.switchMotiv(JSON_Motivpager.motive[item].ID);
Drucktechnik.getData('Artikel', JSON_Motivpager.motive[item].ID, '', '4', false, '0', '1', '', 'view', '1');
return false;
});
}
else if(JSON_Motivpager.motive[item].Typ == "Vektor") {
/*
$("#a_motivpager_"+JSON_Motivpager.motive[item].ID).click(function() {
Motiv.switchMotiv(JSON_Motivpager.motive[item].ID);
Drucktechnik.getData('Artikel', JSON_Motivpager.motive[item].ID, '', '1', false, '0', '1', '', 'view', '1');
});
*/
// myElement.onclick = function() {
// var temp = new Function("addhandler('"+JSON_Motivpager.motive[item].ID+"')");
a.attachEvent("onclick", function() {
var temp = new Function("Motivpager.addhandler("+data.motive[0].ID+")");
temp();
return false;
});
/*
a.attachEvent("onclick", function(evt) {
Motiv.switchMotiv(JSON_Motivpager.motive[item].ID);
Drucktechnik.getData('Artikel', JSON_Motivpager.motive[item].ID, '', '1', false, '0', '1', '', 'view', '1');
});
*/
}
} else if(a.addEventListener) {
//var onclicktext;
if(JSON_Motivpager.motive[item].Typ == "Pixel") {
onclicktext = "Motiv.switchMotiv(\""+JSON_Motivpager.motive[item].ID+"\"); ";
if(document.getElementById("input_drucktechnik").value != '4') {
onclicktext += " Drucktechnik.getData('Artikel', \""+JSON_Motivpager.motive[item].ID+"\", '', '4', false, '1', '0', '', 'view', '1'); ";
}
onclicktext += " return false; ";
}
else if(JSON_Motivpager.motive[item].Typ == "Vektor") {
onclicktext = "Motiv.switchMotiv(\""+JSON_Motivpager.motive[item].ID+"\"); ";
if(document.getElementById("input_drucktechnik").value != '1') {
onclicktext += " Drucktechnik.getData('Artikel', \""+JSON_Motivpager.motive[item].ID+"\", '', '1', false, '1', '0', '', 'view', '1'); ";
}
onclicktext += " return false; ";
}
//if(onclicktext) {
a.setAttribute("onclick", onclicktext);
//}
}
a.appendChild(img);
div.appendChild(a);
document.getElementById("motivpager_result").appendChild(div);
}
}
if(motivcheck == false) {
var span = document.createElement("span");
span.style.styleFloat = "left"; // IE
span.style.cssFloat = "left"; // Gecko
span.style.width = "100%";
var txt = document.createTextNode(JSON_Motivpager.Message);
span.appendChild(txt);
document.getElementById("motivpager_result").appendChild(span);
}
}
};