Bonjour a tous,
Voila je suis confronté à un problème concernant un petit bout de script via jquery qui me permet en fonction d'une balise select, d'insérer un bouton avec lui même du code généré qui fait appel à une fonction.
Mon problème étant que le code html généré n'est pas correct du tout.
Voici mon morceau de code de mon bonton select qui fait appel à ma fonction changeProduct() en javascript
Code :
1 2
|
<select name="fils_input" style="width:100px;margin-bottom:20px;" id="select_option" onchange="changeProduct()"><option value="1075">4.90 m</option><option value="1079">5.60 m</option></select> |
Voici mon morceau de code javascript généré automatique (la partie ici qui nous interresse est juste la partie kadofacile)
Code :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
|
<script language="javascript">
var produits = new Array()
var kadofacile_org = "<font color=\"#00CC00\">en stock</font>";
produits[1075] = new Array();
produits[1075]["naissance"] = "<a href=\"#\" onClick=\"BUYBOX.add_item(\"http%3A%2F%2Fmonsitemages%2Fproducts%2Fbb+slen+fruitcocktail.jpg\",\"Echarpe+Porte+b%E9b%E9+BB-Slen+Babylonia+Fruit+Cocktail+4.90+m\",\"28.61\",\"AL-BDDBS970490\",\"\",\"http%3A%2F%2Fmonsite%2Fcatalog%2FEcharpe%2BPorte%2Bb%25C3%25A9b%25C3%25A9%2BBB-Slen%2BBabylonia%2BFruit%2BCocktail\")\"><input type=\"image\" src=\"includes/languages/french/images/buttons/offrir.jpg\" border=\"0\" alt=\"Ajouter au panier\" title=\"Ajouter au panier\"></a>"
produits[1079] = new Array();
produits[1079]["naissance"] = "<a href=\"#\" onClick=\"BUYBOX.add_item(\"http%3A%2F%2Fmonsiteimages%2Fproducts%2Fbb+slen+fruitcocktail.jpg\",\"Echarpe+Porte+b%E9b%E9+BB-Slen+Babylonia+Fruit+cocktail+5.60+m\",\"70.4\",\"AL-BDDBS970560\",\"\",\"http%3A%2F%2Fmonsite%2Fcatalog%2FEcharpe%2BPorte%2Bb%25C3%25A9b%25C3%25A9%2BBB-Slen%2BBabylonia%2BFruit%2BCocktail\")\"><input type=\"image\" src=\"includes/languages/french/images/buttons/offrir.jpg\" border=\"0\" alt=\"Ajouter au panier\" title=\"Ajouter au panier\"></a>"
function changeProduct()
{
var select_option = $("#select_option");
var kadofacile;
if(select_option.val() == "")
{
kadofacile = kadofacile_org;
}
else
{
kadofacile = produits[select_option.val()]["naissance"]
}
$("#kadofacile").html(kadofacile);
$("#products_id").val(select_option.val());
}
</script> |
Et voici le code html généré quand je choisi mon option dans la balise select.
Code :
1 2
|
<a )="" http%3a%2f%2fmonsite%2fcatalog%2fecharpe%2bporte%2bb%25c3%25a9b%25c3%25a9%2bbb-slen%2bbabylonia%2bfruit%2bcocktail="" ,="" al-bddbs970560="" 70.4="" echarpe+porte+b%e9b%e9+bb-slen+babylonia+fruit+cocktail+5.60+m="" http%3a%2f%2fmonsitemages%2fproducts%2fbb+slen+fruitcocktail.jpg="" onclick="BUYBOX.add_item(" href="#"><input border="0" type="image" title="Ajouter au panier" alt="Ajouter au panier" src="includes/languages/french/images/buttons/offrir.jpg"></a> |
Alors que j'aimerais avoir ceci :
Code :
1 2
|
<a href="#" onClick="BUYBOX.add_item("http%3A%2F%2Fmonsite%2Fproducts%2Fbb+slen+fruitcocktail.jpg","Echarpe+Porte+b%E9b%E9+BB-Slen+Babylonia+Fruit+cocktail+5.60+m","70.4","AL-BDDBS970560","","http%3A%2F%2Fmonsite%2Fcatalog%2FEcharpe%2BPorte%2Bb%25C3%25A9b%25C3%25A9%2BBB-Slen%2BBabylonia%2BFruit%2BCocktail")"><input type="image" src="includes/languages/french/images/buttons/offrir.jpg" border="0" alt="Ajouter au panier" title="Ajouter au panier"></a> |
Si vous pouviez me donner une idée ou me mettre sur la voie, voir meme me donner une solution ce serait vraiment sympa ^^
Merci d'avance
Decad7