OnClick ne fonctionne pas avec firefox

Question

Salut, J'ai un petit souci dont je n'ai pas trouvé de réponse. En fait j'utilise le code suivant pour ouvrir une palette de couleur et ainsi remplir un champ de formulaire en fonction du choix de l'utilisateur. Voici le code : Bien que tous se passe bien avec Internet Explorer, rien ne se passe sous Firefox ni Opera ! Voici le code de la palette : // fonction pour le cas d'appui sur la touche entrée function testsubmit() { if (document.formulaire.action=="") return false; return true ; } //fonction pour choisir l'action function gopage(page) { document.formulaire.action = page; document.formulaire.submit(); } var CPArray = new Array(); var CP_NAMED = [ ["#FF0000", "red"], ["#FFFF00", "yellow"], ["#00FF00", "lime"], ["#00FFFF", "cyan"], ["#0000FF", "blue"], ["#FF00FF", "magenta"], ["#FFFFFF", "white"], ["#F5F5F5", "whitesmoke"], ["#DCDCDC", "gainsboro"], ["#D3D3D3", "lightgrey"], ["#C0C0C0", "silver"], ["#A9A9A9", "darkgray"], ["#808080", "gray"], ["#696969", "dimgray"], ["#000000", "black"], ["#2F4F4F", "darkslategray"], ["#708090", "slategray"], ["#778899", "lightslategray"], ["#4682B4", "steelblue"], ["#4169E1", "royalblue"], ["#6495ED", "cornflowerblue"], ["#B0C4DE", "lightsteelblue"], ["#7B68EE", "mediumslateblue"], ["#6A5ACD", "slateblue"], ["#483D8B", "darkslateblue"], ["#191970", "midnightblue"], ["#000080", "navy"], ["#00008B", "darkblue"], ["#0000CD", "mediumblue"], ["#1E90FF", "dodgerblue"], ["#00BFFF", "deepskyblue"], ["#87CEFA", "lightskyblue"], ["#87CEEB", "skyblue"], ["#ADD8E6", "lightblue"], ["#B0E0E6", "powderblue"], ["#F0FFFF", "azure"], ["#E0FFFF", "lightcyan"], ["#AFEEEE", "paleturquoise"], ["#48D1CC", "mediumturquoise"], ["#20B2AA", "lightseagreen"], ["#008B8B", "darkcyan"], ["#008080", "teal"], ["#5F9EA0", "cadetblue"], ["#00CED1", "darkturquoise"], ["#00FFFF", "aqua"], ["#40E0D0", "turquoise"], ["#7FFFD4", "aquamarine"], ["#66CDAA", "mediumaquamarine"], ["#8FBC8F", "darkseagreen"], ["#3CB371", "mediumseagreen"], ["#2E8B57", "seagreen"], ["#006400", "darkgreen"], ["#008000", "green"], ["#228B22", "forestgreen"], ["#32CD32", "limegreen"], ["#00FF00", "lime"], ["#7FFF00", "chartreuse"], ["#7CFC00", "lawngreen"], ["#ADFF2F", "greenyellow"], ["#98FB98", "palegreen"], ["#90EE90", "lightgreen"], ["#00FF7F", "springgreen"], ["#00FA9A", "mediumspringgreen"], ["#556B2F", "darkolivegreen"], ["#6B8E23", "olivedrab"], ["#808000", "olive"], ["#BDB76B", "darkkhaki"], ["#B8860B", "darkgoldenrod"], ["#DAA520", "goldenrod"], ["#FFD700", "gold"], ["#F0E68C", "khaki"], ["#EEE8AA", "palegoldenrod"], ["#FFEBCD", "blanchedalmond"], ["#FFE4B5", "moccasin"], ["#F5DEB3", "wheat"], ["#FFDEAD", "navajowhite"], ["#DEB887", "burlywood"], ["#D2B48C", "tan"], ["#BC8F8F", "rosybrown"], ["#A0522D", "sienna"], ["#8B4513", "saddlebrown"], ["#D2691E", "chocolate"], ["#CD853F", "peru"], ["#F4A460", "sandybrown"], ["#8B0000", "darkred"], ["#800000", "maroon"], ["#A52A2A", "brown"], ["#B22222", "firebrick"], ["#CD5C5C", "indianred"], ["#F08080", "lightcoral"], ["#FA8072", "salmon"], ["#E9967A", "darksalmon"], ["#FFA07A", "lightsalmon"], ["#FF7F50", "coral"], ["#FF6347", "tomato"], ["#FF8C00", "darkorange"], ["#FFA500", "orange"], ["#FF4500", "orangered"], ["#DC143C", "crimson"], ["#FF0000", "red"], ["#FF1493", "deeppink"], ["#FF00FF", "fuchsia"], ["#FF69B4", "hotpink"], ["#FFB6C1", "lightpink"], ["#FFC0CB", "pink"], ["#DB7093", "palevioletred"], ["#C71585", "mediumvioletred"], ["#800080", "purple"], ["#8B008B", "darkmagenta"], ["#9370DB", "mediumpurple"], ["#8A2BE2", "blueviolet"], ["#4B0082", "indigo"], ["#9400D3", "darkviolet"], ["#9932CC", "darkorchid"], ["#BA55D3", "mediumorchid"], ["#DA70D6", "orchid"], ["#EE82EE", "violet"], ["#DDA0DD", "plum"], ["#D8BFD8", "thistle"], ["#E6E6FA", "lavender"], ["#F8F8FF", "ghostwhite"], ["#F0F8FF", "aliceblue"], ["#F5FFFA", "mintcream"], ["#F0FFF0", "honeydew"], ["#FAFAD2", "lightgoldenrodyellow"], ["#FFFACD", "lemonchiffon"], ["#FFF8DC", "cornsilk"], ["#FFFFE0", "lightyellow"], ["#FFFFF0", "ivory"], ["#FFFAF0", "floralwhite"], ["#FAF0E6", "linen"], ["#FDF5E6", "oldlace"], ["#FAEBD7", "antiquewhite"], ["#FFE4C4", "bisque"], ["#FFDAB9", "peachpuff"], ["#FFEFD5", "papayawhip"], ["#FFF5EE", "seashell"], ["#FFF0F5", "lavenderblush"], ["#FFE4E1", "mistyrose"], ["#FFFAFA", "snow"] ]; function Color_Picker(inDIV) { this.uID = document.uniqueID; CPArray[this.uID] = this; this.which = null; this.oPopup = window.createPopup(); this.GetMenuColors = function() { var str = "", i = 0, j = 0, k = 0, tdDisp = 0, totDisp = 0, fDisp = 0, aHex; str += "

