Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > Javascript > Apprenez le Javascript ! > Intermédiaire > TP : Créez un "logiciel graphique" > Lecture des commentaires

TP : Créez un "logiciel graphique"

Vous devez être inscrit pour pouvoir poster des messages

Page : 1 
Pseudo Commentaire
Page : 1 
Hors ligne TWal # Posté le 22/11/2006 à 19:53:53 - Ce membre n'a pas mis de note
Euh... Bonjour !
Avatar
Groupe : Membres
 Aaaaaaaaaaaaaaarrrrggggggggggggggggghhhhhhhhhhh !

Ça marche pas !

J'ai eu beau modifier en regardant la correction, et ça marche pas :( .
Code : JavaScript
<script>
var color = "white";
var names_colors = new Array('white','silver','gray','black','red','maroon','lime','green','pink','yellow','olive','blue','navy','fuchsia','purple','aqua','teal','orange');
for(a = 0; a in names_colors; a++)
{
        document.write("<span onclick=\"javascript: color = '"+names_colors[a]+"'\"; style='cursor: pointer; background: "+names_colors+"; border:1px dashed;'>&nbsp;&nbsp;&nbsp;&nbsp;</span>");
}
document.write("<table style='border-collapse:collapse;'>");
for(a = 0; a < 37; a++)
{
        document.write("<tr>");
        for(b = 0; b < 100; b++)
        {
                document.write("<td style='border: 1px solid black; cursor: default; height: 12px; width: 20px; font-size: 1px; background-color: white;' onclick='this.style.backgroundColor=color;></td>");
        }
        document.write("</tr>");
}
document.write("</table>");
</script>

Edit : j'ai réparé
Image utilisateur
 
Hors ligne soyel # Posté le 27/11/2006 à 21:53:05 - Ce membre a mis la note : 19
plop!
Groupe : Membres
 plouf plouf ^^ Regarder ici
voila je vous montre mes talents avec le pixel art :-° :p
Continuer de faire des truc simpa comme ca et je continuerai a faire des belle images comme cette derniere
Gakumon ni chikamichi nashi!
 
Hors ligne Harvis # Posté le 28/12/2006 à 03:02:41 - Ce membre n'a pas mis de note
Avatar
Groupe : Membres
 Mouhahahah! (Me demandez pas ce que c'est, j'en sais rien. Mais c'est vachement plus pratique d'utiliser onMouveOver plutôt que onClick.)

Et voici le comble du bonheur pour l'accessibilité:
Code : HTML
<h1 lang="en">Click &amp; Paint</h1>
<script type="text/javascript">
<!--
/* Blablabla */
//-->
</script>
<noscript>
        <p>Désolé, Javascript ne semble pas activé sur votre navigateur. Vous en avez besoin pour pouvoir utiliser ce magnifique logiciel de dessin.</p>
</noscript>
Hors ligne Dentuk # Posté le 02/01/2007 à 22:07:32 - Ce membre a mis la note : 20
Yamo...
Avatar
Groupe : Membres
 Fouah me suis bien amusé :)
<edit>Finalement je donne pas toutes la source c'est un peu trop long... :p </edit>
Ah oui, 20/20 ;)

Edit : En bas, moi j'ai pas eu de gros problème o_O
Image utilisateur
 
Hors ligne Dr.Tenma # Posté le 04/01/2007 à 13:38:45 - Ce membre n'a pas mis de note
Avatar
Groupe : Membres
 Putain j'ai rien compris a ce Tp, je laisse tomber, c'est trop compliquer on nous explique rien !
Quand le chat n'est pas là les souris sont sous morphine
 
Hors ligne Reegon # Posté le 21/01/2007 à 19:28:31 - Ce membre a mis la note : 19
Avatar
Groupe : Membres
J'aimerais savoir s'il est possible de combiner 2 événements?

Par exemple, colorer une cellule si la souris est dessus et si un bouton de la souris est enfoncé.

Merci d'avance.
Hors ligne pierre59 # Posté le 28/01/2007 à 16:51:19 - Ce membre a mis la note : 17
oh, Pinaize!
Avatar
Groupe : Membres
 Citation : cresuso
Putain j'ai rien compris a ce Tp, je laisse tomber, c'est trop compliquer on nous explique rien !

moi j'ai pas trouver ca super compliquer
merci et 17
cliquez là SVP
 
Hors ligne jordan # Posté le 21/03/2007 à 07:33:15 - Ce membre a mis la note : 10
Développeur indépendant
Avatar
Groupe : Membres
 Allez 10 car ça ne fonctionne pas sous IE !!!
