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:
et un bouton "Suivant" un peu plus loin qui permet de générer le contenu dans ma balise "contenu":
<input type="button" id="contenuSuivant" value="Suivant"/>
Le bouton est attaché à un listener (en js):
$(document).ready(function () {("#contenuSuivant").click(genereContenu); });
Et finalement une fonction javascript genereContenu() qui produit du contenu pour le div:
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 :
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!
Partager