Discussion :

[k3nshin]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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&deg;</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

[Bisûnûrs]

Utiliser le DOM.

[k3nshin]

Effectivement ... bon maintenant, me voilà convaincu que innerHTML c'est pas bô pas propre ...