Mini projet html/css/java HELP

Mini projet html/css/java HELP - HTML/CSS - Programmation

Marsh Posté le 12-03-2013 à 15:57:19    

Bonjour,
 
Bon, j'ai un mini projet à rendre le 24.03.2013 à 23h59 au plus tard, sur le Html/Css/Javascript, et je galère un peux ^^
 
Je dois créer un jeux sur une page web, et ce jeux est un puzzle. L'image doit être coupé en 9.
Sa doit ressemble à sa à la fin:
http://tof.canardpc.com/view/8f958360-58f4-432e-b340-9a03f520fef4.jpg
 
 
Voila ce que j'ai fait:
 
Html:

Code :
  1. <!doctype> 
  2. <html> 
  3. <head> 
  4. <title> Puzzler</title> 
  5. <link href="style.css" rel="stylesheet" type="text/css" /> 
  6. <script type="text/javascript" src="javascript.js"></script> 
  7. </head> 
  8. <body> 
  9. <div class="centrage"><h1>1WEB Project-Puzller</div></h1> 
  10. <br> 
  11. <br> 
  12. <form name="forsec"> 
  13. <input type="text" size="3" name="secm"> minute(s) 
  14. <input type="text" size="3" name="secs"> secondes 
  15. <input type="text" size="3" name="secd"> dixiemes 
  16. <input type="button" value="Chrono" onclick="chrono()"> 
  17. <input type="button" value="RaZ" onclick="rasee()"> 
  18. <input type="button" value="Tempo" onclick="clearTimeout(compte)"> 
  19. </form> 
  20.  
  21. <br> 
  22. <br> 
  23. <br> 
  24. <br> 
  25. <table width="230" height="160"> 
  26. <tr> 
  27. <td>sdf</td> 
  28. <td>dsf</td> 
  29. <td>sdf</td> 
  30. </tr> 
  31. <tr> 
  32. <td>sdf</td> 
  33. <td>sdf</td> 
  34. <td>sdf</td> 
  35. </tr> 
  36. <tr> 
  37. <td>sdf</td> 
  38. <td>sdf</td> 
  39. <td>sdf</td> 
  40. </tr> 
  41. </table> 
  42. <img src="dossier/image.jpg" height="190" width="220"> 
  43. <br> 
  44. <br> 
  45. <div id="scores"> 
  46. <center>Scores</center> 
  47. <br> 
  48.  
  49. </div> 
  50.  
  51.  
  52.  
  53. </body> 
  54. </html>


 
Css:

Code :
  1. /* spécification du tableau */ 
  2.  
  3. td 
  4.     { 
  5.     border: 1px solid black; 
  6.     } 
  7.      
  8. table 
  9.     { 
  10.     border-collapse: collapse; /*coller les case du tableau entre elle */ 
  11.     display: inline-block; 
  12.     width: 75px; 
  13.     vertical-align: top; 
  14.      
  15.     } 
  16.  
  17. /* centrer du text */     
  18. .centrage 
  19.     { 
  20.     text-align: center; 
  21.     } 
  22.  
  23. /*taille du titre */     
  24. h1 
  25.     { 
  26.     font-size: 75px; 
  27.     } 
  28. /*positioner l'image a coter du puzzle */     
  29.  
  30. img 
  31.     { 
  32.     display: inline-block; 
  33.     border: 1px solid black; 
  34.     vertical-align: top; 
  35.     height: auto; /* permet de garder une image non déformé */ 
  36.     } 
  37.  
  38. #Scores  
  39.     { 
  40.     width:100px; 
  41.     margin:left; /* position du cadres */ 
  42.     padding:10px; 
  43.     background-color:#FFF; 
  44.     border-left:1px solid #000000; /* couleur cadre */ 
  45.     border-right:1px solid #000000; 
  46.     border-bottom:1px solid #000000; 
  47.     border-top:1px solid #000000; 
  48.     }


 
Javascript:

