Changer le contenu d’une page en Javascript
Bonjour,
il est parfois utile de pouvoir changer le contenu d’une page sans avoir à recharger la page. Le code ci-dessous permet via un lien hypertext de changer le contenu HTML. Pour le moment pas de croisement avec une base de donnée ou un fichier XML (AJAX) mais cela pourra faire l’objet d’un autre article.
Pour commencer intégrons le code HTML.
ma_page.html :
<!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd »>
<html xmlns= »http://www.w3.org/1999/xhtml »>
<head>
<meta http-equiv= »Content-Type » content= »text/html; charset=utf-8″ />
<title>Ma page Web</title>
<script language= »javascript » type= »text/javascript » src= »mon_script.js »></script>
</head>
<body>
<div class= »ma_page »>
<a href= »javascript:monScript(); »>Mon Lien</a>
<div id= »mon_contenu »></div>
</div>
</body>
</html>
Maintenant créons le script Javascript permettant le chargement du contenu.
mon_script.js :
function monScript(){
document.getElementById(‘mon_contenu’).innerHTML = « mon contenu modifié »;
}
Voilà pour cet article simple permettant le changement du contenu d’une DIV via un lien hypertext. Très bientôt un article plus complet avec l’accès à un fichier XML et une base de donnée.
À très bientôt.