[DOM] Mise en forme code source
Bonjour,
Je suis en train de réaliser une application en php/javascript, et j'ai des petits problèmes au niveau de la mise en forme du code source.
Un exemple étant plus explicite, voici une fonction que j'utilise :
Code:
1
2
3
4
5
6
7
8
9
10
|
function create_task(i) {
var i2 = i + 1;
document.getElementById('taski_'+i).innerHTML =
'<table><tr><td><div align="center">Task N°</div></td><td>Title</td><td><div align="center">Task</div></td></tr><tr><td><div align="center"> <input type="text" name="t_num[]" size="2" /></div></td><td><div align="center"> <input type="text" name="t_title[]" /></div></td><td><div align="center"> <textarea id="textarea'+i+'" name="t_task[]" cols="20" rows="4"></textarea></div></td></tr><tr><td class="titrep" colspan="3">New deliverables related</td></tr><tr><td colspan="3" id="newtask_'+i+'_newdels"><table id="table_new_t_del'+i+'"><tr><td>Del N°</td><td>Deliverable name</td><td>date due</td><td> Estimated pm</td></tr><tr><td><input name="new_t_del_num['+i+'][1]" type="text" size="2"></td><td></td><td></td><td></td></tr></table><a href="javascript:addnewtdel('+i+', 2)">Add a deliverable</a></td></tr></table></span>';
document.getElementById('taski_'+i).innerHTML += (i <= 20) ? '<br /><span id="taski_'+i2+'"><a href="javascript:create_task('+i2+')">Add another task</a></span>' : '';
} |
La question est : Quelle est la meilleure façon de procéder pour que le code HTML contenu dans ce script soit lisible facilement - car je n'aimerai pas être celui qui mettra le nez dans ce code pour faire une modification dans quelques mois ;)
Merci d'avance :)
