Discussion :

[loukoum82]

Bonjour,

j'ai une balise script dans le body de ma page qui me permet d'afficher dynamiquement du texte et des images.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<table>
 <tr>
  <td>
   Texte dynamique :
  </td>
  <td>
 <td>
  <script id="dynaText" src="afficheBidule.js">
  </script>
 </td>
 </tr>
</table>

Est-ce que je peux en javascript utiliser une propriété simple de la balise "script" pour actualiser son contenu, par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 document.getElementById('dynaText').updateSrc();

Un truc du genre?

Merci

[E.Bzz]

Bonjour,
il faudrait préciser le but de l'opération ...

Ça supposerait qu'une action de l'utilisateur modifie le .js qu'il faudrait alors actualiser ?

Si c'est le cas, ça ne serait pas plus simple de recharger la page ?

A+

[loukoum82]

En fait le bidule.js est un lien externe au site, je ne sais pas ce qu'il y a dedans, il est fournit par un site de prise de controle a distance, il est sensé affiché un bouton qui selon si l'opérateur est en ligne ou non n'affiche pas la même image.
je voudrais que les utilisateurs qui vont sur ma page puissent voir en temps réel quand un utilisateurs se connecte ou se déconnecte, et pour ça je voudrais pouvoir réactualiser seulement le bouton, et donc ici le script chargé à distance.
En gros comme si je faisais un document.location = "mapageencours.html" pour réactualiser ma page, mais avec juste l'adresse du script dans la balise script.

[E.Bzz]

Tu peux peut être t'inspirer de ce script (ici dans la cadre d'Ajax) pour mettre à jour le .src de la balise ...

A+

[loukoum82]

Merci pour le lien, qui en effet à l'air très intéressant pour des balises scripts "normales", mais ça ne peut pas marcher dans mon cas car si j'insère la balise dynamiquement elle reste vide :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<script type="text/javascript" src="bidule.js">
</script>

le innerHTML de la balise script ne se remplit que à l'affichage de la page, donc dynamiquement ça ne peut pas marcher, contrairement à une balise script remplie directement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<script type="text/javascript">
 function prout() {
  alert('prout');  
 }
 prout();
</script>

Là le eval() marchera.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var MAJScript = document.createElement('script');
MAJScript.src = bidule.js;
document.getElementsByTagName('head')[0].appendChild(MAJScript);

[E.Bzz]

Merci pour le lien, qui en effet à l'air très intéressant pour des balises scripts "normales", mais ça ne peut pas marcher dans mon cas car si j'insère la balise dynamiquement elle reste vide

....

Là le eval() marchera.

Tu peux peut être t'inspirer de ce script (ici dans la cadre d'Ajax) pour mettre à jour le .src de la balise ...

Je n'ai pas parlé de eval().
La FAQ, c'était pour l'accès à la balise.

Cf. Bovino

A+

[loukoum82]

En fait ça marche pas génial...
Car il ne s'agit pas d'une balise script dans le HEAD du document, mais dans le body. Il doit y avoir des document.write() dedans, et lorsque que je fais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var MAJScript = document.createElement('script'); 
MAJScript.src = bidule.js; 
document.getElementById('MonDiv').appendChild(MAJScript);

Où MonDiv est l'endroit où doit s'afficher ce qu'écrit le script, et ben ma page change en entier, et affiche du code, comme si j'avais fait directement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 
document.location = "bidule.js";

Bizarre nan?

[E.Bzz]

Y a pas besoin de recréer la balise puisqu'elle existe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
la_balise = document.getElementById("id_du_td_ou_y_a_la_balise").getElementsByTagName("script")[0];
la_balise.src = "bidule.js"

En donnant un id au <td>, donc ...

A+

[loukoum82]

Ouaip... ça c'est le premier truc que j'ai essayé avant même de poster sur le forum. Désolé de ne pas l'avoir précisé. Mais ça ne marche pas du tout.

[E.Bzz]

Arf !

Alors, avec la méthode de Bovino, essaye de d'abord supprimer la balise avant de la recréer ...

Au pire, supprimer la balise, puis récupérer le .js via Ajax et en faire un eval() à réception ...

A+

[loukoum82]

Oui j'avais supprimé la balise avant de la recréer bien sûr, mais je crois que tu as raison, je vais passer par Ajax, ça devrait le faire... à moins que... le problème d'un eval c'est qu'il execute sur place les fonctions qu'il trouve, donc des document.write(), il va écrire où dans ma page...?
Je vais quand même tenter le coup.

[kernelfailure]

... des document.write(), il va écrire où dans ma page...?

Il écrira à l'endroit où se trouve le pointeur d'écriture de ta page.
Si ta page est complétement chargée, ce sera à la fin de celle-ci.

[Bovino]

Tu ne peux pas faire un document.write() lorsque le DOM est formé, cela supprimera l'ensemble de ta page.

[loukoum82]

Ok donc pas de solution...
J'ai essayé avec un XHR, mais le statut reste tout le temps à 0 comme s'il s'agissait d'un fichier local.

[loukoum82]

Il me reste la solution de mettre ça dans une iframe a part et de reactualiser juste la frame... Mais bon..