|
|
|
 |
| > Besoin d'un coup de pouce |
[ Posté par lynch ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 20-02-2010 à 13:32 | 1 messages ]
Bonjour à tous,
j'envoi ce message car j'ai un problème avec un script. Pour tout vous dire je suis une bille en javascript ce qui a pour conséquences que je me retrouve assez vite bloquer.
http://users.teledisnet.be/web/sth06730/potager/index.htm
J'aimerais que quand je clique sur la carotte et qu'ensuite je clique sur un carré d'herbe il remplace l'image de l'herbe par celui de la carotte, idem pour les autres légumes
voici mon code :
<SCRIPT LANGUAGE="JavaScript">
var potager=new Array();
carotte = 'images/carotte.png'
courgette = 'images/courgette.png'
tomate = 'images/tomate.png'
radis= 'images/radis.png'
selection = 'images/herbe.png'
function carotte()
{
selection = selection.replace(selection,carotte);
}
function test()
{
alert(selection);
}
document.write ('<table><caption>Mon Potager<br/><center>')
document.write('<br>');
document.write('<input type="button" name="carotte" id="carotte" onclick="carotte();" /> <input type="button" id="radis" /> <input type="button" id="courgette" /> <input type="button" id="tomate" />');
document.write('<br></caption>');
document.write('<br>');
document.write('<tr><td><a href="#"><img SRC="'+selection+'" alt="Herbe" /></a></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td></tr>');
document.write('<tr><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td></tr>');
document.write('<tr><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td></tr>');
document.write('<tr><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td></tr>');
document.write('<tr><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td></tr>');
document.write('<tr><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td></tr>');
document.write('<tr><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td></tr>');
document.write('<tr><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td><td><img src="images/herbe.png" alt="Herbe" /></td></tr>');
document.write('<br><a href="#" onclick="test();">test</a><br></caption><br/><center>');
</SCRIPT> |
|
j'ai essayé de changer le selection par un onclick via un input mais rien ne change.
(Il s'agit d'un script libre à rendre pour un cours, un petit potager imagé sa me semble correct comme idée).
D'avance merci
|
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
