Cette méthode permet de rajouter un calendrier à votre blog et est customisable grave à jquery UI.
Tout d'abord, il faut ajouter un widget via l'interface de présentation :
Ensuite copier/coller ce code html/javascript dans le gadget "Configurer HTML/JavaScript" :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-fr.js"></script>
<script>
var archiveName = "archive";
/* nom de la page des archives, exemple : http://my.blogspot.com/2010_12_24_archive.html */
var theme = "humanity"; /* default : "base" */
/* pour changer la couleur du calendrier indiquer ici le nom du theme jquery que vous trouvez ici : http://jqueryui.com/themeroller/ (onglet "Gallery) */
var thisMonth, thisDay, thisArchiveDate;
var thisDomain = document.location.protocol+'//'+document.location.host + '/';
var thisMonthNbPost = 0;
$(document).ready(function(){
var link = $("<link>");
link.attr({
type: 'text/css',
rel: 'stylesheet',
href: 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/'+theme+'/jquery-ui.css'
});
$("head").append(link);
var currentUrl = document.location.href;
var currentDate = null ;
var indexDateFromUrl = currentUrl.indexOf("_"+archiveName+".html");
if(indexDateFromUrl!=-1){
currentDate = currentUrl.substring(indexDateFromUrl-10,indexDateFromUrl);
}
$("#datepicker").datepicker({
onSelect: function(dateText, inst) { document.location = "/" + dateText + "_"+archiveName+".html"; },
dateFormat: 'yy_mm_dd',
defaultDate : currentDate,
maxDate : '+0',
showButtonPanel: true,
currentText: 'Aujourd\'hui',
beforeShowDay: function(date) {
thisMonth = parseInt(date.getMonth())+1;
thisMonth = (thisMonth<10)? "0"+thisMonth : thisMonth;
thisDay = parseInt(date.getDate());
thisDay = (thisDay<10)? "0"+thisDay : thisDay;
thisArchiveDate = thisDomain +date.getFullYear() + "_" + thisMonth + "_" + thisDay + "_"+archiveName+".html";
/* test si il ya un article ce jour là */
if($('.BlogArchive a[href^="'+thisArchiveDate+'"]').size()>0){
return [true,''];
}
return [false,''];
},
onChangeMonthYear: function(year, month, inst) {
thisMonthNbPost = $('.BlogArchive a[href^="'+thisDomain +year + "_" + ((month<10)?"0"+month : month) + "_"+'"]').size();
setTimeout(function (){
$(".ui-datepicker-title").append(" <small class='nbPostThisMonth' title='"+thisMonthNbPost+" messages ce mois-ci'>"+thisMonthNbPost+ "</small>");
},0);
}
});
});
</script>
<style type="text/css">
.ui-datepicker, .ui-datepicker .ui-state-active{
display : block;
overflow: hidden;
background: transparent !important;
border : 1px solid white !important;
}
.ui-datepicker .ui-state-active{
font-weight : bold !important;
color : black !important;
}
.ui-datepicker-prev, .ui-datepicker-next{
cursor:pointer;
}
.BlogArchive{
display:none;
}
.nbPostThisMonth{
float: right;
background: url(http://lh6.ggpht.com/_hMucZ6fziyo/TR3f7LJAVtI/AAAAAAAAKUk/s1Y3wo0RAb8/message_balloon_24.png) no-repeat center;
width: 24px;
height: 24px;
line-height: 20px;
color: black;
}
</style>
<div id="datepicker"></div>
Résultat final
30 décembre 2010
15 septembre 2010
[Blogger] Transformer votre blog en Podcast
TUTORIEL en 3 étapes :
Etape 1
Tout d'abord il faut activer les pièces jointes sur les messages : aller dans Paramètres/Mise en forme puis mettre à 'Oui' Afficher les champs Lien
Etape 2
Allez dans : Préséntation/Modifier le code HTML/Cocher 'Développer des modèles de gadgets'
et rajouter ce code HTML à la suite de la balise <data:post.body/>
<!-- debut pieces jointes -->
<style>
.piece-jointe{
background : url(http://lh6.ggpht.com/_hMucZ6fziyo/TR-iGQE9VrI/AAAAAAAAKVY/AHYPUrtKUik/1293918699_PaperClip4_Black.png) no-repeat left center;
height : 32px;
width : 32px;
float : left;
}
</style>
<script type='text/javascript'>var numberEnclosure = 0;
<b:loop values='data:post.enclosures' var='enclosure'>
numberEnclosure++;
</b:loop>
var enclosureTitle = numberEnclosure + ((numberEnclosure==1) ? " pièce jointe" : " pièces jointes");
var isDisplay = (numberEnclosure==0)? " style='display:none;'" : "";
</script>
<b:if cond='data:post.enclosures'>
<script type='text/javascript'> document.write("<div class='post-footer'"+isDisplay+">"); </script>
<span class='piece-jointe'/> &nbsp;
<script type='text/javascript'>document.write(enclosureTitle);</script> :
<ul style='list-style: none;'>
<b:loop values='data:post.enclosures' var='enclosure'>
<li>
<b:if cond='data:enclosure.mimeType == "audio/mpeg"'>
<object expr:data='"http://bilelzz.free.fr/player/player_mp3_maxi.swf?showstop=1&showvolume=1&volume=50&width=170&textcolor=666666&buttoncolor=000000&buttonovercolor=000000&bgcolor1=f5f5f5&bgcolor2=cccccc&sliderovercolor=333333&autoplay=0&mp3="+data:enclosure.url' height='20' type='application/x-shockwave-flash' width='170' wmode='transparent'>
<param expr:value='"http://bilelzz.free.fr/player/player_mp3_maxi.swf?showstop=1&showvolume=1&volume=50&width=170&autoplay=0&textcolor=666666&buttoncolor=000000&buttonovercolor=000000&bgcolor1=f5f5f5&bgcolor2=cccccc&sliderovercolor=333333&mp3="+data:enclosure.url' name='movie'/>
<param name='loop' value='false'/>
<a expr:href='""+data:enclosure.url'>Voir la pièce jointe</a>
</object>
<a expr:href='data:enclosure.url' expr:title='"Ecouter le son : " + data:enclosure.url' rel='enclosure' target='_blank'>Source originale</a>
</b:if>
<!-- AUTRE TYPE MIME -->
<b:if cond='data:enclosure.mimeType != "audio/mpeg"'>
<a expr:href='data:enclosure.url' expr:title='"Voir le document : " + data:enclosure.url' rel='enclosure' target='_blank'> Voir le document</a>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:if>
<!-- fin pieces jointes -->
Code HTML à copier
illustation
Etape 3
Enfin, vous pouvez ajouter un lien vers des documents et même des mp3 qui seront proposés automatiquement à la lecture :
Vous pouvez contempler un exemple sur ce propre message.
Etape 1
Tout d'abord il faut activer les pièces jointes sur les messages : aller dans Paramètres/Mise en forme puis mettre à 'Oui' Afficher les champs Lien
Ajoute l'option permettant d'inclure, dans chacun de vos messages, des liens vers des URL ou vers du contenu en podcasting. |
Etape 2
Allez dans : Préséntation/Modifier le code HTML/Cocher 'Développer des modèles de gadgets'
et rajouter ce code HTML à la suite de la balise <data:post.body/>
<!-- debut pieces jointes -->
<style>
.piece-jointe{
background : url(http://lh6.ggpht.com/_hMucZ6fziyo/TR-iGQE9VrI/AAAAAAAAKVY/AHYPUrtKUik/1293918699_PaperClip4_Black.png) no-repeat left center;
height : 32px;
width : 32px;
float : left;
}
</style>
<script type='text/javascript'>var numberEnclosure = 0;
<b:loop values='data:post.enclosures' var='enclosure'>
numberEnclosure++;
</b:loop>
var enclosureTitle = numberEnclosure + ((numberEnclosure==1) ? " pièce jointe" : " pièces jointes");
var isDisplay = (numberEnclosure==0)? " style='display:none;'" : "";
</script>
<b:if cond='data:post.enclosures'>
<script type='text/javascript'> document.write("<div class='post-footer'"+isDisplay+">"); </script>
<span class='piece-jointe'/> &nbsp;
<script type='text/javascript'>document.write(enclosureTitle);</script> :
<ul style='list-style: none;'>
<b:loop values='data:post.enclosures' var='enclosure'>
<li>
<b:if cond='data:enclosure.mimeType == "audio/mpeg"'>
<object expr:data='"http://bilelzz.free.fr/player/player_mp3_maxi.swf?showstop=1&showvolume=1&volume=50&width=170&textcolor=666666&buttoncolor=000000&buttonovercolor=000000&bgcolor1=f5f5f5&bgcolor2=cccccc&sliderovercolor=333333&autoplay=0&mp3="+data:enclosure.url' height='20' type='application/x-shockwave-flash' width='170' wmode='transparent'>
<param expr:value='"http://bilelzz.free.fr/player/player_mp3_maxi.swf?showstop=1&showvolume=1&volume=50&width=170&autoplay=0&textcolor=666666&buttoncolor=000000&buttonovercolor=000000&bgcolor1=f5f5f5&bgcolor2=cccccc&sliderovercolor=333333&mp3="+data:enclosure.url' name='movie'/>
<param name='loop' value='false'/>
<a expr:href='""+data:enclosure.url'>Voir la pièce jointe</a>
</object>
<a expr:href='data:enclosure.url' expr:title='"Ecouter le son : " + data:enclosure.url' rel='enclosure' target='_blank'>Source originale</a>
</b:if>
<!-- AUTRE TYPE MIME -->
<b:if cond='data:enclosure.mimeType != "audio/mpeg"'>
<a expr:href='data:enclosure.url' expr:title='"Voir le document : " + data:enclosure.url' rel='enclosure' target='_blank'> Voir le document</a>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:if>
<!-- fin pieces jointes -->
Code HTML à copier
illustation
Etape 3
Enfin, vous pouvez ajouter un lien vers des documents et même des mp3 qui seront proposés automatiquement à la lecture :
Vous pouvez contempler un exemple sur ce propre message.
Afficher les pieces jointes de vos messages sur Blogger
Allez dans : Préséntation/Modifier le code HTML/Cocher 'Développer des modèles de gadgets'
et rajouter ce code HTML à la suite de la balise <p><data:post.body/></p>
<object expr:data='"http://mail.google.com/mail/html/audio.swf?audioUrl="+data:enclosure.url' height='25' type='application/x-shockwave-flash' width='220' wmode='transparent'>
<param expr:value='"http://mail.google.com/mail/html/audio.swf?audioUrl="+data:enclosure.url' name='movie'/>
<param name='loop' value='false'/>
<video autoplay='false' controls='controls' height='25' tabindex='0' width='220'>
<source expr:src='data:enclosure.url' poster=''/>
<a expr:href='"http://mail.google.com/mail/html/audio.swf?audioUrl="+data:enclosure.url'>Cliquez ici pour écouter</a>
</video>
</object>
<a expr:href='data:enclosure.url' expr:title='"Ecouter le son : " + data:enclosure.url' rel='enclosure' target='_blank'>Source originale</a>
Allez dans : Préséntation/Modifier le code HTML/Cocher 'Développer des modèles de gadgets'
et rajouter ce code HTML à la suite de la balise <p><data:post.body/></p>
<object expr:data='"http://mail.google.com/mail/html/audio.swf?audioUrl="+data:enclosure.url' height='25' type='application/x-shockwave-flash' width='220' wmode='transparent'>
<param expr:value='"http://mail.google.com/mail/html/audio.swf?audioUrl="+data:enclosure.url' name='movie'/>
<param name='loop' value='false'/>
<video autoplay='false' controls='controls' height='25' tabindex='0' width='220'>
<source expr:src='data:enclosure.url' poster=''/>
<a expr:href='"http://mail.google.com/mail/html/audio.swf?audioUrl="+data:enclosure.url'>Cliquez ici pour écouter</a>
</video>
</object>
<a expr:href='data:enclosure.url' expr:title='"Ecouter le son : " + data:enclosure.url' rel='enclosure' target='_blank'>Source originale</a>
19 août 2010
Google Mail corrige l'affichage des signatures
Par défaut, votre signature (si vous l'avez configurée) s'affichait à la toute fin de votre mail et surtout aprés le texte des messages précédents. Ce qui rendait votre signature peut visible.
De plus, une ligne "--" était insérée au dessus de votre signature.
Grace à une option dans le labo de GMail, vous pouvez avoir une signature visible et sans "--"
Pour activer cette option rdv dans Paramètres puis Labos ou cliquez ici : https://mail.google.com/mail/?shva=1#settings/labs
![]() | Options supplémentaires pour votre signature par Keith C. et Dave C. Place votre signature avant le texte des messages précédents dans une réponse et supprime la ligne "--" qui apparaît avant les signatures. |
10 août 2010
Code javascript pour n'autoriser que la saisie de chiffres dans les champs texte
Code jQuery
Les champs textes doivent avec la classe "numeric" pour être "surveillés".
via http://stackoverflow.com/questions/345194/regular-expression-matching-in-jquery/3449350#3449350
29 juillet 2010
21 juillet 2010
50 techniques et plugins utiles en JavaScript et jQuery
Ce que j'ai retenu :
Nivo Slider
La gallerie d'image Jquery la plus beautiful, avec 9 effets uniques de transition
jqFancyTransitions: jQuery Image Rotator Plugin
Une autre gallerie avec des effets sympa
La gallerie d'image Jquery la plus beautiful, avec 9 effets uniques de transition
jqFancyTransitions: jQuery Image Rotator Plugin
Une autre gallerie avec des effets sympa
Voir le reste des 50 plugins chez noupe.com
20 juillet 2010
France.fr : les erreurs à éviter lors du lancement d’un site Web d’envergure
L’incident technique, qui a contraint le portail France.fr à couper le service afin de revoir son architecture technique, sera-t-il un énième cas d’école ?
La médiatisation importante liée à l’ouverture de sites Web d’envergure entraîne ce genre de mésaventure.
Ce fut le cas du Géoportail inauguré en juin 2006 ou plus récemment du site de Carla Bruni ouvert en octobre 2009.
Pourtant, selon les chiffres communiqués par les responsables IT de France.fr, l’hébergement semblait correctement dimensionné : une dizaine de serveurs ont livré le contenu à 50 000 visiteurs durant la première journée d’exploitation.
Mais hélas, l’infrastructure n’aura pas tenu la charge.
Tentative de décryptage de cet incident déplorable avec l’appui de plusieurs experts IT.
Lire la suite sur itespresso.fr
La médiatisation importante liée à l’ouverture de sites Web d’envergure entraîne ce genre de mésaventure.
Ce fut le cas du Géoportail inauguré en juin 2006 ou plus récemment du site de Carla Bruni ouvert en octobre 2009.
Pourtant, selon les chiffres communiqués par les responsables IT de France.fr, l’hébergement semblait correctement dimensionné : une dizaine de serveurs ont livré le contenu à 50 000 visiteurs durant la première journée d’exploitation.
Mais hélas, l’infrastructure n’aura pas tenu la charge.
Tentative de décryptage de cet incident déplorable avec l’appui de plusieurs experts IT.
Lire la suite sur itespresso.fr
Pays/territoire :
France
15 juillet 2010
Elle est belle la france.fr
www.France.fr
Pour plus d'informations : pcinpact.com : audit complet pour France.fr, moqueries totales sur Twitter
Pays/territoire :
France
2 juillet 2010
18 juin 2010
Plugins indispensables pour le navigateur internet Google Chrome :

Voici ma liste de plugins sur

11 juin 2010
10 moyens de voir la coupe de monde de Football FIFA 2010 gratuitement

1. Watch world cup 2010 football live online for free on atdhe – much recommended link for live online streaming of football matches.
2. Watch world cup football matches live online for free on ESPN – high quality live streaming of FIFA world cup, but US only. Use Free VPN services to access it.
3. Watch world cup soccer 2010 live streaming online for free on MyP2P – another recommended link which lists multiple sources for watching world cup 2010 live. You would need to download few harmless software though.
4. Watch FIFA world cup 2010 football matches live + Highlights on Justin TV – another site which contains multiple live streaming links, but hard to expect high quality streaming over here.
5. World cup 2010 Live streaming links for free on UStream – very similar to Justin tv. Mirror link here.
6. Watch 2010 world cup soccer live online for free on IraqGoals – another popular link for live football streams.
7. Watch live football 2010 world cup for Free on Live Foot forum – Live-foot forum gives the best guidance for finding the exact channels where to watch the match.
Other untested options
9.
http://livefooty.doctor-serv.com/
10.
http://www.watch-free.tv/watch-live-tv-sports-online/
11.
http://streamick.com/
source : http://techpp.com/2010/06/02/10-ways-to-watch-fifa-world-cup-2010-live-online-for-free
8 juin 2010
Désactiver l'identification avec une mise en veille (ubuntu)
Ouvrir un terminal (qui se trouve dans le menu : "Application > Accessoires > Terminal") et taper gconf-editor
Se rendre dans la branche : apps > gnome-power-manager > lock
Décocher la case hibernate (pour désactiver le mot de passe lors de la sortie du mode hibernation)
Décocher la case suspend (pour désactiver le mot de passe lors de la sortie du mode veille.)
Allez aussi juste en dessous dans gnome-screensaver pour décocher lock_enabled
Fermer la fenêtre, les changements sont enregistrés automatiquement.
source :
Se rendre dans la branche : apps > gnome-power-manager > lock
Décocher la case hibernate (pour désactiver le mot de passe lors de la sortie du mode hibernation)
Décocher la case suspend (pour désactiver le mot de passe lors de la sortie du mode veille.)
Allez aussi juste en dessous dans gnome-screensaver pour décocher lock_enabled
Fermer la fenêtre, les changements sont enregistrés automatiquement.
source :
1 juin 2010
Des forfaits triple-play FREE à 10euros/mois sur vente-privee.com
Le célèbre Vente-Privée.com ne vend pas que des vêtements, des voyages, des produits cosmétiques, des ustensiles de cuisine, des meubles ou même des produits technologiques. Il lui arrive aussi parfois de proposer à des quantités limitées, mais à des prix souvent très bas, des produits comme des jeux vidéo, des CD ou des DVD/Blu-ray.
Cette fois, Vente Privée passe un autre cap en proposant un forfait Internet. Le site vendra ainsi entre le jeudi 3 juin prochain à 7h du matin et le vendredi 4 juin à minuit l'offre de Free, avec bien sûr la Freebox HD à la clé.
Selon une information supprimé du site universfreebox.com, cette offre serait un abonnement à 10euros/mois (au lieu de 30euros/mois!) pendant les 12 premiers mois!
Source : pcinpact | universfreebox (lire les commentaires,)
iPad : au delà de l'esthétique
"
Vendredi dernier, Apple a sorti en France l'iPad. Ca fait pile 4 semaines que j'ai celui du bureau, et qui me donne souvent l'occasion de rigoler. La scène ressemble généralement à ceci :
"
iPad: No entry (pas d'entrée / pas de saisie)
La suite de l'article : http://standblog.org/blog/post/2010/06/01/iPad-au-dela-de-l-esthetique
Vendredi dernier, Apple a sorti en France l'iPad. Ca fait pile 4 semaines que j'ai celui du bureau, et qui me donne souvent l'occasion de rigoler. La scène ressemble généralement à ceci :
- J'arrive, détendu, l'iPad sous le bras, devant quelqu'un, et je lui lance "t'as déjà vu un iPad ?"
- On me répond par la négative, des points d'interrogation dans les yeux…
- Je montre l'engin et, magnanime, je le prête, démontre où il faut cliquer pour les applications les plus spectaculaires (Safari, Plans et Photos) et je laisse la personne jouer 3 minutes.
- On me le rend à regret, la bave aux lèvres[1] et demande presque toujours : "alors Tristan, t'en penses quoi de l'iPad ?"
- Et moi de répondre, très sérieusement : "c'est vraiment de la merde !".
"
iPad: No entry (pas d'entrée / pas de saisie)
La suite de l'article : http://standblog.org/blog/post/2010/06/01/iPad-au-dela-de-l-esthetique
Être chef de projet c’est has been
Vous le savez tout aussi bien que moi, être un « simple » développeur en France n’est pas considéré comme quelque chose de glorieux, mais bien comme un métier pour les jeunes. Du coup tout le monde veut évoluer de manière à devenir chef de projet. On se retrouve même avec des gens qui, tout juste sorti de leur grande école d’ingénieur, veulent directement avoir 15 personnes (toutes plus âgées qu’elles) sous leurs ordres histoire de montrer que c’est eux qui ont la plus grosse.
C’est à ces personnes que cet article s’adresse.
Lire la suite de l'article : http://www.dmathieu.com/2010/04/20/etre-chef-de-projet-cest-has-been/
La citation du jour : "je continuerais à faire de l’informatique jusqu’à ce que je vois un projet sortir en temps et en heure"
De nombreuses personnes m’ont déjà entendu dire que je continuerais à faire de l’informatique jusqu’à ce que je vois un projet sortir en temps et en heure. C’est une blague récurrente, qui reflète, malheureusement le manque de soin apporté à l’évaluation des risques, des ressources et des spécifications dans les projets de développement web.
Pour lire la suite : http://www.travailleursduweb.com/2010/04/20/ma-premiere-fois.html
31 mai 2010
25 mai 2010
Sortie de la version 2.2 d'Android, résumé des nouveautés
consultation de l’Android Market directement depuis le web.
installation des applications sur votre terminal Android directement depuis le site web du market !
Le Market
mise à jour de toutes vos applications en un seul clic
et possibilité les applications à mettre à jour automatiquement sans interventions de la part de l’utilisateur
HTML5
Exploitation des API systèmes directement depuis une application web.
exemple : Google Maps (version web) peut utiliser l’accéléromètre, l’application web Buzz peut accéder à la caméra, etc...
Navigateur
moteur Javascript V8 2 à 3 fois plus rapide par rapport à la version Android 2.1.
Votre mobile android devient un point d'accès wifi!
Une autre nouvelle importante, Android 2.2 supportera nativement le partage de connexion via Wifi. Vous pourrez ainsi partager votre connexion 3G avec votre ordinateur (ou votre iPad

Installation des applications sur la carte mémoire
Une des autres nouveautés, c’est qu’il n’y a maintenant plus de limite, ou presque, pour les applications. Ces dernières peuvent s’installer dans la mémoire interne ou dans la carte SD sans aucun problème.
vidéos de présentation officielle
Source : frandroid.com et android.com
Inscription à :
Articles (Atom)