Se connecter / S'enregistrer
Votre question

Script js dans page html

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
6 Mai 2009 19:23:11

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" rel="nofollow" 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" rel="nofollow" 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" rel="nofollow" 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" rel="nofollow" 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" rel="nofollow" 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" rel="nofollow" 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" rel="nofollow" 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" rel="nofollow" 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" rel="nofollow" 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" rel="nofollow" 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/" rel="nofollow" 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

6 Mai 2009 21:45:10

Non pas forcement, à la place de center tu peut utiliser:
  1. <div text-align="center"></div>


Ou encore utiliser une feuille de style CSS, c'est plus la norme actuelle.
m
0
l
7 Mai 2009 00:06:38

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" rel="nofollow" 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. }


m
0
l
Contenus similaires
7 Mai 2009 01:56:16

Peux-tu nous montrer le lien de ta page!

C'est quoi ta norme W3c? Quand je fais un site, je le fais à ma manière ^^
m
0
l
7 Mai 2009 12:58:30

Pour centrer tes infos dans ton tableau, as tu appliqués le "text-align: center;" aux balise "<td></td>" et "<th></th>" ?
m
0
l
14 Mai 2009 18:15:41

si je ne me trompe pas les balises que tu me propose floboss@IDN ce sont des balises pour des tableaux?
Or je n'en ai pas mis (mon site n'est pas finit, je ne vais pas très vite ^^)

Pour te répondre Tybbow, voici le lien: http://mdn.verygames.net/
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS