J'ai une page Web créée par un script php qui, lors du chargement, contiendra 0 à N éléments div. Pour chaque div, je lance un code javascript spécifique qui manipule les données pertinentes pour ce div. L'un des éléments de ce code est de créer un élément img et de définir son attribut 'src' sur une certaine URL d'une image de taille connue (mais variable). Ceci est fait pour la mise en cache. Ces images ne sont pas supposées être affichées dans la mise en page initiale - mais chacune doit apparaître après une certaine entrée de l'utilisateur (survol de la souris) - donc j'essaie de mettre les images en cache pour qu'elles ne soient pas longues à apparaître.Comment exécuter plusieurs codes javascript internes de manière asynchrone et ne pas bloquer?
Le chargement des images de parcours prend du temps - et chaque fois qu'une image charge les blocs de code résultant en des temps de chargement élevés. un exemple:
<div id="i1">
<script type="text/javascript">
/* run code relevant to 'i1', and amongst other things load some image
into a detached img element for later use. let's call this code 'bcode' */
</script>
<div id="i2">
<script type="text/javascript">
/* run 'bcode' for i2 */
</script>
<div id="...and so on">
Pour essayer d'avoir le code exécuté de manière asynchrone, j'ai essayé ceci:
<div id="i1">
(function() {
var asyncScriptElement = document.createElement('script');
asyncScriptElement.async = true;
var scriptText = document.createTextNode ('here I put all of the relevant "bcode"');
asyncScriptElement.appendChild (scriptText);
document.getElementById ('Img_1_2').appendChild (asyncScriptElement);
}());
Il fonctionne sous FF (toujours pas assez vite), et il ne fonctionne évidemment pas sous IE. Avez-vous des suggestions sur la façon d'y parvenir? Notez également, que je n'ai pas vraiment besoin d'obtenir quelque chose d'un autre php externe (c'est-à-dire d'utiliser XMLHttpRequest) - j'ai toutes les données dont j'ai besoin dans ce php. J'ai juste besoin d'un moyen de débloquer le chargement des images ...
vais-je pouvoir js référence les variables du document externe de l'intérieur du js qui seront dans les iframes? –
Non. Vous pouvez inclure des paramètres supplémentaires dans iframe src et utiliser ces paramètres via PHP ou JS dans l'iframe. – lbz
@Yuval, @ibz Si vos iframes sont sur le même domaine (même origine) vous avez un accès complet à tout dans les deux objets fenêtre. – xj9