Modification textes en fonction d'un choix de

Molosse -  
 Molosse -
Bonjour à tous,

Voilà, j'ai écrit pour mon comparateur de prix un moteur de recherche "direct" dans le catalogue des marchands.

Pour voir de quoi il s'agit plus loin vous pouvez faire un test sur cette page :

http://www.infomoinscher.net/searchincat

Faites un test disons avec "winfast tv" .. Les résultats s'affichent sous forme d'un menu déroulant par magasin, et en fonction du choix le bouton "Voir cet article" redirige vers la bonne page du marchand.

J'aimerais améliorer ce moteur de la façon suivante. Je voudrais en fait rajouter deux colones au tableau, l'un pour indiquer le prix et l'autre l'etat du stock de l'objet selectionné.

Il faudrait ainsi par exemple que si on selectionne le deuxieme article dans le menu déroulant de LDLC, la case prix et stock se mettent a jour. C'est ce coté "dynamique" que je ne maitrise pas du tout.

Est-ce que vous avez une idée de la manière dont je pourrais faire cela ? en DHTML ou en JS? une page web a me conseiller ? Bref, je suis à l'écoute de tous vos conseils..
A voir également:

9 réponses

Molosse
 
En fait .. je sais plus ou moins qu'il me faudra recuperer l'event onChange du menu déroulant, mais je met quoi dans son code ?

Comment dire changer tel element texte ?
0
sglug
 
tu utilise un logiciel comme dreamwaver
j'ai l'impression non?
0
sglug
 
tu copie ce code dans un fichier toto.html tu le lance et tu a le resultat que tu attend :-)

remarque :
le num passer en parametre a la fonction correspond a ta numerotation de liste deroulante ref1 ref2 ect..

ton code est comme qui dirait un chouilla bordélique :-)))
<html>
<head>
<title>Acces au catalogue des marchands par moteur de recherche </title>

<script LANGUAGE="JavaScript">
function modif_prix_stock(num)
{
var mon_prix = "mon_form.ref"+num+".options[mon_form.ref"+num+".selectedIndex].prix";
var mon_stock = "mon_form.ref"+num+".options[mon_form.ref"+num+".selectedIndex].stock";
var div_prix = "div_prix_ref"+num;
var div_stock = "div_stock_ref"+num;

eval(div_prix+".innerHTML='"+eval(mon_prix)+"';");
eval(div_stock+".innerHTML='"+eval(mon_stock)+"';");
}
</script>
</head>

<body>
<form name="mon_form" method="post" action="" >
<table width='98%' border='0' cellspacing='5' cellpadding='5'>
<tr>
<td width='90'>LDLC</td>
<td width='440' >
<select name='ref1' onchange='modif_prix_stock(1);'>
<option value='PB00019223' prix='82 €' stock='1'>Leadtek WinFast A340 T 128 Mo TV-Out , prix : 82 €</option>
<option value='PB00015255' prix='79.95 €' stock='2'>Leadtek WinFast TV2000 XP Deluxe , prix : 79.95 €</option>
<option value='PB00020095' prix='71.95 €' stock='3'>Leadtek WinFast TV2000 XP Expert , prix : 71.95 €</option>
</select>
</td>
<td>
<div id='div_prix_ref1'>
82 €
</div>
</td>
<td >
<div id='div_stock_ref1'>
12
</div>
</td>
<td ><input type='submit' name='mag1' value='Voir cet article !'></td>
<td >
<font size='-1' face='Arial, Helvetica, sans-serif'>3 résultats chez LDLC</font>
</td>
</tr>
</table>

</body>
</html>
0
Molosse
 
Nickel slug !!

Tu es un ange !!!

Merci .. je bosse dessus et je viens posterle resultat.

Merci encore.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Molosse
 
J'ai peut etre encore besoin de ton aide ... bon je fais un bout de chemin "petit a petit" pour bien comprendre. Alors voila, dans un bout de code php, j'essaye de remplir un tableau de prix :

echo"
<script language=\"JavaScript\" type=\"text/javascript\">
<!--

var tabprix=new Array($nbmag); ";

for($i=1;$i<=$nbmag;$i++)
{ echo"tabprix[$i]=$tprix[$i];";}

echo" //--> </script> ";

Puis plus loin :

<script language="JavaScript" type="text/javascript">
<!--

function modif(index){

document.getElementById("prix"+index).innerHTML = tabprix[index];

}
//-->
</script>

Mais là IE me dit comme erreur "je ne connais pas tabprix" ... where is my erreur ? (Tu l'auras compris, c'estla premiere fois de ma vie que je touche a du js/dhtml)
0
sglug
 
dans ta fonction modif(index)

mais un alert(tabprix);
pour voir si tabprix est renseigné
0
Molosse
 
Salut !

Encore merci slug .. bon finalement j'avais corrigé l'erreur (me rapelle meme plus comment, tellement il y en avait!) ..

Je continue mon bonhome de chemin ...

:o)
0
Molosse
 
It's done !

Merci encore Slug.

Le resultat : http://www.infomoinscher.net/searchincat2

Thanks a tous !
0
sglug
 
mouais
mais va faloir structurer un peu le resultat avec un tableau
qui a des colonnes identique sur chaque ligne ca serait un peu plus presentable

mais sinon c'est plutot bien
0
Molosse
 
Bien sûr !

Je suis en train de bosser dessus .. ça a déja un peu plus de gueule .. un peu tristouner peut-être?

C'est toujours là :
http://www.infomoinscher.net/searchincat2
0