Code :
  1. /* code pour couper une image en 9 partie */ 
  2.  
  3. window.onload = function ( )  
  4.     { 
  5.         = 'dossier/image.jpg'; //' 
  6.         var img = new Image(); 
  7.         img.onload = function ( ) 
  8.             { 
  9.             var min  = Math.min( img.width, img.height ); 
  10.             var size = Math.floor( min / 3 ); 
  11.             var i; 
  12.             var div; 
  13.             var row; 
  14.             var col; 
  15.             var container = document. .  ('div'); 
  16.             for ( i = 0; i < 9; i += 1 ) 
  17.                 { 
  18.                 div = document. .  ('div'); 
  19.                 div.style.width  = size + 'px'; 
  20.                 div.style.height = size + 'px'; 
  21.                 div.style.backgroundImage = 'url(' + img_path + ')'; 
  22.                 row = ( i % 3 ); 
  23.                 col = Math.floor( i / 3 ); 
  24.                 div.style.backgroundPosition =   - row * size + 'px ' + - col * size + 'px'; 
  25.                 div.style.float = 'left'; 
  26.                 if ( !row ) 
  27.                     { 
  28.                     div.style.clear = 'left'; 
  29.                     } 
  30.                 container. .  ( div ); 
  31.                 } 
  32.             document.body. .  ( container ); 
  33.             }; 
  34.         img.src = img_path; 
  35.     }; 
  36.  
  37. /* chronometre*/  
  38.  
  39. var dixiem=0 /* mise a zero des dixièmes */ 
  40. var secon=0 /* " des secondes */ 
  41. var minu=0 /* " des min */ 
  42.  
  43. function chrono() 
  44.         { 
  45.         dixiem++; /* incrémentation dixièmes à 1 */ 
  46.         if (dixiem>9) 
  47.             { 
  48.             dixiem=0;secon++ 
  49.             } /* si dixiem > 9 réini à 0 et incrémente sec de 1 */ 
  50.         if (secon>59) 
  51.             { 
  52.             secon=0;minu++ 
  53.             } /* si sec > 59 réini à 0 et incrémente min de 1 */ 
  54.         document.forsec.secd.value=" "+dixiem /* affichage des dixiem */ 
  55.         document.forsec.secs.value=" "+secon /* affichage des secondes */ 
  56.         document.forsec.secm.value=" "+minu /* affichage des min */ 
  57.         compte=setTimeout('chrono()',100) /* relance fonction */ 
  58.     } 
  59.  
  60. function rasee()/* remise compteurs à 0 */ 
  61.     { 
  62.     clearTimeout(compte) /* arrêt chrono */ 
  63.     dixiem=0; 
  64.     secon=0; 
  65.     minu=0; 
  66.     document.forsec.secd.value=" "+dixiem 
  67.     document.forsec.secs.value=" "+secon 
  68.     document.forsec.secm.value=" "+minu 
  69.     }


 
Quasiment rien ne fonctionne, et je ne comprend pas pourquoi ...
 
Le chrono ne se lance pas, et j'ai pourtant tout vérifié, j'ai les même noms partout ...
 
je me suis inspiré de script trouvé sur le net, je l'avoue.


Message édité par fordragon le 13-03-2013 à 11:42:47

---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 12-03-2013 à 15:57:19   

Reply

Marsh Posté le 12-03-2013 à 18:01:38    

Bonjour élève de Supinfo.
Je vois que la majeur parti de ton code est tiré du net. Et tu demandes a ce forum de te "faire" cette exercice noter.
Il serait peut être mieux de commencé par posé une question. De plus, toute tentative de plagia sera considéré comme cheater.
Merci de ta compréhension.

Reply

Marsh Posté le 13-03-2013 à 09:26:40    