"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; for (i = 0; i < CP_NAMED.length; i++) { if (i % 16 == 0 && i != 0) { str += ""; str += ""; tdDisp = 0; } str += ""; tdDisp++; totDisp++; }; for (i = tdDisp; i < 16; i++) { str += ""; totDisp++; }; str += ""; str += ""; fDisp = totDisp; for (i = totDisp; i < (16 * 16); i++) { if (i % 16 == 0 && i != fDisp) { str += ""; str += ""; } str += ""; }; str += ""; str += "

"; str += "Nommé - "; str += "Échelle de gris - "; str += "Sécurité"; str += "


Aucune
" + String.fromCharCode(160) + "	" + String.fromCharCode(160) + "
" + String.fromCharCode(160) + "

"; aHex = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"); str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; for (i = 0; i < aHex.length; i++) { for (j = 0; j < aHex.length; j++) { str += ""; }; if (i < aHex.length - 1) { str += ""; str += ""; } }; str += ""; str += "

"; str += "Nommé - "; str += "Échelle de gris - "; str += "Sécurité"; str += "

Aucune

" + String.fromCharCode(160) + "

"; aHex = new Array("00","33","66","99","CC","FF"); tdDisp = 0; totDisp = 0; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; for (i = 0; i < aHex.length; i++) { for (j = 0; j < aHex.length; j++) { for (k = 0; k < aHex.length; k++) { if (totDisp % 16 == 0 && totDisp != 0) { str += ""; str += ""; tdDisp = 0; } str += ""; tdDisp++; totDisp++; }; }; }; for (i = tdDisp; i < 16; i++) { str += ""; totDisp++; }; str += ""; str += ""; fDisp = totDisp; for (i = totDisp; i < (16 * 16); i++) { if (i % 16 == 0 && i != fDisp) { str += ""; str += ""; } str += ""; }; str += ""; str += "

"; str += "Nommé - "; str += "Échelle de gris - "; str += "Sécurité"; str += "


Aucune
" + String.fromCharCode(160) + "	" + String.fromCharCode(160) + "
" + String.fromCharCode(160) + "

"; str += "

"; return str; }; this.ToggleColor = function( inCOLORON, inCOLOROFF, inCOLOROFF_2 ) { inCOLORON.style.display = ""; inCOLOROFF.style.display = "none"; inCOLOROFF_2.style.display = "none"; }; this.ShowColor = function( inTDC, inTDT, inTD, inTXT) { var str = ""; if (inTXT != "") { inTDT.innerHTML = inTD.style.backgroundColor.toUpperCase() + " " + inTXT; } else { inTDT.innerHTML = inTD.style.backgroundColor.toUpperCase().replace("BUTTONFACE", ""); } inTDC.style.backgroundColor = inTD.style.backgroundColor; }; this.DoColor = function( inCOLOR ) { document.all[this.which].value = inCOLOR; this.which = null; this.open = null; this.oPopup.hide(); // permet de changer la couleur du texte dans le tableau exemple document.getElementById('exemple').style.color=document.getElementsByName('color')[0].value; }; this.Show = function( inFORM, inPOS ) { this.which = inFORM; this.open = inPOS; this.ShowMenu('ColorMenu_' + this.uID, 240, 320); }; this.ShowMenu = function( inMENU, inW, inH) { var oPopBody = this.oPopup.document.body; var HTMLContent = eval(inMENU).innerHTML; oPopBody.innerHTML = HTMLContent; oPopBody.onselectstart = function() {return false;}; oPopBody.ondragstart = function() {return false;}; oPopBody.oncontextmenu = function() {return false;}; if (this.open == "center") { var leftPos = (screen.availWidth - inW) / 2; var topPos = (screen.availHeight - inH) / 2; this.oPopup.show(leftPos, topPos, inW, inH, document.body); } else if (this.open == "bottom") { var lefter = event.clientX; var leftoff = event.offsetX; var topper = event.clientY; var topoff = event.offsetY; this.oPopup.show(lefter - leftoff - 2, topper - topoff + 22, inW, inH, document.body); } else if (this.open == "right") { var lefter = event.clientX; var leftoff = event.offsetX; var topper = event.clientY; var topoff = event.offsetY; this.oPopup.show(lefter - leftoff + 22, topper - topoff - 2, inW, inH, document.body); } return false; }; this.Init = function() { var str = document.getElementById(inDIV).innerHTML; str += this.GetMenuColors(); document.getElementById(inDIV).innerHTML = str; }; this.Init(); };

Rodrigo · Answer

Tu peux utiliser jquery pour faire ça: www.jquery.com D'abord, ajoute un ID à la image dans

OnClick ne fonctionne pas avec firefox

1 réponse

Votre réponse

Discussions similaires

Newsletters