Tweet
J'ai crée une page htlm hors joomla pour tester la fonction que je souhaite pour mon site
tout fonctionne lorsque la page html est hors joomla, mais lorsque je la mets dans joomla, avec un module personnalisée, ou avec un module tel que mod-html, le script javascript ne s'execute pas
Ma question comment faire pour que le javascript (swapPic s execute ? soit dans le module soit dans soit dnas un article sans passer par load posiiton pour l'affichage du module
Merci de votre aide
Voila lemodule :
<title>ECLATE</title>
<script type="text/javascript">
function swapPic(zone,nr){
var pic=document.getElementById('hovered')
pic.src='images/ECLATE/eclate-'+nr+'.png'
zone.onmouseout=function(){pic.src='images/ECLATE/eclate-bg.png'}
}
</script>
<style type="text/css">
img {border:0;}
</style>
<div id="pic" style="height: auto; width: auto; background-image: url('images/ECLATE/eclate-0.png'); background-repeat: no-repeat">
<img id="hovered" src="images/ECLATE/eclate-0.png" usemap="#Map" width="896" height="531" />
<map name="Map">
<area shape="rect" coords="67,187,196,236" href="http://www.mon-site.fr/index.php/entretenir"onclick="window.open(this.href); return false;"onmouseover="swapPic(this,1)" >
<area shape="rect" coords="61,260,209,303" href="http://www.www.mon-site./index.php/entretenir"onclick="window.open(this.href); return false;"onmouseover="swapPic(this,2)" >
<area shape="rect" coords="52,324,207,372" href="http:/www.mon-site./index.php/entretenir"onclick="window.open(this.href); return false;"onmouseover="swapPic(this,3)" >
<area shape="rect" coords="36,388,210,439" href="http://www.www.mon-site./index.php/entretenir"onclick="window.open(this.href); return false;"onmouseover="swapPic(this,4)" >
</map>
</div>
tout fonctionne lorsque la page html est hors joomla, mais lorsque je la mets dans joomla, avec un module personnalisée, ou avec un module tel que mod-html, le script javascript ne s'execute pas
Ma question comment faire pour que le javascript (swapPic s execute ? soit dans le module soit dans soit dnas un article sans passer par load posiiton pour l'affichage du module
Merci de votre aide
Voila lemodule :
<title>ECLATE</title>
<script type="text/javascript">
function swapPic(zone,nr){
var pic=document.getElementById('hovered')
pic.src='images/ECLATE/eclate-'+nr+'.png'
zone.onmouseout=function(){pic.src='images/ECLATE/eclate-bg.png'}
}
</script>
<style type="text/css">
img {border:0;}
</style>
<div id="pic" style="height: auto; width: auto; background-image: url('images/ECLATE/eclate-0.png'); background-repeat: no-repeat">
<img id="hovered" src="images/ECLATE/eclate-0.png" usemap="#Map" width="896" height="531" />
<map name="Map">
<area shape="rect" coords="67,187,196,236" href="http://www.mon-site.fr/index.php/entretenir"onclick="window.open(this.href); return false;"onmouseover="swapPic(this,1)" >
<area shape="rect" coords="61,260,209,303" href="http://www.www.mon-site./index.php/entretenir"onclick="window.open(this.href); return false;"onmouseover="swapPic(this,2)" >
<area shape="rect" coords="52,324,207,372" href="http:/www.mon-site./index.php/entretenir"onclick="window.open(this.href); return false;"onmouseover="swapPic(this,3)" >
<area shape="rect" coords="36,388,210,439" href="http://www.www.mon-site./index.php/entretenir"onclick="window.open(this.href); return false;"onmouseover="swapPic(this,4)" >
</map>
</div>
Commentaire