Alors:
1 je me suis inspiré, et alors ?
2 tu es flic ?
3 celui qui ne sait jamais aidé du net, qu'il me lance la première pierre
4 les questions sont explicites, je vais les reformuler
5 désolé de te décevoir, mais on n'est pas tous fort en programmation, et malgré mon cours, faire un chronométré, désolé de te décevoir, mais je ne sais pas faire !
6 tu es née en 1994, ce qui fait que tu as tout juste 19 ans, donc tu es en deuxieme année a supinfo, donc tu n'es pas STA, donc tes remontrances, tu te les gardes !
Si tu es doué en prog/etc, et que tu peux m'aider, je suis preneur !
Je n'ai jamais demander qu'on face mon code, vue que j'en ai déjà fait une bonne partie. Sa bug juste et je ne trouve pas mes erreurs !
 
 
Voici mes questions:
- Je n'arrive pas à comprendre pourquoi mon chronomètre ne démarre pas, et je ne trouve pas mes erreures, pouvez vous m'aider à les trouver ?
- Comment faire pour mettre les images dans les cellules de mon tableau ?
 
 
PS: @inceptor: Si c'est toi ici aussi: http://www.siteduzero.com/forum/su [...] eme-taille
Sérieux, va te pendre ;)
Si ton but est de saquer les élèves de SupInfo en étant STA, parce que tu es bon en prog/etc, tu as rien comprit à la vie !
Et sache qu'on récolte toujours ce qu'on sème, donc méfie toi aux crasses que tu peux faire aux autres, un jour il y aura un retour de rateau qui sera violent ;)


Message édité par fordragon le 13-03-2013 à 09:49:50

---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 13-03-2013 à 10:22:10    

nan mais tu colles un morceau de code à l'arrache
Déjà avant toute chose, essaye au maximum de faire des fonctions, avec des noms qui décrivent leur action.
exemple dans ton window.onload tu as plein de code, tu peux très bien faire des fonctions et ton window.onload appelera un main() qui appelera toutes les autres fonctions.
 
Ensuite, tout d'abord avant de faire un chronomètre, travaille d'abord l'image, comme sur le site du zero, il te l'ont dit : ne pas découper l'image toi même, mais réutiliser les CSS et le background position, ça peut aider.
 
Enfin, oui, on ne fait pas les devoirs, mais on peut aider.


---------------
Blablaté par Harko
Reply

Marsh Posté le 13-03-2013 à 10:49:02    

L30 du JS : container. . ( div );
C'est censé marcher ça :??: Y'a un espace entre les 2 points...
Idem L30.
 
Mon avis est que si ton chrono se lance pas, ça vient sans doute d'erreurs (de syntaxe) dans le code. Installes Firebug sur Firefox, ça t'aidera pour débugger...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 13-03-2013 à 10:54:12    

@Gatsu35: d'accord, je vais regarder tout sa et revenir vers vous.
 
@Rufo: Il y a eu un bug quand j'ai copier/coller le code ...
Il manque des mots, je modifie sa tout de suite !


---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 13-03-2013 à 11:42:18    

Sa y est, sa fonctionne :)

 

J'ai enlevé le <script> et </script> du chrono, et mes 9 images découpées sont apparues !
et le chrono fonctionne, YOUPI :D
J'avance :)

 

Bon maintenant il faut que j'arrive à les placer dans un tableau, la par contre ça ne va pas être la même ^^

 


@Gatsu: Je n'ai pas trop compris pour les fonctions et le main ...
Je dois bien avouer que c'est un peux du chinois pour moi ...
Peux tu m'illustrer tes propos par un exemple ?
Que j'essaye de rendre ce bout de code plus clair :)


Message édité par fordragon le 13-03-2013 à 14:48:23

---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 13-03-2013 à 13:20:26    

ben au lieu de faire window.onload = function ( )  
    {  
      ...le code de la fonction...
    }
 
Tu fais window.onload = main();
puis  
function main()  
{
    ...le code de la fonction...
}
 
C'est plus clair comme code.
 
PS : merci de faire un effort en orthographe, ton dernier message est une horreur :o


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 13-03-2013 à 14:46:42    

D'accord, je vois mieux la !

 

Bon je vais essayer de faire sa, et je reviens vers vous !

 


PS: Nom de dioux, j'ai été un peux trop vite, effectivement :(


Message édité par fordragon le 13-03-2013 à 15:05:24

