Se connecter avec
S'enregistrer | Connectez-vous

Script js dans page html

Dernière réponse : dans Programmation

Bonjour

Alors voici mon probléme
Je crée un petit site comme sa pour m'entrainer à programmer et par la même occasion apprendre le language html.
Ce site permet a ma team css de fournir les sources aux autres team (d'autres fonctions viendront surement aprés mais je ne viens pas pour cela)

J'ai dans ma page html un script javascript fournie par clancalendar qui me permet d'afficher des informations sur les wars (faut jouer à counter pour comprendre ^^ dsl) que nous avons jouer.
Mon probléme est que je n'arrive pas a centrer ce script dans ma page.
J'ai bien sur la solution qui utilise la balise <center></center> mais dans mon soucis de respecter la norme w3c je ne peux me le permettre hélas.

Je pense donc que la solution est dans l'édition du script js mais je ne m'y connais absolument pas en js...
Voici le code du script:

  1. document.write("<table border='0' cellspacing='1' cellpadding='0'>");
  2. document.write("<tr><td colspan='3'><span class='cc-titres'><strong>à venir</strong></span></td></tr>");document.write("<tr><td colspan='3' class='cc-defaut'>Aucun</td></tr>");
  3. document.write("</table>");
  4.  
  5. document.write("<table border='0' cellspacing='1' cellpadding='0'>");
  6. document.write("<tr><td colspan='3'><span class='cc-titres'><strong>passés</strong></span></td></tr>");
  7. document.write("<tr><td >");
  8. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=747461" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Ip.Gamer</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>25 à 16</span></span>");
  9. document.write("</td></tr>");
  10. document.write("<tr><td >");
  11. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=747152" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Emulix</a> </td><td nowrap align='right' style='background-color:#AA3333;font-size:10px' nowrap><span style='color:#FFFFFF'>18 à 25</span></span>");
  12. document.write("</td></tr>");
  13. document.write("<tr><td >");
  14. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=746679" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Team Commando</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>25 à 14</span></span>");
  15. document.write("</td></tr>");
  16. document.write("<tr><td >");
  17. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=746176" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>all star kill</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>17 à 6</span></span>");
  18. document.write("</td></tr>");
  19. document.write("<tr><td >");
  20. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=745344" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>team-ghost</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>22 à 2</span></span>");
  21. document.write("</td></tr>");
  22. document.write("<tr><td >");
  23. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=744950" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Les bienfaiteur...</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>25 à 7</span></span>");
  24. document.write("</td></tr>");
  25. document.write("<tr><td >");
  26. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=744358" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>« SpeeD-Elite \...</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>13 à 11</span></span>");
  27. document.write("</td></tr>");
  28. document.write("<tr><td >");
  29. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=743411" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>өӨ ...</a> </td><td nowrap align='right' style='background-color:#666666;font-size:10px' nowrap><span style='color:#FFFFFF'>24 à 24</span></span>");
  30. document.write("</td></tr>");
  31. document.write("<tr><td >");
  32. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=741145" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>illzach force s...</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>32 à 16</span></span>");
  33. document.write("</td></tr>");
  34. document.write("<tr><td >");
  35. document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=740839" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Fragers United</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>26 à 19</span></span>");
  36. document.write("</td></tr>");
  37. document.write("<tr><td colspan='3' style='padding-top:3px' nowrap><a href='<a href="http://www.clancalendar.net/" target="_blank">http://www.clancalendar.net/</a>' target='_blank' style='font-size:9px'>Results by clanCalendar</a></td></tr>");
  38. document.write("</table>");


Pouvez vous m'aider?

Autres pages sur : script page html

Lassé par la pub ? Créez un compte

En faites j'ai réussi ^^ enfin presque.
J'ai réussi à centrer le block grace a margin-left mais je n'arrive pas a avoir un beau tableau avec les titres centrer et les infos en dessous centrer aussi.
Je ne sais pas pourquoi j'obtient quelques choses de très moche avec "text-align: center;".
les deux titres ne sont même pas aligné verticalement

Voila ce que j'utilise finalement: (Je vais quand même essayer d'obtenir ce que j'ai dans la tête)

mon html:
  1. <div id="clancalendar"> <!-- BEGIN id="clancalendar"-->
  2. <script language="JavaScript" type="text/JavaScript" src="<a href="http://www.clancalendar.net/modulesMatchs/cc_stats_33776.js" target="_blank">http://www.clancalendar.net/modulesMatchs/cc_stats_3377...</a>"></script>
  3. </div> <!-- END id="clancalendar"-->


mon css:

  1. div#clancalendar {
  2. color: #00ce00;
  3. margin-left: 45%;
  4. text-align: left;
  5. }


Lassé par la pub ? Créez un compte
Tom's guide dans le monde