Code widget TrackMania Team

[Madmass]

Bonjour
je viens demandé de l'aide sur ce code,car j'aimerais l'intégrer sur mon forum mais je ne sais pas comment procédé pour que cela fonctionne, mais aussi s'il est possible de le mettre sur un forum
Voici le code en question

Code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<link href="http://www.tm-teams.com/Css/widget/team.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.tm-teams.com/js/widget/team.js" ></script>
<script>
$(document).ready(function() {
        $("#tmteams_widgetdemo").getTmTeams_WidgetTeam(
            {
                teamId :1390,
                width :"100%"
            }
        );
    });
</script>
<!--Le widget s'afichera a l'interieur de cette balise.-->
<div id="tmteams_widgetdemo"> </div>

Je vois aussi ceci sur le site de TM Team


Fichier Css a utiliser
Vous pouvez utiliser le fichier Css par default si vous le desirez. Bien sur vous pouvez aussi modifier celui ci.
Url du Css : www.tm-teams.com/Css/widget/team.css

Code pour inclure le Css :

Code:

<link href="http://www.tm-teams.com/Css/widget/team.css" rel="stylesheet" type="text/css" />

et pour couronner le tout
il y a aussi cela de marquer
Adding JQuery /!\Important
Le widget Tm-Teams neccesite Jquery pour bien fonctionner. Si votrre site n'utilise pas deja JQuery vous devez l'ajouter.

Ajouter JQuery :

Code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>

Pourquoi utilisons nous jquery : En effet Il peut sembler bizare mais cela nous permet de cree un code compatible avec tous les navigateurs sans voir les petites difference. L'appi tm-teams est ouvert a tout le monde si vous voulez faire votre propre widget et le diffuser n'hesitez pas.

Source du site pour mon code team
http://www.tm-teams.com/trackmania-api.html
Voila mon soucis je n'arrive pas à faire afficher ce widget sur le forum

Voici un aperçu de ce que je devrais obtenir
https://2img.net/r/ihimizer/img836/3760/codetmteam.jpg


En attente de votre aide,je vous remercie d'avance

[Madmass]

un petit up
j'ajoute aussi ces infos ,peut être qu'elles seront utiles pour m'aider
Il y a aussi un onglet options avec ceci:

je cite issue du site TM team
Options

teamId : Null
L'identificateur de la team que l'on veut affiche dans le widget
_
showgames : 'true'
$lang_texte.title_tab1_jsopt.showgames}
_
showplayers : 'true'
Afficher la liste des joeurs de l'equipe
_
shownickname : 'true'
Afficher Oui ou non le pseudo du joeur a la place du login
_
showlogin : 'true'
Si on affiche le pseudo alors cette option permet d'afficher en plus le login. On a donc le pseudo et le login qui s'affiche
_
showtransfers : 'true'
Afficher les derniers transfers de l'equipe
_
maxtransfers : 0
Le nombre maxumum de transfer a utiliser(0 = Maximum autorise par le serveur)
_
width : '250px'
La largeur du widget.(Exemple : 100% ou encore 300px
_
slideIn : 'true'
Activer/Descativer l'effet de Slide In

[Madmass]

Bonsoir
toujours personne pour m'aidé pour mettre en place ce code
svp

[Madmass]

up
svp personne ne sais comment faire pour m'aider?
:no

[Madmass]

re Bonjour
Personne ne sais comment faire pour mettre en place ces codes?
Peut-être que je me suis mal exprimé?
J’essaie tout simplement de mettre en place le module sur notre forum
mais je n'ai pas envie de faire n'importe quoi en collant ces codes n'importe ou
j'aimerais simplement qu'on me dise ou placé les codes
en ésperant une aide je vous remercie d'avance

[Madmass]

up
please help

[Adam_sfp]

Bonjour

Vous pouvez mettre votre code dans une page HTML par exemple et rajouter un lien vers celle ci...

Cordialement.

[Madmass]

Bonjour
Je viens d'essayer de coller le code dans une page html
mais cela me fait apparaître une page blanche

J'ai coller le code directement dans overall header
et là il apparait mais certains pseudo apparaissent coupé et le texte en blanc, donc on le voit pas (voir l’aperçu)


à votre avis que dois-je modifié pour qu'il apparaisse comme il faut?

[Adam_sfp]

Bonjour

Effectivement certains codes se transforment à la validation.
$ se transforme en &#36
Cela fonctionne en remplaçant $ par jQuery

Vous pouvez mettre ceci

Code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<link href="http://www.tm-teams.com/Css/widget/team.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.tm-teams.com/js/widget/team.js" ></script>
<script>
jQuery(document).ready(function() {
        jQuery("#tmteams_widgetdemo").getTmTeams_WidgetTeam(
            {
                teamId :1390,
                width :"100%"
            }
        );
    });
</script>
<!--Le widget s'afichera a l'interieur de cette balise.-->
<div id="tmteams_widgetdemo"> </div>

Cordialement.

*vous pouvez bien sur le personnaliser en changeant des valeurs ..

[Madmass]

je viens de coller le code comme vous l'avez modifié
et là il apparait
donc je vais supprimé celui que j'ai mis dans overall et utilisé la page html
merci pour votre aide