---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 13-03-2013 à 15:18:15    

Bon, je viens d'essayer de rendre le code plus clair ...
Sauf que cette fois, je n'ai plus d'image et mon chrono me renvoi des erreurs  :sweat:

 

voila ce que j'ai fait:

Code :
  1. /* code pour couper une image en 9 partie */
  3. window.onload = main();
  4. {
  5.  var img_path = 'dossier/image.jpg';
  6.  var img = new Image();
  7.  img.onload = function main()
  8.   {
  9.   var min  = Math.min( img.width, img.height );
  10.   var size = Math.floor( min / 3 );
  11.   var i;
  12.   var div;
  13.   var row;
  14.   var col;
  15.   var container = document. . ('div');
  16.   for ( i = 0; i < 9; i += 1 )
  17.    function main()
  18.    {
  19.    div = document. . ('div');
  20.    div.style.width  = size + 'px';
  21.    div.style.height = size + 'px';
  22.    div.style.backgroundImage = 'url(' + img_path + ')';
  23.    row = ( i % 3 );
  24.    col = Math.floor( i / 3 );
  25.    div.style.backgroundPosition =   - row * size + 'px ' + - col * size + 'px';
  26.    div.style.float = 'left';
  28.     function main ()
  29.     if ( !row )
  30.      {
  31.      div.style.clear = 'left';
  32.      }
  33.    container. . ( div );
  34.    }
  35.   document.body. . ( container );
  36.   };
  37.  img.src = img_path;
  38. };
  40. /* chronometre*/
  42. var dixiem=0 /* mise a zero des dixièmes */
  43. var secon=0 /* " des secondes */
  44. var minu=0 /* " des min */
  46. function chrono()
  47. {
  48.  dixiem++; /* incrémentation dixièmes à 1 */
  49.  if (dixiem>9)
  50.   {
  51.   dixiem=0;secon++
  52.   } /* si dixiem > 9 réini à 0 et incrémente sec de 1 */
  53.  if (secon>59)
  54.   {
  55.   secon=0;minu++
  56.   } /* si sec > 59 réini à 0 et incrémente min de 1 */
  57.  document.forsec.secd.value=" "+dixiem /* affichage des dixiem */
  58.  document.forsec.secs.value=" "+secon /* affichage des secondes */
  59.  document.forsec.secm.value=" "+minu /* affichage des min */
  60.  compte=setTimeout('chrono()',100) /* relance fonction */
  61. }
  63. function rasee()/* remise compteurs à 0 */
  64. {
  65. clearTimeout(compte) /* arrêt chrono */
  66. dixiem=0;
  67. secon=0;
  68. minu=0;
  69. document.forsec.secd.value=" "+dixiem
  70. document.forsec.secs.value=" "+secon
  71. document.forsec.secm.value=" "+minu
  72. }
 

J'ai essayé de mettre un "window.onload = main();" pour le chrono, mais sa n'a rien changer, chrono toujours HS ...

 

Je crois que j'ai pas fermé mes fonctions correctement, mais je ne vois pas ou  :??:


Message édité par fordragon le 13-03-2013 à 15:18:44

---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 13-03-2013 à 15:18:15   

Reply

Marsh Posté le 13-03-2013 à 15:24:19    

Tu comprends ce que tu fais :??:
window.onload = main();
{
 var img_path = 'dossier/image.jpg';
...
}
 
Comment veux-tu que ça marche ? T'appelles un main() qui n'existe pas :/ Installes Firebug sur Firefox. Il t'aurais dit aussi que la fonction main() n'existe pas...
 
window.onload = main();
function mail()
{
     var img_path = 'dossier/image.jpg';
     ...
}


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 13-03-2013 à 15:30:53    

J'essaye de comprendre ...
Je capte pas tout.

 

Bah oui, il me dit que main n'éxiste pas, mais je ne comprennais pas pourquoi  ...

 

Et la je comprend

 

EDIT:

