');
}
}
// définit le champ utilisé en var globale
var e=null;
// appellé en direct html quand survol sur la palette
function mouseOverColor(a) {
document.getElementById("cs" + e).style.backgroundColor = "#" + a;
}
// appellé en direct html quand clic dans la palette
function selectColor(a) {
if(e != null) {
setColor(e,a,true,true);
document.getElementById("cf" + e).focus();
}
hidePicker();
}
// appelé uniquement sur le .js
// sur selectColor et nuancierGo
function hidePicker() {
e = null;
document.getElementById("nuancier").style.display="none";
}
// Fonction issue de l'application Google AdSense
// voir : https://www.google.com/adsense/
// appellé une fois dans la fonction suivante
function getLeftOffset(a) { return a==document.body?0:a.offsetLeft+getLeftOffset(a.offsetParent); }
function getTopOffset(a) { return a==document.body?0:a.offsetTop+getTopOffset(a.offsetParent); }
// Fonction issue de l'application Google AdSense
// voir : https://www.google.com/adsense/
// appellé en direct html quand clic sur le span
function nuancierGo(a,b) {
var c=b?b:document.getElementById("cs" + a);
e=a;
coord_x = getLeftOffset(c)+25;
coord_y = getTopOffset(c);
if(coord_x < 0) { coord_x = 0; } else if(coord_x + 290 > document.body.offsetWidth) { coord_x = document.body.offsetWidth - 320; coord_y = coord_y + 25; }
document.getElementById("nuancier").style.top = coord_y + "px";
document.getElementById("nuancier").style.left = coord_x + "px";
document.getElementById("nuancier").style.display = "block";
document.onmouseup = hidePicker;
}
// ------------------------------------------------
// ------------------------------------------------
// fonctions sans lien direct avec le nuancier
// validation des couleurs
function couleurOK(a) {
if(a == null) { return false; }
if(a.charAt(0) == "#") { a = a.substring(1); }
return a.match("[0-9a-fA-F]{6}");
}
// appellé en direct html et sur le .js
function setColor(a,b,c,d) {
if(couleurOK(b)) {
e=a;
document.getElementById("cs" + a).style.backgroundColor = "#" + b;
if(c) { document.getElementById("cf" + a).value = b; }
makeUpdateCode();
}
else if(!d && b.length == 6) {
alert("La couleur \"" + b + "\" n'est pas valide...\n\nVous pouvez utiliser le nuancier pour vous aider.");
document.getElementById("cf" + a).value = '';
document.getElementById("cf" + a).focus;
}
}
// appellé en direct html et sur le .js
function makeUpdateCode() {
valueUpdateVariable = "";
// Type
if(document.getElementById('type1').checked) { valueUpdateVariable += ' _123sudoku_type = "sudoku";\n'; }
else if(document.getElementById('type2').checked) { valueUpdateVariable += ' _123sudoku_type = "kakuro";\n'; }
else { valueUpdateVariable += ' _123sudoku_type = "mixte";\n'; }
// Col fond
valueUpdateVariable += ' _123sudoku_couleur_fond = "' + document.getElementById('cfcol_fond').value + '";\n';
// Col grille
valueUpdateVariable += ' _123sudoku_couleur_grille = "' + document.getElementById('cfcol_grille').value + '";\n';
// Col texte
valueUpdateVariable += ' _123sudoku_couleur_texte = "' + document.getElementById('cfcol_texte').value + '";\n';
// Col boutons
valueUpdateVariable += ' _123sudoku_couleur_boutons = "' + document.getElementById('cfcol_boutons').value + '";\n';
// Niveau
valueUpdateVariable += ' _123sudoku_niveau = "' + document.getElementById('niveau').value + '";\n';
// Interactif
if(document.getElementById('inter2').checked) { valueUpdateVariable += ' _123sudoku_interactif = "0";\n'; }
else { valueUpdateVariable += ' _123sudoku_interactif = "1";\n'; }
// Version
valueUpdateVariable += ' _123sudoku_version = "1";\n';
// Design
valueUpdateVariable += ' _123sudoku_design = "1";\n';
// Taille
valueUpdateVariable += ' _123sudoku_taille = "2";\n';
// ID grille
valueUpdateVariable += ' _123sudoku_id_grille = "0";\n';
// finalisation
valueUpdate = 'Pas de javascript, pas de grille...
Jouez avec 123sudoku.net au\n';
valueUpdate += 'Sudoku et au\n';
valueUpdate += 'Kakuro.