Puis-je changer le script src et javascript exécuter le nouveau code?

J'ai une page qui est en fait une présentation, tout comme Powerpoint. C'est une boucle infinie qui se met à jour avec ajax pour télécharger le contenu de la nouvelle présentation depuis la dernière fois.

Maintenant, cette ligne suivante sera modifiée lorsque l'utilisateur décidera de modifier les effets de transition dans le diaporama.

<script id='transition' type='text/javascript' src='transitions/script/slide_off_to_right_fade.js'></script> 

Cependant, même si je remplace cette marque entière par exemple

 <script id='transition' type='text/javascript' src='transitions/script/fade_in_out.js'></script> 

Il fait toujours la même chose que lorsque le document a été chargé initialement.

Existe-t-il une fonction / méthode spéciale à appeler pour y parvenir? Merci beaucoup.

Ps. Le même problème avec un tableau qui surveille le nombre de diapositives et le temps de rester sur chaque diapositive: je met à jour les temps dans la fonction et exécute la fonction, mais c'est comme si je n'avais jamais changé de chose … plus à ce sujet Dans un autre post …

Vous pouvez créer dynamiquement un élément de script et l'insérer dans le DOM. Si vous n'utilisez pas jQuery, vous pouvez le faire en Javascript pur comme suit:

  var ref = document.getElementsByTagName('script')[0], script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', 'transitions/script/fade_in_out.js'); script.setAttribute('id', 'newTransition'); ref.parentNode.insertBefore(script, ref); 

La création d'un nouvel élément <script> et l'ajout à l'arborescence DOM devrait fonctionner. Si vous utilisez une bibliothèque JavaScript comme jQuery, vous pouvez utiliser la fonction getScript () pratique .