[JS] Script address guest one page checkout

[komar62]

Bonjour a tous ,

Je suis en train de devellopper une boutique dans laquelle il sera uniquement possible de reserver.

Les clients ne peuvent pas s'incrire, il peuvent reserver uniquement en se servant du mode guest.

pour cela j'ai modifier le fichier order-opc.js.

Mon formulaire ressemble a sa :

 

Les clients ne pouvant se faire livrer que dans des lieux deja predefinies, j'ai modifier le champs socité de la facon suivante :

<p class="text">
 <label for="company">{l s='Company'}</label>
 <select class="text" id="company" name="company" onchange="assignlieuxliv(this.value, tablieuxliv)"  >
  <option selected="selected" value="0">----------</option>
{foreach from=$tab_lieuxliv item=lieuxliv}
 <option value="{$lieuxliv['nom_lieux']}" >{$lieuxliv['nom_lieux']}</option>
{/foreach}
 </select>
</p>

Les champs address, postcode et city sont present mais sont caché.

J'ai ensuite créer dans le fichier order-opc.js une fonction assignlieuxliv qui prend en paramètre la valeur en cours du selecteur et un tableau JS contenant les adresse ville et code postal des lieux de livraison.Le but etant qu'a la selection d'une entreprise les champs adress, postcode, et city se remplisse automatiquement. Voici le code de ma fonction:

function assignlieuxliv(lieuxliv,tab_lieuxliv)
{
var form_address="";
var form_cp="";
var form_ville="";

for (var i=0; i<tab_lieuxliv.length; i++)
{
 if( lieux_liv == tab_lieuxliv[i]['nom_lieux'])
  {
$('#opc_account_form p#paddress1').innerHTML('');
$('#opc_account_form p#ppostcode').innerHTML('');
$('#opc_account_form p#pcity').innerHTML('');

form_address='<label for="address1">Adresse :</label><input type="text" class="text" name="address1" id="address1" value="';
form_address+= tab_lieuxliv[i]['address_lieux'];
form_address+= '" /><sup>*</sup>';
form_cp='<label for="postcode">Code postal :</label><input type="text" class="text" name="postcode" id="postcode" value="';
form_cp+= tab_lieuxliv[i]['cp_lieux'];
form_cp+= '" /><sup>*</sup>';
form_ville='<label for="city">Ville :</label><input type="text" class="text" name="city" id="city" value="';
form_ville+= tab_lieuxliv[i]['ville_lieux'];
form_ville+= '" /><sup>*</sup>';
$('#opc_account_form p#paddress1').innerHTML(form_address);
$('#opc_account_form p#ppostcode').innerHTML(form_cp);
$('#opc_account_form p#pcity').innerHTML(form_ville);
  }
}
}

 

malheurement cette fonction ne fonctionne pas et a vrai dire je ne comprend pas pourquoi.

Si quelqu'un a une petite idée ?

Merci d'avance