ajout et suppression dynamique de js
Bonjour,
Je travail actuellement sur un projet très dynamique. En effet, j'ai un menu à gauche de ma page, et à chaque fois que je clique sur un lien, un formulaire est charge dans une div a droite en AJAX.
Pour éviter de charger tous les js d'un coup, je les charge un par un avec :
Code:
1
2
3
4
5
6
7
8
|
function loadJSFile(filename){
var fileref=document.createElement('script');
fileref.setAttribute("src", filename);
fileref.setAttribute("type","text/javascript");
if (typeof fileref!="undefined" && checkHeaderExists(filename))
document.getElementsByTagName("head")[0].appendChild(fileref);
} |
Ce que j'aimerais, c'est pouvoir les supprimer quand je le desire.
Pour le moment j'utilise :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
function cleanHeader()
{
var header = document.getElementsByTagName("head")[0];
var include = header.firstChild;
while(include != null)
{
if (include.nodeName == "SCRIPT")
{
if (include.attributes.item(0).nodeValue.match("form") != null)
{
header.removeChild(include);
cleanHeader();
}
}
include = include.nextSibling;
}
} |
Ce n'est pas optimisé mais c'est temporaire... de toute façon ça ne marche pas. Les js sont supprimés du header, mais le navigateur les utilisent toujours. Globalement, si quelqu'un sait comment supprimer dynamiquement des include js, je suis preneur.
