1 programme pour bien choisir les couleurs

TOTO ARC EN CIEL -
jjsteing Messages postés 1803 Statut Contributeur - 12 juil. 2009 à 21:20

Bonjour,

Je croyais être venu à bout d'un petit logiciel en javascript de réalisation automatique de jeux couleurs et là je sèche complètement car après quelques modifs ça ne marche ni sur IE, ni sur FF. Quelqu'un peut m'aider ?

ci dessous le code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<TITLE>C O U L E U R S</TITLE>

<script language="javascript">

function go() {
var tei = document.choix.teinte.value ;
var angl = document.choix.delta.value ;

for (i=1 ; i<7 ; i++) {

var ident = document.getElementById(i) ;

if (i=1) { var te = tei; } ;
else if (i=2) { var te = tei + angl ; if ( te > 360 ) {var te = tei + angl - 360 ; } ; } ;
else if (i=3) { var te = tei - angl ; if ( te < 0 ) {var te = tei - angl + 360 ; } ; } ;
else if (i=4) { var te = tei + 180 ; if ( te > 360 ) {var te = tei + 180 - 360 ; } ; } ;
else if (i=5) { var te = tei + angl + 180 ; if ( te > 360 ) {var te = tei + angl + 180 - 360 ; } ; } ;
else if (i=6) { var te = tei - angl + 180 ; if ( te > 360 ) {var te = tei - angl + 180 - 360 ; } ; } ;

var t = te * 255 / 60 ;

if (te < 60) {
var r = 255 ;
var v = t ;
var b = 0 ;
} ;

else if (te >= 60 && te < 120) {
var r = - t + 510 ;
var v = 255 ;
var b = 0 ;
} ;

else if (te >= 120 && te < 180) {
var r = 0 ;
var v = 255 ;
var b = t - 510 ;
} ;

else if (te >= 180 && te < 240) {
var r = 0 ;
var v = - t + 1020 ;
var b = 255 ;
} ;

else if (te >= 240 && te < 300) {
var r = t - 1020 ;
var v = 0 ;
var b = 255 ;
} ;

else if (te >= 300) {
var r = 255 ;
var v = 0 ;
var b = - t + 1530 ;
} ;

ident.style.backgroundColor = "rgb(" + r + "," + v + "," + b + ")" ; } ; }

</script>

</HEAD>
<BODY style="BACKGROUND-COLOR :#2E2E2E;text-align: left">
<TABLE style="WIDTH: 100%; HEIGHT: 100%" border=0 cellSpacing=0 cellPadding=0>
<TR>
<TD style="vertical-align: middle;">

<div style="padding-left:50px; WIDTH: 1400px; HEIGHT: 660px;">

<div style="WIDTH: 900px; HEIGHT: 100%;position:relative;float:left">

<div id="2" style=";BACKGROUND-COLOR :rgb(255, 191, 0); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="1" style=";BACKGROUND-COLOR :rgb(255, 127, 0); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="3" style=";BACKGROUND-COLOR :rgb(255, 63, 0); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="5" style=";BACKGROUND-COLOR :rgb(0, 63, 255); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="4" style=";BACKGROUND-COLOR :rgb(0, 127, 255); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="6" style=";BACKGROUND-COLOR :rgb(0, 191, 255); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>

</div>

<div style="position:relative;float:left; padding:50PX;">
<form name="choix" style="COLOR :#FFF;font-family: papyrus ; font-size: 20PX;">
T (entre 0 et 360°) <input type="text" name="teinte" size="3"><BR><BR>Delta (entre 0 et 90°) <input type="text" name="delta" size="3"><BR><BR>
<input type="button" value="go" OnClick="go();">
</form>
</div>

</div>

</TD></TR></TABLE>
</BODY></HTML>

Afficher la suite

A voir également:

1 programme pour bien choisir les couleurs
Programme demarrage windows - Guide
Programme word gratuit - Guide
Programme bonjour ✓ - Forum Windows
Message programmé - Guide
A quoi sert l'application Bonjour? - Forum Windows

4 réponses

Réponse 1 / 4

jjsteing Messages postés 1803 Statut Contributeur 181

2 ptites choses.... dans firefox il y a la console d erreur... tres utile pour voir ce qui va pas... et il faut pas que tu mette des ';' partout...

voici ton code modifier...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<TITLE>C O U L E U R S</TITLE>

<script language="javascript">

function go() {
var tei = document.choix.teinte.value ;
var angl = document.choix.delta.value ;

for (i=1 ; i<7 ; i++) {

var ident = document.getElementById(i) ;
switch (i)
{
case 1: { var te = tei; break }
case 2: { var te = tei + angl ;
if ( te > 360 ) {var te = tei + angl - 360 ;}; break }
case 3: { var te = tei - angl ;
if ( te < 0 ) {var te = tei - angl + 360 ; } break;}
case 4: { var te = tei + 180 ;
if ( te > 360 ) {var te = tei + 180 - 360 ; }break;}
case 5: { var te = tei + angl + 180 ;
if ( te > 360 ) {var te = tei + angl + 180 - 360 ; } break;}
case 6: { var te = tei - angl + 180 ;
if ( te > 360 ) {var te = tei - angl + 180 - 360 ; }break;}
}

var t = te * 255 / 60 ;

if (te < 60) {
var r = 255 ;
var v = t ;
var b = 0 ;
}

else if (te >= 60 && te < 120) {
var r = - t + 510 ;
var v = 255 ;
var b = 0 ;
}

else if (te >= 120 && te < 180) {
var r = 0 ;
var v = 255 ;
var b = t - 510 ;
}

else if (te >= 180 && te < 240) {
var r = 0 ;
var v = - t + 1020 ;
var b = 255 ;
}

else if (te >= 240 && te < 300) {
var r = t - 1020 ;
var v = 0 ;
var b = 255 ;
}

else if (te >= 300) {
var r = 255 ;
var v = 0 ;
var b = - t + 1530 ;
}

ident.style.backgroundColor = "rgb(" + r + "," + v + "," + b + ")" ; } ; }

