Problème script avec joomla

Problème script avec joomla - HTML/CSS - Programmation

Marsh Posté le 28-06-2010 à 12:16:04    

Bonjour,
 
J'ai un soucis avec un script que je voudrais mettre sur une page html joomla ?
 
Voilà, j'ai récupéré un script sur le net et je voudrais le mettre sur un site web qui se trouve actuellement hébergé en local sur mon poste.
Le script ne fonctionne pas du tout !
 
 
Voilà se que je colle en code sur ma page HTML sous joomla
*****************************************************************************
 
<div class="content-view-full">
 <div class="class-article">
   <div class="attribute-short">
<p>L’article 36 de la loi n°2005-102 du 11 février 2005 « pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées », institue un Fonds pour l’insertion des personnes handicapées dans la fonction publique (FIPHFP) qui entre en vigueur au 1er janvier 2006.</p><p>La loi fait obligation aux employeurs publics, occupant au moins vingt agents à temps plein ou leur équivalent, de réserver 6% de ces emplois aux travailleurs handicapés. Si ce taux n’est pas atteint, ils devront verser au FIPHFP une contribution annuelle proportionnelle à l’écart constaté entre le nombre de personnes handicapées rémunérées et l’obligation légale.</p><p>Le fait de confier des contrats de sous-traitance ou de service à des entreprises du secteur adapté peut vous exonérer d'une partie de cette taxe.</p><a name="eztoc1141_1" id="eztoc1141_1"></a><h2>Estimez en 2 clics votre EXONERATION de versement au F.I.P.F.H.P.</h2>    
                        </div>
     
 
 <script language="javascript">
         function calcul()
  {  
   var unites = document.conversion.unites.value;
   var smic = document.conversion.smic.value;
   
   if (unites=="" )
   {
   document.getElementById('alert_unites').style.display = 'block';
   }
   else
   {
   document.getElementById('alert_unites').style.display = 'none';
   }
   
   if (smic=="" )
   {
   document.getElementById('alert_smic').style.display = 'block';
   }
   else
   {
   document.getElementById('alert_smic').style.display = 'none';
   document.getElementById('exoneration').value = (Math.round(unites*smic)+' euros');
   }
  }
 </script>
 
 
 <form name="conversion">
 
 <div class="form-fiphfp-left">
 
  <div class="form-fiphfp-left-left">
   <h2>Volume d'affaires </h2>
 
   Saisie libre : <input type="text" size="8" name="chiffre_affaires" onChange="this.form.unites.value=(this.value/16095.5).toFixed(2);">  
   <label><input type="radio" name="ca" value="20000" onClick="this.form.unites.value=(this.value/16095.5).toFixed(2);this.form.chiffre_affaires.value='20000';">20000 &euro;</label>
   <label><input type="radio" name="ca" value="50000" onClick="this.form.unites.value=(this.value/16095.5).toFixed(2);this.form.chiffre_affaires.value='50000';">50000 &euro;</label>
   <label><input type="radio" name="ca" value="100000" onClick="this.form.unites.value=(this.value/16095.5).toFixed(2);this.form.chiffre_affaires.value='100000';">100000 &euro;</label>
   <div id="alert_unites">Merci de saisir ou s&#233;lectionner un volume d'affaires</div>
  </div>
 
 
  <div class="form-fiphfp-left-right">
   <h2>Nombre de salari&#233;s</h2>
   <label><input type="radio" name="nbrSalaries" value="400" onClick="this.form.smic.value=this.value*8.86;">0 &agrave; 249</label>
   <label><input type="radio" name="nbrSalaries" value="500" onClick="this.form.smic.value=this.value*8.86;">250 &agrave; 749</label>
 
   <label><input type="radio" name="nbrSalaries" value="600" onClick="this.form.smic.value=this.value*8.86;">750 et +</label>
   <div id="alert_smic">Merci de s&#233;lectionner un nombre de salari&#233;</div>
  </div>
   
 </div>
 
 <div class="form-fiphfp-right">
  <div class="unites">
   Nombre d'unit&#233;s<br>
 
   <input class="disabled" type="text" size="8" name="unites" disabled>
  </div>
  <div class="exoneration">
   Votre exon&#233;ration<br>
   <input class="disabled" id="exoneration" type="text" size="8" name="exoneration" disabled>
  </div>
 </div>
 
 <div class="break"></div>
 <div class="button-center">
  <input type="hidden" size="8" name="smic">
  <input name="submit" type="button" value="Calculer votre exon&#233;ration" OnClick="calcul()">
 </div>
 </form>
 <div class="break"></div>
 
   
 
 
   
 
   <div class="attribute-long">
                              <p>Les calculs présentés sur ce site sont donnés à titre indicatif et sont non contractuels, pour une étude plus précise de votre exonération</p>      
                        </div>  
 </div>
</div>
 
 
*********************************************************************************************************************************
Ci dessous, c'est le résultat quans je fais "mise à jour" avec l'éditeur joomla !
 
