Étape 4: le fichier html
J’ai eu un vieux script qui permet aux utilisateurs de voir leurs messages Twitter ou les montrer à d’autres. J’ai décidé d’utiliser ce même script permettant aux utilisateurs de voir mes posts Twitter pas si récentes.
Rendre le fichier html
1) ouvrir Dreamweaver ou le bloc-notes et copie collez ou tapez le code suivant :
< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd » >
< html xmlns = « http://www.w3.org/1999/xhtml » >
< tête >
< meta http-equiv = « Content-Type » content = "text/html ; charset = utf-8 "/ >
< titre > Twitinside pour Chrome < /title >
< script type = « text/javascript » src = "http://ajax.googleapis.com/
ajax/libs/jquery/1.5/jQuery.min.js">< / script >
< script type = « application/javascript » >
$("div.contentToChange p.firstparagraph:hidden").slideDown("slow") ;
$("div.contentToChange p.firstparagraph:visible").slideUp("slow") ;
< /script >
< style >
corps
{
Width : 300px ;
font-family : Arial ;
font-size : 12px ;
}
un
{
couleur: #33ccff ;
}
a: hover
{
Color: #000000 ;
text-decoration : none ;
}
H2
{
font-style : italic ;
couleur: #33ccff ;
}
< / style >
< / head >
< corps >
< a href = "http://www.twitter.com/yourtwitterid " target = "_blank" title = "suivre le creater de Twitinside @yourtwitterid " >
< img src="twitinside_128.png" border = "0" alt = "Suivez le creater de Twitinside @yourtwitterid" / >< / a >
< div style = "marge-droit : 0px" >< div id = « twitter_div » >
Twitter dans < h2 > < / h2 >
< ul id = « twitter_update_list » >< /ul >
< un id = « twitter-lien » style = "display : block ; text-align : droit;" href = "http://twitter.com/yourtwitterid " >< / a >
< / div >
< script src = « http://twitter.com/javascripts/blogger.js » type = « text/javascript » >< / script >
< script src = "http://twitter.com/statuses/user_timeline/yourtwitterid .json? rappel = twitterCallback2 & amp ; count = 5" type = "text/javascript" >< / script >< / div >
< / body >
< / html >
Changer yourtwitterid à bien votre identifiant Twitter et le comte =5 pour le nombre de postes que vous souhaitez afficher.
Enregistrez-la sous twitter.html (j’ai utilisé twitter.html car il est utilisé dans manifest.json, si vous modifiez le nom de fichier dans manifest.json, puis nommez le fichier html qui).
Il n’ya pas grand chose à vous dire sur ce script, j’ai obtenu à partir d’un endroit et il utilisé ici. Vous pouvez également utiliser votre script dans ce fichier.