</script>

</HEAD>
<BODY style="BACKGROUND-COLOR :#2E2E2E;text-align: left">
<TABLE style="WIDTH: 100%; HEIGHT: 100%" border=0 cellSpacing=0 cellPadding=0>
<TR>
<TD style="vertical-align: middle;">

<div style="padding-left:50px; WIDTH: 1400px; HEIGHT: 660px;">

<div style="WIDTH: 900px; HEIGHT: 100%;position:relative;float:left">

<div id="2" style=";BACKGROUND-COLOR :rgb(255, 191, 0); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="1" style=";BACKGROUND-COLOR :rgb(255, 127, 0); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="3" style=";BACKGROUND-COLOR :rgb(255, 63, 0); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="5" style=";BACKGROUND-COLOR :rgb(0, 63, 255); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="4" style=";BACKGROUND-COLOR :rgb(0, 127, 255); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>
<div id="6" style=";BACKGROUND-COLOR :rgb(0, 191, 255); WIDTH: 300px; HEIGHT: 320px;position:relative;float:left">
</div>

</div>

<div style="position:relative;float:left; padding:50PX;">
<form name="choix" style="COLOR :#FFF;font-family: papyrus ; font-size: 20PX;">
T (entre 0 et 360°) <input type="text" name="teinte" size="3"><BR><BR>Delta (entre 0 et 90°) <input type="text" name="delta" size="3"><BR><BR>
<input type="button" value="go" OnClick="go();">
</form>
</div>

</div>

</TD></TR></TABLE>

TOTO ARC EN CIEL

Merci beaucoup !

Cette réponse débloque bien la situation, mais il reste à élucider autre problème : la page d'accueil affiche de base les couleurs correpondant aux valeurs pout T = 30° et D = 15° on ne retrouve pas les mêmes couleurs si on fait le test - je m'y relonge, en tout cas merci encore.

Réponse 2 / 4

jjsteing Messages postés 1803 Statut Contributeur 181

ptite chose encore.. au lieu d utiliser tes 50 else if... met que le if.. tout de facon il rentre pas dans les autres if ;)

TOTO ARC EN CIEL

Voici ce qu'on obtient avec une meilleure écriture : (mais il reste 3 cases sur 6 qui ne fonctionnent pas)

<script language="javascript">

function go() {
var tei = document.choix.teinte.value ;
var angl = document.choix.delta.value ;

for (i=1 ; i<7 ; i++) {

var ident = document.getElementById(i) ;

switch (i) {
case 1: { var te = tei; break }
case 2: { var te = tei + angl ;
if ( te > 360 ) {var te = tei + angl - 360 ;} break;}
case 3: { var te = tei - angl ;
if ( te < 0 ) {var te = tei - angl + 360 ; } break;}
case 4: { var te = tei + 180 ;
if ( te > 360 ) {var te = tei + 180 - 360 ; } break;}
case 5: { var te = tei + angl + 180 ;
if ( te > 360 ) {var te = tei + angl + 180 - 360 ; } break;}
case 6: { var te = tei - angl + 180 ;
if ( te > 360 ) {var te = tei - angl + 180 - 360 ; } break;} }

var t = te * 255 / 60 ;

if (te < 60) {
var r = 255 ;
var v = t ;
var b = 0 ;
}

if ((te >= 60) && (te < 120)) {
var r = - t + 510 ;
var v = 255 ;
var b = 0 ;
}

if ((te >= 120) && (te < 180)) {
var r = 0 ;
var v = 255 ;
var b = t - 510 ;
}

if ((te >= 180) && (te < 240)) {
var r = 0 ;
var v = - t + 1020 ;
var b = 255 ;
}

if ((te >= 240) && (te < 300)) {
var r = t - 1020 ;
var v = 0 ;
var b = 255 ;
}

if (te >= 300) {
var r = 255 ;
var v = 0 ;
var b = - t + 1530 ;
}

ident.style.backgroundColor = "rgb(" + r + "," + v + "," + b + ")" } }

</script>

Réponse 3 / 4

jjsteing Messages postés 1803 Statut Contributeur 181

j ais cette erreur, si ca peut te mettre sur la voie ;)

Warning: Expected an integer but found '42.5'. Error in parsing value for property 'background-color'.

TOTO ARC EN CIEL

Ce n'est pas très glorieux, mais j'ai résolu ce dernier problème en multipliant par 1 mes variables (il semble que les additions sont considérées comme du concatener de texte)

merci et bonne soirée

Réponse 4 / 4

jjsteing Messages postés 1803 Statut Contributeur 181

ok

met en resolu si tu pense que c bon :)

Discussions similaires

cette phrase est elle correcte

Retrouver réglages couleurs d'origine de mon écran W10

rétablir les couleurs d'origine

Je n'ai plus de couleur sur mon portable samsung Grand Ecran

remettre les couleurs d'origine de l'écran

1 programme pour bien choisir les couleurs

4 réponses

Votre réponse

Discussions similaires

Newsletters