Bonjour,

Je suis plutot nouveau en javascript.
Je suis en train de creer un site web sur lequel l'utilisateur pourrait naviguer d'une page à une autre en javascript, à l'interieur d'un même fichier HTML.

J'ai donc ma page HTML avec une balise div quelque part au milieu:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
 <div id="contenu"></div>

et un bouton "Suivant" un peu plus loin qui permet de générer le contenu dans ma balise "contenu":

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<input type="button" id="contenuSuivant" value="Suivant"/>


Le bouton est attaché à un listener (en js):

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
$(document).ready(function () {("#contenuSuivant").click(genereContenu);     });

Et finalement une fonction javascript genereContenu() qui produit du contenu pour le div:

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
function genereContenu()
{
	alert('Nouveau contenu');
 
	document.getElementById("contenu").innerHTML = "Voici le contenu";
}

Et tout marche super bien jusque là!
Mon probleme maintenant est tout simple. Le contenu que je voudrais generer est bien plus compliqué que "Voici le contenu". Il y a en fait une 30aine de lignes de code, qui manipule des variables, appel d'autres fonctions, etc. Je pourrais tout mettre à l'arrache comme ça :

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
document.getElementById("contenu").innerHTML = "Concatenation de plus de 30 lignes de code <br/> Sans coloration syntaxique <br/> Sans retour à la ligne <br/>Impossible à relire et très difficile à débuger <br/> etc. etc. etc.";

Mais c'est très sale et ça ne me convient pas.

Je suis sûr qu'il y a une methode plus conventionnelle pour faire ça, mais je ne la trouve pas pour le moment.

Est-ce que quelqu'un pourrait m'aider svp?

Merci bcp par avance!