Code :
  1. /* code pour couper une image en 9 partie */
  3. window.onload = main();
  4. function main()
  5. {
  6.  var img_path = 'dossier/image.jpg';
  7.  var img = new Image();
  8.  img.onload = function main()
  9.   {
  10.   var min  = Math.min( img.width, img.height );
  11.   var size = Math.floor( min / 3 );
  12.   var i;
  13.   var div;
  14.   var row;
  15.   var col;
  16.   var container = document. . ('div');
  17.   for ( i = 0; i < 9; i += 1 )
  18.    function main()
  19.    {
  20.    div = document. . ('div');
  21.    div.style.width  = size + 'px';
  22.    div.style.height = size + 'px';
  23.    div.style.backgroundImage = 'url(' + img_path + ')';
  24.    row = ( i % 3 );
  25.    col = Math.floor( i / 3 );
  26.    div.style.backgroundPosition =   - row * size + 'px ' + - col * size + 'px';
  27.    div.style.float = 'left';
  28.    if ( !row )
  29.    {
  30.    div.style.clear = 'left';
  31.    }
  32.    container. . ( div );
  33.    }
  34.   document.body. . ( container );
  35.   };
  36.  img.src = img_path;
  37. };
  39. /* chronometre*/
  41. var dixiem=0 /* mise a zero des dixièmes */
  42. var secon=0 /* " des secondes */
  43. var minu=0 /* " des min */
  45. function chrono()
  46. {
  47.  dixiem++; /* incrémentation dixièmes à 1 */
  48.  if (dixiem>9)
  49.   {
  50.   dixiem=0;secon++
  51.   } /* si dixiem > 9 réini à 0 et incrémente sec de 1 */
  52.  if (secon>59)
  53.   {
  54.   secon=0;minu++
  55.   } /* si sec > 59 réini à 0 et incrémente min de 1 */
  56.  document.forsec.secd.value=" "+dixiem /* affichage des dixiem */
  57.  document.forsec.secs.value=" "+secon /* affichage des secondes */
  58.  document.forsec.secm.value=" "+minu /* affichage des min */
  59.  compte=setTimeout('chrono()',100) /* relance fonction */
  60. }
  62. function rasee()/* remise compteurs à 0 */
  63. {
  64. clearTimeout(compte) /* arrêt chrono */
  65. dixiem=0;
  66. secon=0;
  67. minu=0;
  68. document.forsec.secd.value=" "+dixiem
  69. document.forsec.secs.value=" "+secon
  70. document.forsec.secm.value=" "+minu
  71. }
 


Mon chrono refonctionne et je n'ai plus d'erreur sur firefox debug, mais je n'ai plus mes 9 images découpées ...


Message édité par fordragon le 13-03-2013 à 15:34:19

---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 13-03-2013 à 16:34:34    

déjà faut mettre
window.onload = main();
car c'est une référence à main que tu dois lui donner pas directement exécuter main

 

window.onload = main;

 

Ensuite, il faut déclarer tes fonctions avant de les utiliser
Et c'est quoi toutes ces fonctions main déclarée à l'intérieur de ta fonction main() ? tu as réfléchi un minimum ?


Message édité par gatsu35 le 13-03-2013 à 16:35:31

---------------
Blablaté par Harko
Reply

Marsh Posté le 13-03-2013 à 17:49:41    

Je pense qu'avant de vouloir coder un truc en JS, faudrait apprendre les bases de ce langage :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 14-03-2013 à 09:08:29    

@gatsu: Bah je l'ai mit le "window.onload = main();" ...
Bah j’essaie et je peux te dire que ce n'est pas évident pour moi !
 
@rufo: Bah les bases je les ai vue en cours ...
 
 
Je sais que je suis mauvais, je fais de mon mieux pour progresser et pour avoir la moyenne à ce mini-projet.
Ne vous inquiétez pas, je n'ai pas l'intention de finir programmeur ^^
Je suis obligé de passer pas ces cours pour valider mon année.


---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 14-03-2013 à 09:24:19    

nan faut pas mettre window.onload = main()
mais window.onload = main
 