Hors ligne Anonyme # Posté le 04/04/2007 à 19:40:56 - Ce membre n'a pas mis de note
Groupe :
Je sais pas quelle version d'IE tu as mais chez moi ça marche...
Hors ligne ben01329 # Posté le 18/07/2007 à 19:34:04 - Ce membre a mis la note : 16
Groupe : Interdiction d'écriture
 salut

moi Je trouve tes tutoriaux assez sympa.
bon après des fois je comprend que certains ai du mal à comprendre parce que ça arrive à etre un peu pointu.
des fois tu expliques beaucoup là où c'est trés clair et tu passe un peu vite la où y faudrait expliquer un peu plus.
Mais sinon j'ai vraiment apris des tas de truc super interressant, donc je trouve tes tutaux super efficace, donc forcément ça ne peut etre qu'une bonne note : 16

juste un truc tu devrais essayer de voir à le faire marcher sur Internet explorer.
Par contre je suis loin d'avoir ton niveau alors pour ça, desolé...mais je peux pas t'aider ^^

EDIT: pardon le probleme sur IE c'est pas que ça marche pas, c'est juste que ça donne pas la même chose...
123misez - paris - poker - casino - debutant
 
Hors ligne MrBricolage # Posté le 16/07/2008 à 12:09:14 - Ce membre a mis la note : 20
Groupe : Membres
 Super tuto! C'est l'une des toute première fois que je m'éclate autant à faire un td! :-°
Pour le coup je te mets 20/20 parce que j'ai trouvé le sujet clair, simple, faisait appel à toutes les notions déja abordées, et surtout interessant! :)

Je ne sais pas par contre s'il est possible d'activer la coloration uniquement quand on garde la souris appuyée. J'ai juste réussi à la declencher au clique et à la stopper au nouveauc lique (pratique pour faire des traits).
Hors ligne xavierh # Posté le 30/08/2008 à 21:51:25 - Ce membre a mis la note : 19
Peace & Love !
Avatar
Groupe : Membres
 Un peu dur au départ, mais on se rend compte que c'est facile.

Petit histoire: j'étais partit pour écrire le tableau à la main (sans la boucle) jusqu'à ce que je jette un coup d'oiel au TP :p
Image utilisateur
Image utilisateurImage utilisateur
 
Hors ligne stitox # Posté le 10/09/2008 à 00:44:33 - Ce membre n'a pas mis de note
étudier c'est ma gloire
Groupe : Membres
 merci d'avoir nous exposer ce fameux tp,excellent
ça fonctionne très bien chez moi,je te souhaite bon contunuation....Rieeeeeeeeeeeeeeen à dire!
Tes supppper tutos est vraiment géniallllllllll
Merci encore une fois,Membre stitox(hein?)
eh! je suis maintenant membre dans le site d'apprentissage siteduzero.
voilà ce site à bien retenu toute m'attention que j'ai le plaisir de participer et développer de nouveaux connaissances !<taille valeur="gros"></taille>
 
Hors ligne buster20 # Posté le 25/10/2008 à 18:12:30 - Ce membre n'a pas mis de note
kreol style
Groupe : Membres
 besoin d'aide j'arrive pas à faire fonctionner le code au début j'ai mis des codes de couleur numérique comme ça #a4bfdb dans le tableau mais je crois que javascript ne prend pas en compte les code de couleur numérique puisse que j'ai du changer les code par les noms de couleur en anglais puis j'ai regardé la correction et j'ai changé quelque ligne comme dans la correction mais le probleme c'est que ça fonctionne pas quand même. j'ai besoin d'aide !!!!

voilà mon code:


Code : JavaScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script language="javascript">
var couleur = "white";
var color = new Array('black','yellow','white','aqua','blue','fuchsia','red','green');

 document.write("<center><table style='border:#a4bfdb solid 1px;'>");

for (var bou = 0; bou in color; bou++ )
     {
	 
document.write("<td style='cursor:pointer;' bgcolor='"+color[bou]+"' width='25' height='25' OnClick='couleur = "+color[bou]+";'></td>");
      
	 }
	 document.write("</table>");
	 document.write("<br><table style='border:#a4bfdb solid 1px; border-collapse:collapse;' border='1'>");
	 
	 for (var k = 1; k <= 37; k++)
	     {
		 document.write("<tr>");
		 
		 for (var l = 1; l <= 37; l++)
		 {
		 document.write("<td style='border:1px solid black;cursor:pointer;height:12px;width:12px;font-size:12px;background-color:white;'");
	     document.write("OnClick='this.style.backgroundColor="+couleur+";'></td>");
	  }
		document.write("</tr>");		 
		 
		 }
	  document.write("</table></center>");
</script>
«Un homme qui prive un autre homme de sa liberté est prisonnier de la haine, des préjugés et de l'étroitesse d'esprit.»
[ Nelson Mandela ]
 

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 365 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0618s (0.025s)