View: Changer une image dynamiquement

1. Changer une image dynamiquement
   1 year ago by linuski
   1. Supposons que vous ayez dans votre page html la déclaration suivante :
   2.  
   3. <object id='SvgView' data='/static/pictures/default.svg' type='image/svg+xml' width='1025' height='643'>
   4. </object>
   5.  
   6.  
   7. Du côté javascript, on a une fonction qui effectue le remplacement :
   8.  
   9. function displaySVG(fileName)
   10. {
   11.     var svgView  = document.getElementById("SvgView");
   12.     if (svgView)
   13.     {
   14.         // Récupère l'adresse complète de l'ancienne image
   15.         var  str = svgView.data.toString();
   16.         // Cherche le nom du fichier situé aprés l'adresse du serveur :
   17.         // on suppose que le format de str est du type  'http://192.168.122.56/pictures/truc/default.svg'
   18.         var  pos = str.indexOf('/', 7);
   19.         // Extraction de l'adresse du serveur
   20.         var  url = str.substring(0, pos);
   21.         // Remplace l'ancienne adresse par la nouvelle
   22.         Dom.replaceObjectData("SvgView", url + fileName);
   23.     }
   24. }
   htmljavascript
   View source