Ce n'est pas le resultat de la fonction que tu veux, mais la référence à la fonction.


---------------
Blablaté par Harko
Reply

Marsh Posté le 14-03-2013 à 09:26:54    

d'accord, donc "windows.onload = main()" c'est pour le résultat et le "window.onload = main" c'est pour l'appeler, c'est sa ?


---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 14-03-2013 à 09:35:05    

oui.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 14-03-2013 à 09:36:56    

D'accord, merci pour ta patience :)

 

Bon, j'ai fait sa, avec ton aide:

Code :
  1. var i
  2. var div
  3. var row
  4. var col
  5. var img_path = 'dossier/image.jpg'
  6. var img = new Image()
  7. var min  = Math.min( img.width, img.height )
  8. var size = Math.floor( min / 3 )
  9. var container = document. . ('div')
  10. window.onload = main;
  11. function main()
  12. {
  13.  var img_path = 'dossier/image.jpg';
  14.  var img = new Image();
  15.  img.onload = function main()
  16.   {
  17.   var min  = Math.min( img.width, img.height );
  18.   var size = Math.floor( min / 3 );
  19.   var container = document. .  ('div');
  20.   for ( i = 0; i < 9; i += 1 )
  21.    function main()
  22.    {
  23.    div = document. .  ('div');
  24.    div.style.width  = size + 'px';
  25.    div.style.height = size + 'px';
  26.    div.style.backgroundImage = 'url(' + img_path + ')';
  27.    row = ( i % 3 );
  28.    col = Math.floor( i / 3 );
  29.    div.style.backgroundPosition =   - row * size + 'px ' + - col * size + 'px';
  30.    div.style.float = 'left';
  31.    if ( !row )
  32.    {
  33.    div.style.clear = 'left';
  34.    }
  35.    container. .  ( div );
  36.    }
  37.   document.body. .  ( container );
  38.   };
  39.  img.src = img_path;
  40. };
  42. /* chronometre*/
  44. var dixiem=0 /* mise a zero des dixièmes */
  45. var secon=0 /* " des secondes */
  46. var minu=0 /* " des min */
  48. function chrono()
  49. {
  50.  dixiem++; /* incrémentation dixièmes à 1 */
  51.  if (dixiem>9)
  52.   {
  53.   dixiem=0;secon++
  54.   } /* si dixiem > 9 réini à 0 et incrémente sec de 1 */
  55.  if (secon>59)
  56.   {
  57.   secon=0;minu++
  58.   } /* si sec > 59 réini à 0 et incrémente min de 1 */
  59.  document.forsec.secd.value=" "+dixiem /* affichage des dixiem */
  60.  document.forsec.secs.value=" "+secon /* affichage des secondes */
  61.  document.forsec.secm.value=" "+minu /* affichage des min */
  62.  compte=setTimeout('chrono()',100) /* relance fonction */
  63. }
  65. function rasee()/* remise compteurs à 0 */
  66. {
  67. clearTimeout(compte) /* arrêt chrono */
  68. dixiem=0;
  69. secon=0;
  70. minu=0;
  71. document.forsec.secd.value=" "+dixiem
  72. document.forsec.secs.value=" "+secon
  73. document.forsec.secm.value=" "+minu
  74. }
 

mais les images ne sont toujours pas revenues ...

 

J'ai déclaré toutes les variables, comme pour le chrono. Enfin, je crois ^^


Message édité par fordragon le 14-03-2013 à 09:53:56

---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Marsh Posté le 14-03-2013 à 14:36:05    

A l'aide ...
 
je suis au bord de la déprime ^^


---------------
Project X2: EVGA P55 FTW, I5 760 @3.3Ghz WaterCoolé, G.Skill RIPJAWS 2x4 Gb @1600Mhz, SSD Intel 520 de 240 Gb, F3 1000 Gb @7200tr/min, 470 GTX WaterCoolé, Seasonic X-Series 750W, 24" Iiyama ProLite B2409HDS-B1 + 19" 1440*900 Water RED Boitier Black
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed