Indentation du code généré en DOM

Version imprimable

03/10/2010, 16h11
Lcf.vs

Indentation du code généré en DOM

Bonjour,

Je me suis fait un petit générateur DOM, en Javascript, qui tourne très bien.

Le seul hic, c'est que lorsque je regarde le code source généré, il tient sur une seule ligne... pas très pratique à la re-lecture, notamment quand il faut y modifier certaines choses.

Ma question est donc la suivante :

Comment puis-je, en Javascript, ajouter des tabulations et retours à la ligne (dans le code généré), svp?
03/10/2010, 16h18
nod__

\n et \t marchent très bien.

Tiens, oui, j'avais dû mal essayer précédemment...

Merci beaucoup, ô grand Zéro... ^^

Dis, ce n'était pas toi, le fanatique des gEBI, gBTN, etc?

Que penses-tu de ceci? :P

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
function fnGE(){
	if(typeof(arguments[0])=='object'){
		arguments[1]=arguments[0][1];
		if(arguments[0][1]=='last'){
			arguments[1]=fnGE(arguments[0][0]).length-1;
		}
		arguments[0]=arguments[0][0];
	}
	if(document.getElementsByTagName(arguments[0])[arguments[1]]){
		return document.getElementsByTagName(arguments[0])[arguments[1]];
	}
	else if(document.getElementsByName(arguments[0])[arguments[1]]){
		return document.getElementsByName(arguments[0])[arguments[1]];
	}
	else if(document.getElementById(arguments[0])){
		return document.getElementById(arguments[0]);
	}
	else if(!arguments[1]){
		if(document.getElementsByTagName(arguments[0]).length==1){
			return document.getElementsByTagName(arguments[0])[0];
		}
		else if(document.getElementsByTagName(arguments[0]).length!=0){
			return document.getElementsByTagName(arguments[0]);
		}
		else if(document.getElementsByName(arguments[0]).length==1){
			return document.getElementsByName(arguments[0])[0];
		}
		else if(document.getElementsByName(arguments[0]).length!=0){
			return document.getElementsByName(arguments[0]);
		}
		else{
			return false;
		}
	}
	else{
		return false;
	}
}

Edit: Je peux le commenter, si nécessaire, mais je ne crois pas que tu en aies besoin, connaissant ton niveau... ^^

03/10/2010, 20h23
nod__

mouais je suis pas convaincu. Tu mélanges gebtn avec les autres alors que cette fonction renvoie une NodeList différente. Les autres méthodes retournent une liste d'éléments statiques, pas gebtn. Puis tu pars toujours de document. alors qu'on peut restreindre la recherche à un élement parent plus spécifique pour aller plus vite ou pas prendre des choses inutiles.

Une meilleur idée serait d'utiliser querySelector et querySelectorAll mais bon, à cause de IE… Une autre alternative est sizzle : http://sizzlejs.com/ pour éviter de tout refaire toi même. Comme ça tu pourra utiliser des selecteurs CSS comme dans querySelector et jQuery :)

Le DOM c'est casse gueule :/
04/10/2010, 11h45
Lcf.vs

En effet, concernant la node mère, je n'y avais pas pensé, merci pour l'idée, je vais corriger cela.

En revanche...

*- gebtn peut-être "rendu statique" par l'ajout d'un index en 2ème argument de fnGE() (à moins que je n'aie pas compris ce que tu voulais dire par statique).

*- Je ne veux pas utiliser de bibliothèques autres que les miennes (pour des raisons de contrôle de leur contenus et ne pas avoir à ajouter leur licences dans mes productions).

Pourquoi dis-tu que DOM est casse-gueule, stp?

Perso, je ne me sers que de cela pour coder du xhtml et du svg (ça donne un côté plus orienté programmation à des langages qui ne sont que de la pure imbrication rébarbative) et je ne dois pas, sans arrêt passer de Notepad++ au navigateur (pour tester un élément), en passant par l'upload de fichiers.

En fait, j'ai mon générateur, dans le navigateur, qui envoie les instructions à PHP qui les enregistre et les renvoie au navigateur en AJAX.

De plus, en terme d'application client, ça économise énormément de ressources serveur, ça accroit la sécurité du client et, avec un bon générateur DOM, ça améliore vraiment la compatibilité inter-navigateurs ainsi que le rendu (notamment visuel).

Enfin, par ce générateur, je suis sûr, si un élément est créé dans la page, qu'il ne contiendra que du code valide aux regard des DTDs, ça évite les erreurs dûes à ma distraction. ^^