*********************************************************************************************************************************
<div class="content-view-full">
<div class="class-article">
<div class="attribute-short">
<p>L’article 36 de la loi n°2005-102 du 11 février 2005 « pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées », institue un Fonds pour l’insertion des personnes handicapées dans la fonction publique (FIPHFP) qui entre en vigueur au 1er janvier 2006.</p>
<p>La loi fait obligation aux employeurs publics, occupant au moins vingt agents à temps plein ou leur équivalent, de réserver 6% de ces emplois aux travailleurs handicapés. Si ce taux n’est pas atteint, ils devront verser au FIPHFP une contribution annuelle proportionnelle à l’écart constaté entre le nombre de personnes handicapées rémunérées et l’obligation légale.</p>
<p>Le fait de confier des contrats de sous-traitance ou de service à des entreprises du secteur adapté peut vous exonérer d'une partie de cette taxe.</p>
<a id="eztoc1141_1" name="eztoc1141_1"></a>
<h2>Estimez en 2 clics votre EXONERATION de versement au F.I.P.F.H.P.</h2>
</div>
<script type="text/javascript">// <![CDATA[
 function calcul()
  {  
   var unites = document.conversion.unites.value;
   var smic = document.conversion.smic.value;
   
   if (unites=="" )
   {
   document.getElementById('alert_unites').style.display = 'block';
   }
   else
   {
   document.getElementById('alert_unites').style.display = 'none';
   }
   
   if (smic=="" )
   {
   document.getElementById('alert_smic').style.display = 'block';
   }
   else
   {
   document.getElementById('alert_smic').style.display = 'none';
   document.getElementById('exoneration').value = (Math.round(unites*smic)+' euros');
   }
  }
// ]]></script>
<form>
<div class="form-fiphfp-left">
<div class="form-fiphfp-left-left">
<h2>Volume d'affaires</h2>
Saisie libre : <input name="chiffre_affaires" size="8" type="text" /> <label><input onclick="this.form.unites.value=(this.value/16095.5).toFixed(2);this.form.chiffre_affaires.value='20000';" name="ca" type="radio" value="20000" />20000 €</label> <label><input onclick="this.form.unites.value=(this.value/16095.5).toFixed(2);this.form.chiffre_affaires.value='50000';" name="ca" type="radio" value="50000" />50000 €</label> <label><input onclick="this.form.unites.value=(this.value/16095.5).toFixed(2);this.form.chiffre_affaires.value='100000';" name="ca" type="radio" value="100000" />100000 €</label>
<div id="alert_unites">Merci de saisir ou sélectionner un volume d'affaires</div>
</div>
<div class="form-fiphfp-left-right">
<h2>Nombre de salariés</h2>
<label><input onclick="this.form.smic.value=this.value*8.86;" name="nbrSalaries" type="radio" value="400" />0 à 249</label> <label><input onclick="this.form.smic.value=this.value*8.86;" name="nbrSalaries" type="radio" value="500" />250 à 749</label> <label><input onclick="this.form.smic.value=this.value*8.86;" name="nbrSalaries" type="radio" value="600" />750 et +</label>
<div id="alert_smic">Merci de sélectionner un nombre de salarié</div>
</div>
</div>
<div class="form-fiphfp-right">
<div class="unites">Nombre d'unités<br /> <input class="disabled" name="unites" size="8" type="text" /></div>
<div class="exoneration">Votre exonération<br /> <input id="exoneration" class="disabled" name="exoneration" size="8" type="text" /></div>
</div>
<div class="button-center"><input name="smic" size="8" type="hidden" /> <input onclick="calcul()" name="submit" type="button" value="Calculer votre exonération" /></div>
</form>
<div class="attribute-long">
<p>Les calculs présentés sur ce site sont donnés à titre indicatif et sont non contractuels, pour une étude plus précise de votre exonération, <a href="../index.php?/Contact" target="_self">contactez notre service commercial.</a></p>
</div>
</div>
</div>
 
*********************************************************************************************************************************
 
Quand je prévisualise la page, mon formulaire apparaît bien, je peux cocher les cases, mais lorsque je veux calculer, rien ne se passe .... sous joomla !
Lorsque je copie et colle le code dans un bloc note et que je visualise la page sur IE ou Firefox, il me fait le calcul !!!
 
Comment cela se fait ?

Reply

Marsh Posté le 28-06-2010 à 12:16:04   

Reply

Marsh Posté le 29-06-2010 à 09:45:38    

Pouvez vous m'aider !???
 
Lorsque je clic sur le bouton pour exécuter la fonction calcul() rien ne se passe !!!
Comment puis-je faire ???

Reply

Marsh Posté le 29-06-2010 à 10:01:08    

Installe firefox, installe l'extension firebug, mets un point d'arrêt dans l'exécution de ton script, regarde ce qu'il se passe en pas à pas.


---------------
HFR Links Preview | HFR Giphy
Reply

Marsh Posté le 30-06-2010 à 15:36:03    

ok !
J'ai mis un point d'arrêt et il me dit :
****************************************************
Break on error
document.conversion is undefined
 
Line 137       var unites = document.conversion.unites.value;  
 
****************************************************
Je suis pas super forte en script donc si qqun peu me dire pourquoi cette erreur ???

Reply

Marsh Posté le 02-07-2010 à 11:34:28    

Si je comprend bien tu copie ce script dans l'éditeur joomla ?
Mais est-tu sûr que l'éditeur Joomla (TinyMCE je crois) est compatible avec du javascript ?

Reply

Marsh Posté le 02-07-2010 à 11:38:40    

Une recherche rapide me donne ce post qui conseille de désactiver l'éditeur WYSIWYG :
http://forum.joomla.org/viewtopic. [...] 4&t=258097

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed