Retour variable palette graphique

par **Truc** » 28 nov. 2005, 23:22

ça dépasse mes compétences (du moment

)
mais j'ai bien remarqué que tu essaie de retoucher du code js d'un éditeur wysiwyg, si tu veut juste une palette de couleurs regarde ces liens:
www.aidejavascript.com

www.editeurjavascript.com

par **griffon** » 28 nov. 2005, 22:22

En fait je te met le code:

Code : Tout sélectionner

function popup_color_picker(couleur) 
{ 
    var width = 400; 
    var height = 250; 
    window.open('color_picker.php?nbrcoul1='+couleur+'', 'cp', 'resizable=no, location=no, width=' 
                  +width+', height='+height+', menubar=no, status=yes, scrollbars=no, menubar=no'); 
}

en fait je pense qui faut changer la methode de recuperation

Code : Tout sélectionner

window.returnValue = color;

de la variable mais j'ai aucune idee de comment faire.

merci de votre aide.

par **Truc** » 28 nov. 2005, 22:07

et dans cette fonction il n'y a rien qui puisse correspondre a ceci

couleur = window.showModalDialog(...);

par **griffon** » 28 nov. 2005, 21:40

LA fonction qui manque permet juste d'ouvrir en popop le code de la palette graphique.

par **Truc** » 28 nov. 2005, 20:18

Salut, il me semble que ton code n'est pas complet, a quoi correspond la fonction "popup_color_picker()", ?

dans le code pr la palette tu as cette ligne:

window.returnValue = color;

qui normalement va avec une fenetre modale et qui retourne la couleur dans une variable, quelque chose de ce style:

couleur = window.showModalDialog(...);

je ne peut en dire plus.

par **Griffon** » 28 nov. 2005, 14:51

Bonjour

J'ai recupéré un script de pallette graphique je clic sur un bouton ca ouvre la palette et quand je clic sur une couleur ca la ferme et renvoie la couleur.

Mon probleme est que je n'arrive pas a recupperer laz variable couleur voici mes codes:

Page bouton:

Code : Tout sélectionner

<input type="button" name="color" onClick="popup_color_picker(<?php echo $i ?>);"  style="width:45px;height:15px;background-color:<? echo $color;?>;">

page ou il y a la palette graphique:

Code : Tout sélectionner

<!-- note: this version of the color picker is optimized for IE 5.5+ only -->

<html STYLE="width: 238px; height: 208px"><head><title>Select Color</title>
<script language="javascript">

function _CloseOnEsc() {
  if (event.keyCode == 27) { window.close(); return; }
}

function Init() {                                                       // run on page load
  document.body.onkeypress = _CloseOnEsc;

  color = window.dialogArguments;
  color = ValidateColor(color) || '000000';
  View(color);                                                          // set default color
}

function View(color) {                  // preview color
  document.all.ColorPreview.style.backgroundColor = '#' + color;
  document.all.ColorHex.value = '#' + color;
}

function Set(string) {                   // select color
  color = ValidateColor(string);
  if (color == null) { alert("Invalid color code: " + string); }        // invalid color
  else {                                                                // valid color
    View(color);                          // show selected color
    window.returnValue = color;           // set return value
    window.close();                       // close dialog
  }
}

function ValidateColor(string) {                // return valid color code
  string = string || '';
  string = string + "";
  string = string.toUpperCase();
  chars = '0123456789ABCDEF';
  out   = '';

  for (i=0; i<string.length; i++) {             // remove invalid color chars
    schar = string.charAt(i);
    if (chars.indexOf(schar) != -1) { out += schar; }
  }
    
  if (out.length != 6) { return null; }            // check length
  return out;
} 

</script>
<STYLE>
td   		    {font-family: MS Shell Dlg; font-size: 9pt;cursor: hand;}
</STYLE>
</head>
<body bgcolor="#000000" topmargin=0 leftmargin=0 onLoad="Init()">

<form method=get onSubmit="Set(document.all.ColorHex.value); return false;">
<table border=0 cellspacing=0 cellpadding=4 width=100%>

 <tr>
  <td bgcolor="buttonface" valign=center><div style="background-color: #000000; padding: 1; height: 21px; width: 50px"><div id="ColorPreview" style="height: 100%; width: 100%"></div></div></td>
  <td bgcolor="buttonface" valign=center><input type="text" name="ColorHex" value="" size=15 STYLE="border:1px; border-color: #909090; border-style: solid; font-size: 12px"></td>
  <td bgcolor="buttonface" width=100%></td>
 </tr>
</table>

<table bgcolor=0 cellspacing=1 cellpadding=0 style="cursor: hand;" onMouseOut="Init()"> 
<script language="JavaScript"> 
   <!--
   var x = new Array('00','33','66','99','CC','FF'); 
   var y = new Array('000000','333333','666666','999999','CCCCCC','FFFFFF','FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF');
   i=0; 
   for (d=0;d<2;d++) { 
     for (c=0;c<6;c++) { 
       document.write('<tr><td width=10 height=10></td><td title=#'+y[i]+' onClick=Set(\''+y[i]+'\') onMouseOver=View(\''+y[i]+'\') width=10 height=10 bgcolor=#'+y[i]+'></td><td width=10 height=10></td>'); 
       i++; 
       for (b=0;b<3;b++) { 
         for (a=0;a<6;a++) { 
           r=x[b+3*d]+x[a]+x[c]; 
           document.write('<td title=#'+r+' width=10 height=10 onClick=Set(\''+r+'\') onMouseOver=View(\''+r+'\') bgcolor=#'+r+'></td>'); 
         } 
       } 
       document.write('</tr>'); 
     } 
   } 
//-->
</script> 
</tr>
</table>


</form>
</body></html>

voila merci de votre aide.

@+++

Retour variable palette graphique

Répondre

Étendre la vue Revue du sujet : Retour variable palette graphique

Re: Retour variable palette graphique

Re: Retour variable palette graphique

Retour variable palette graphique