L'auto save pourrait être pas mal mais ne vaut la peine que sur de gros contenu. Ici je ne suis pas sur que ça colle. Ou alors en option :)
Perso je jouerais sur une gestionnaire personnalisé et quelques IDs. Un bout de code en démo (scusez du pavé) :
[code]
<html>
<head>
<script>
function myOnclick(e) {
// On y stoquera l'objet cliqué
var obj_cliqued;
// Pour la compatibilié crossbrouter
if( !e) e = event;
// Récuperation de l'element du onclik
e.target ? obj_cliqued = e.target : obj_cliqued = e.srcElement;
// Attention, ce qui sort peut dépendre du navigateur
// A toi de t'en servir pour reperer ce qui sert
document.getElementBy Id('body').innerHTML += ' <br /> IDPARENT : <b> ' + obj_cliqued.parentNode.id + ' </b> | ID : <b> ' + obj_cliqued.id + ' </b> ';
/*
var str = "";
for(var z in obj_cliqued) {
str += " <b> " + z + " </b> = " + obj_cliqued[z] + "n";
}
*/
// document.write(' <pre> ' + str);
// Un ptit return pour faire plus propre
return true;
}
document.onclick = myOnclick;
// document.onmouseover = myOnclick;
</script>
<style>
#body {
wid th: 99%;
height: 99%;
background: #EEE;
}
#postit {
pad ding: 10px;
width: 200px;
height: 250px;
background: #CCC;
border: 1px outset #999;
}
#postit legend {
padding: 5px;
background: #CCC;
border: 1px outset #999;
}
#postit #textarea {
border: 1px inset #999;
width: 100%;
height: 220px;
}
</style>
< /head>
<body id="body">
<fieldset id="postit">
<legend> POST IT </legend>
<textarea id="textarea">
Autres langages 
