L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
122606 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Gifs animés, f...
     Poésie et cita...
     Azote.org - no...
     Easy-script.com
     Web creation ...
     Je crée mon site
     Outils de créa...
     Electroniq...
     K i s s design
     Créer son site...
     Les autres
     Votre site ici ?


Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]


[ Forums >> JavaScript >> Problèmes de création JavaScript / DHTML >> Besoin d'un coup de pouce ]

> 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.
Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Club-Internet
Mon FAI preferé :) Mélange de serieux et des prix attractifs.
http://rejoignez.club-int...
Cat : Haut débit
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
65977 membres
4650 comptes CountUs
1842 comptes myCircle

     LES FORUMS :
14 forums
40363 topics
191692 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 12/02/2012 21:03:32 | Design by | Gen. en 0.498 sec.