function loaded()
{
var selectPlaque = document.getElementsByName("type_plaque");
var diff = document.getElementById("diff");
var dep = document.getElementsByName("dep");
var texte_perso = document.getElementById("texte_perso");
var nbPlaque = document.getElementsByName("nb_plaque");
var quantite = document.getElementById("quantite");
var ajoutPanier = document.getElementById("ajout_panier");
var couleurPlaque = document.getElementById("couleur_plaque");
var dim = document.getElementById("dim");
var augm = document.getElementById("augm");
var immat1 = document.getElementById("immat1");
var immat2 = document.getElementById("immat2");
var immat3 = document.getElementById("immat3");
var immat4 = document.getElementById("immat4");
var immat5 = document.getElementById("immat5");
var immat6 = document.getElementById("immat6");
var numDep = document.getElementById("dep");
var numDep2 = document.getElementById("dep2");
var texte_tuning = document.getElementById("tuning");
var texte_perso = document.getElementById("texte_perso");
addEventManager(immat1, "focus", styleNoError);
addEventManager(immat2, "focus", styleNoError);
addEventManager(immat3, "focus", styleNoError);
addEventManager(immat4, "focus", styleNoError);
addEventManager(immat5, "focus", styleNoError);
addEventManager(immat6, "focus", styleNoError);
addEventManager(numDep, "focus", styleNoError);
addEventManager(numDep2, "focus", styleNoError);
addEventManager(texte_tuning, "focus", styleNoError);
//addEventManager(texte_perso,"focus", styleNoError);
for (var i=0; i< selectPlaque.length; i++)
addEventManager(selectPlaque[i], "click", select);
addEventManager(dim, "click", changeTaille);
addEventManager(augm, "click", changeTaille);
adresseFact();
addEventManager(diff, "click", adresseFact);
addEventManager(texte_perso, "focus", creerTexte);
for (var i=0; i< couleurPlaque.length; i++)
addEventManager(couleurPlaque, "change", changeColor);
for (var i=0; i < dep.length; i++)
addEventManager(dep[i], "click", clickOnDep);
gestionPanier(null);
addEventManager(quantite,"keyup", prix);
addEventManager(ajoutPanier,"click", savePlaque);
var zone_logo_1 = document.getElementById("div_zone_logo_1");
var zone_logo_2 = document.getElementById("div_zone_logo_2");
addEventManager(zone_logo_1, "click", themeLogo);
addEventManager(zone_logo_2, "click", themeLogo);
prix();
}
//------------------------------------------------------------------------------
function prix()
{
var prix=0.0;
var quantite = document.getElementById("quantite");
prix = returnPrix();
prix *= parseInt(Math.abs(quantite.value));
/* ajout + si icone */
if(document.getElementById('prix'))
document.getElementById('prix').innerHTML = '
PRIX : ' + parseFloat(prix).toFixed(2) + ' € ttc';
return prix;
}
function returnPrix()
{
var prix;
var selectPlaque = document.getElementsByName("type_plaque");
var typePlaque = 0;
var prixPlaque = {simple: 14.950000, perso: 16.950000, tuning: 21.950000}
if (selectPlaque[0].checked) // PLAQUE_SIMPLE
typePlaque = "simple";
if (selectPlaque[1].checked) //PLAQUE_PERSO
typePlaque = "perso";
if (selectPlaque[2].checked) // PLAQUE_TUNING
typePlaque = "tuning";
return typePlaque ? prixPlaque[typePlaque] : 0.0;
}
//------------------------------------------------------------------------------
function styleNoError(e)
{
e = e || window.event;
champ_immat = e.target || e.srcElement;
champ_immat.style.borderColor = '#aaa';
champ_immat.style.borderStyle = 'dotted';
}
//------------------------------------------------------------------------------
function select()
{
var div_plaque = document.getElementById("div_plaque");
var div_plaque_perso = document.getElementById("div_plaque_perso");
var div_plaque_tuning = document.getElementById("div_plaque_tuning");
var selectPlaque = document.getElementById("type_plaque");
var div_format_texte = document.getElementById("div_format_texte");
var div_format_tuning = document.getElementById("div_format_tuning");
var div_logo = document.getElementById("div_logo");
var div_theme_logo = document.getElementById("div_theme_logo");
var div_upload = document.getElementById("div_upload");
var quantite = document.getElementById("quantite");
var zone_logo_1 = document.getElementById("div_zone_logo_1");
var zone_logo_2 = document.getElementById("div_zone_logo_2");
var selectPlaque = document.getElementsByName("type_plaque");
if (selectPlaque[0].checked)
{
div_plaque.style.display = 'block';
div_plaque_perso.style.display = 'none';
div_plaque_tuning.style.display = 'none';
div_format_texte.style.display = 'none';
div_format_tuning.style.display = 'none';
div_logo.style.display = 'none';
div_theme_logo.style.display = 'none';
div_upload.style.display = 'none';
quantite.value=1;
}
if (selectPlaque[1].checked)
{
div_plaque.style.display = 'none';
div_plaque_perso.style.display = 'block';
div_plaque_tuning.style.display = 'none';
div_format_texte.style.display = 'none';
div_format_tuning.style.display = 'none';
div_logo.style.display = 'none';
div_theme_logo.style.display = 'none';
div_upload.style.display = 'none';
quantite.value = 1;
zone_logo_1.innerHTML = '';
zone_logo_2.innerHTML = '';
var logo_1 = document.getElementById("logo_1");
var logo_2 = document.getElementById("logo_2");
addEventManager(logo_1, "click", themeLogo);
addEventManager(logo_2, "click", themeLogo);
}
if (selectPlaque[2].checked)
{
div_plaque.style.display = 'none';
div_plaque_perso.style.display = 'none';
div_plaque_tuning.style.display = 'block';
div_format_texte.style.display = 'none';
div_format_tuning.style.display = 'block';
div_logo.style.display = 'none';
div_theme_logo.style.display = 'none';
div_upload.style.display = 'none';
quantite.value = 1;
afficheListePolice();
changePolice();
var police_plaque = document.getElementById("police_plaque");
addEventManager(police_plaque,"change", changePolice);
}
prix();
}
//------------------------------------------------------------------------------
function adresseFact()
{
var div_addr_fact = document.getElementById("div_addr_fact");
var diff = document.getElementById("diff");
if (diff.checked)
div_addr_fact.style.display ='block';
else
div_addr_fact.style.display = 'none';
}
//------------------------------------------------------------------------------
function creerTexte(e)
{
e = e || window.event;
var texte_perso = e.target || e.srcElement;
var selectPlaque = document.getElementsByName("type_plaque");
var div_format_texte = document.getElementById("div_format_texte");
var div_logo = document.getElementById("div_logo");
var div_theme_logo = document.getElementById("div_theme_logo");
var div_upload = document.getElementById("div_upload");
div_logo.style.display = 'none';
div_theme_logo.style.display = 'none';
div_upload.style.display = 'none';
var style = document.getElementById("style");
var police = document.getElementById("police");
if (texte_perso.value == 'Tapez votre texte ici !')
texte_perso.value='';
if (selectPlaque[1].checked)
{
div_format_texte.style.display = 'block';
addEventManager(style,"change",fontStyle);
addEventManager(police,"change",fontPolice);
}
else
div_format_texte.style.display = 'none';
}
//------------------------------------------------------------------------------
function fontStyle(e)
{
var texte_perso = document.getElementById("texte_perso");
e = e || window.event;
var style = e.target || e.srcElement;
switch (style.value)
{
case "Normal":
texte_perso.style.fontStyle = "normal";
texte_perso.style.fontWeight = "normal";
break;
case "Gras":
texte_perso.style.fontWeight = "bold";
texte_perso.style.fontStyle = "normal";
break;
case "Italique":
texte_perso.style.fontStyle = "italic";
texte_perso.style.fontWeight = "normal";
break;
case "Gras/Italique":
texte_perso.style.fontStyle = "italic";
texte_perso.style.fontWeight = "bold";
break;
default:
texte_perso.style.fontStyle = "normal";
texte_perso.style.fontWeight = "normal";
}
}
function fontPolice(e)
{
var texte_perso = document.getElementById("texte_perso");
e = e || window.event;
var police = e.target || e.srcElement;
texte_perso.style.fontFamily = police.value;
switch (police.value)
{
case "Arial":
texte_perso.style.fontFamily = "arial";
break;
case "Courier New":
texte_perso.style.fontFamily = "courier new";
break;
case "Times New Roman":
texte_perso.style.fontFamily = "Times New Roman";
break;
case "Georgia":
texte_perso.style.fontFamily = "Georgia";
break;
case "Tahoma":
texte_perso.style.fontFamily = "Tahoma";
break;
case "Verdana":
texte_perso.style.fontFamily = "Verdana";
break;
case "Comic Sans MS":
texte_perso.style.fontFamily = "Comic Sans MS";
break;
case "Lucida Sans Unicode":
texte_perso.style.fontFamily = "Lucida Sans Unicode";
break;
}
}
//------------------------------------------------------------------------------
function changeColor(e)
{
e = e || window.event;
var couleur = e.target || e.srcElement;
var plaque_tuning = document.getElementById("div_plaque_tuning");
var input_tuning = document.getElementById("tuning");
var couleur_texte = document.getElementById("couleur_texte");
if (couleur.value == 'white' && couleur_texte.value =='#fff')
{
input_tuning.style.color = 'black';
couleur_texte.selectedIndex = 0;
}
else if (couleur.value == 'black' && couleur_texte.value =='#000')
{
input_tuning.style.color = 'white';
couleur_texte.selectedIndex = 1;
}
input_tuning.style.backgroundColor = couleur.value;
plaque_tuning.style.backgroundColor = couleur.value;
}
//------------------------------------------------------------------------------
function themeLogo()
{
var div_theme_logo = document.getElementById("div_theme_logo");
var div_format_texte = document.getElementById("div_format_texte");
var div_upload = document.getElementById("div_upload");
div_format_texte.style.display = "none";
div_theme_logo.style.display="block";
div_upload.style.display = "block";
afficheListeTheme();
var select_theme = document.getElementById("theme_logo");
ajoutLogo(select_theme);
addEventManager(select_theme, "change", ajoutLogo );
}
function afficheListePolice()
{
var select_police = document.getElementById("div_select_police");
var image_police = document.getElementById("image_police");
var xhr = createXHRObject();
if (xhr)
{
xhr.open("post", "../ajax/scanpolice.php",false);
xhr.send(null);
select_police.innerHTML = xhr.responseText;
var police_plaque = document.getElementsByName("police_plaque");
image_police.innerHTML = '';
}
else
window.alert("Impossible d'utiliser AJAX !");
}
function changePolice()
{
var image_police = document.getElementById("image_police");
var police_plaque = document.getElementById("police_plaque");
var link = document.createElement('link');
var input_tuning = document.getElementById("tuning");
var links = document.getElementsByTagName("link");
for (var i=0; i < links.length; i++)
{
if (links[i].getAttribute("title") == 'police')
{
document.getElementsByTagName("head")[0].removeChild(links[i]);
break;
}
}
link.setAttribute('rel', 'stylesheet');
link.setAttribute('charset','utf-8');
link.setAttribute('title','police');
link.setAttribute('href', '../css/' + police_plaque.value +'.css');
document.getElementsByTagName('head')[0].appendChild(link);
// ajoute la feuille CSS correspondant à la police choisie
input_tuning.style.textAlign="center";
image_police.innerHTML = '';
}
function changeTaille(e)
{
e = e || window.event;
var taille = e.target || e.srcElement;
var input_tuning = document.getElementById("tuning");
var tailleMin = 50;
var tailleMax = 200;
if (taille.id == "dim")
{
if(input_tuning.style.fontSize)
var s = parseInt(input_tuning.style.fontSize.replace("px",""));
else
var s = 140;
if(s>tailleMin)
s -= 5;
}
if (taille.id == "augm")
{
if(input_tuning.style.fontSize)
var s = parseInt(input_tuning.style.fontSize.replace("px",""));
else
var s = 140;
if(s