Palette : Clickez ci-dessous pour sélectionez votre choix :ce qui va nous permettre d'y accéder facilement avec un simple document.getElementById('nom_id')
printColorTable( "macol_en", "secol_en");on verra après ou la mettre
//----------------------------------------- function printColorTable( idmacol, idsecol){ // corps de la fonction }
document.write('onmouseover="return cellOnOver('+counter+')" onClick="return cellOnClick('+counter+')"> ');elle devient
document.write('onmouseover="return cellOnOver(\'' +idmacol +'\',' +counter+')" onclick="return cellOnClick(\'' +idsecol +'\',' +counter+')"> ');comme cela on passe en paramètre idmacol et idsecol aux fonctions appelées sur les événements
//---------------------------- function cellOnOver(id, index){ // ajout du parametre id describe1( id, namedColors[index]); // transmet le parametre a l'autre fonction return false; }et pour la fonction describe1
//----------------------------- function describe1( id, aColor){ // ajout du parametre id if (aColor != blankColor) { //-- recup element INPUT var oInput = document.getElementById( id); //-- affectation valeur oInput.value = aColor.hex; } else { self.status = ''; } }D'ailleurs pourquoi 2 fonctions et pas une seule ici, cela serait suffisant, mais bon.
Palette : Clickez ci-dessous pour sélectionez votre choix : <script type="text/javascript"> printColorTable( 'macol_en' ,'secol_en'); </script>
<script type="text/javascript" src="test_js.js"></script>
<script type="text/javascript"> var macouleur="macol"; </script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>...</title> </head> #000020, #000080, #0000ff, ---- #002000, #008000, #00ff00, ---- #200000, #800000, #ff0000 <script type="text/javascript"> var oTable = document.getElementById('T_COLOR'); var oCell = oTable.getElementsByTagName('td'); for( var i 0, nb oCell.length; i <nb; i++){ oCell[i].onmouseover = function(){ document.getElementById('I_COLOR').value = this.innerHTML; } } </script> </html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre questionfunction Color(aStr, aHex) { this.str = aStr; this.hex = aHex; } var columns = 16; var imgWidth 6, imgHeight 6; var blankColor = new Color('', ''); var namedColors = new Array( new Color('#000000', '000000'), new Color('#505050', '505050'), new Color('#606060', '606060'), new Color('#707070', '707070'), new Color('#E0E0E0', 'E0E0E0'), new Color('#F0F0F0', 'F0F0F0'), new Color('#FFFFFF', 'FFFFFF'), new Color('#D00000', 'D00000'), new Color('#FFFF50', 'FFFF50'), new Color('#FFFF70', 'FFFF70'), new Color('#FFFF90', 'FFFF90'), new Color('#FFFFB0', 'FFFFB0'), new Color('#FFFFD0', 'FFFFD0'), new Color('#FFFFF0', 'FFFFF0'), ); function describe1(aColor) { if (aColor != blankColor) { this.document.form3.macouleur.value=aColor.hex; } else { self.status = ''; } } function describe2(aColor) { if (aColor != blankColor) { this.document.form3.secouleur.value=aColor.hex; } else { self.status = ''; } } function cellOnOver(index) { describe1(namedColors[index]); return false; } function cellOnClick(index) { describe2(namedColors[index]); return false; } function printColorTable() { var counter = 0; var tdln = counter; document.writeln(''); document.writeln('<TABLE>'); while (counter < namedColors.length) { if (tdln == 0) { document.writeln('---- '); } document.write(', '); document.write(' '); document.write(' '); document.write(''); document.write('</TD>'); if (tdln == (columns-1)) { document.writeln(''); tdln=0;} else tdln++; counter++; } document.writeln(' '); document.writeln('</td></tr></TABLE>'); } printColorTable();
this.document.form3.macouleur.value= aColor.hex;
<form id ="form" name="form3" action="test.php" method="post" enctype="multipart/form-data"> <label for="couleur_amz">Couleur :</label> Palette : <!-- ne sert à RIEN <script type="text/javascript">var macouleur="macol";</script> --> <script type="text/javascript" src="test_js.js"></script> </form>
var namedColors = new Array( new Color('#FFFFD0', 'FFFFD0'), new Color('#FFFFF0', 'FFFFF0'), // ICI virgule de fin en trop );
<form id="form" name="form3" action="test.php" method="post" enctype="multipart/form-data"> <fieldset id="nom_fr"> <legend> <label for="checkbox"> Nom Français</label> </legend> <label for="police_fr">Police :</label> <SELECT name=police_fr> <OPTION value="Arial, Helvetica, sans-serif">Arial, Helvetica, sans-serif <OPTION value="Times New Roman, Times, serif">Times New Roman, Times, serif <OPTION value="Courier New, Courier, mono">Courier New, Courier, mono <OPTION value="Verdana, Arial, Helvetica, sans-serif">Verdana, Arial, Helvetica, sans-serif <OPTION value="Geneva, Arial, Helvetica, san-serif">Geneva, Arial, Helvetica, san-serif <OPTION value="Comic Sans MS">Comic Sans MS <OPTION selected value=aucun>Par défault</OPTION> </SELECT> <label for="taille_fr">Taille de la police :</label> <SELECT name=taille> <OPTION selected value=8>8 <OPTION value=10>10 <OPTION value=12>12 </OPTION> </SELECT> <label for="couleur_fr">Couleur :</label> Palette : Clickez ci-dessous pour sélectionez votre choix : <script type="text/javascript"> var macouleur="macol_fr", secouleur="secol_fr"; </script> <script language="JavaScript" src="test_js.js"></script> </fieldset> <fieldset id="nom_ar"> <legend> <label for="checkbox_ar"> Nom Arabe</label> </legend> <label for="police_ar">Police :</label> <SELECT name=police_fr> <OPTION value="Arial, Helvetica, sans-serif">Arial, Helvetica, sans-serif <OPTION value="Times New Roman, Times, serif">Times New Roman, Times, serif <OPTION value="Courier New, Courier, mono">Courier New, Courier, mono <OPTION value="Verdana, Arial, Helvetica, sans-serif">Verdana, Arial, Helvetica, sans-serif <OPTION value="Geneva, Arial, Helvetica, san-serif">Geneva, Arial, Helvetica, san-serif <OPTION value="Comic Sans MS">Comic Sans MS <OPTION selected value=aucun>Par défault</OPTION> </SELECT> <label for="taille_ar">Taille de la police :</label> <SELECT name=taille> <OPTION selected value=8>8 <OPTION value=10>10 <OPTION value=12>12 </OPTION> </SELECT> <label for="couleur_ar">Couleur :</label> Palette : Clickez ci-dessous pour sélectionez votre choix : <script type="text/javascript"> var macouleur="macol_ar", secouleur="secol_ar"; </script> <script language="JavaScript" src="test_js.js"></script> </fieldset> <fieldset id="nom_en"> <legend> <label for="checkbox_en"> Nom Anglais</label> </legend> <label for="police_en">Police :</label> <SELECT name=police_en> <OPTION value="Arial, Helvetica, sans-serif">Arial, Helvetica, sans-serif <OPTION value="Times New Roman, Times, serif">Times New Roman, Times, serif <OPTION value="Courier New, Courier, mono">Courier New, Courier, mono <OPTION value="Verdana, Arial, Helvetica, sans-serif">Verdana, Arial, Helvetica, sans-serif <OPTION value="Geneva, Arial, Helvetica, san-serif">Geneva, Arial, Helvetica, san-serif <OPTION value="Comic Sans MS">Comic Sans MS <OPTION selected value=aucun>Par défault</OPTION> </SELECT> <label for="taille_en">Taille de la police :</label> <SELECT name=taille> <OPTION selected value=8>8 <OPTION value=10>10 <OPTION value=12>12 </OPTION> </SELECT> <label for="couleur_en">Couleur :</label> Palette : Clickez ci-dessous pour sélectionez votre choix : <script type="text/javascript"> var macouleur="macol_en", secouleur="secol_en"; </script> <script language="JavaScript" src="test_js.js"></script> </fieldset> </form>