Bonjour,
Malheureusement nul en JS, j'ai besoin d'aide pour créer un bouton 2 en 1 (bouton on/off) qui fait appel à un JS externe.
Ce bouton fait correctement appel à un JS non lancé au démarrage de la page pour économiser des requêtes et ressources.
Par contre, je n'arrive pas à faire le contraire, c'est à dire arrêter le JS appelé et le "décharger".
J'ai tenter avec le bouton toggle cependant je ne crois pas qu'il enlève le JS en fond de tâche.
Idéalement j'ai besoin d'un bouton marche/arrêt qui appel et retire le JS externe.
Si c'est impossible, 2 boutons marche/arrêt pourrais faire l'affaire.
JS
HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 function loadScript(script_url){ var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= script_url; head.appendChild(script); } function toggleDiv(divId) { $("#"+divId).toggle(); }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <input type="button" onclick="loadScript('http://4bc5875dcd.url-de-test.ws/v5/js/sakura.js');" value="Start" /> <input type="button" onclick="javascript:toggleDiv('sakura');" value="Toggle" /> <p> <div onclick="loadScript('http://4bc5875dcd.url-de-test.ws/v5/js/sakura.js');">Bouton 2 en 1</div>
Possibilité de tester et modifier sur http://codepen.io/anon/pen/Grpnb
Merci pour votre temps.
Partager