[resolu] Afficher image en fonction des champs du formulaire

Bonjour,

je viens vous demander de l'aide car je n'arrive pas à trouver de script se rapprochant de ce que je cherche.

en fait, je souhaiterai mettre en place un formulaire avec deux champs qui une fois complété permettrait d'afficher une image dont le nom de fichier serait les résultats du formulaire (sans rechargement de la page) (je ne sais pas si j'ai été très clair

par exemple, dans le premier champ l'internaute indique "A", dans le deuxième champ "B"; une fois les deux champs complétés, le script affiche l'image ayant pour nom de fichier "AB.gif"

je vous remercie d'avance pour votre aide,

Rémy
Modifié par remy498 (17 Jun 2010 - 22:18)

Bonjour,

Un truc dans ce style par exemple :

<form name="tonform">
	<input type="text" name="a" />
	<input type="text" name="b" />
	<input type="button" value="ok" onclick="image()" />
</form>
<div id="img"></div>

<script type="text/javascript">
	function image(){
		var a = document.tonform.a.value;
		var b = document.tonform.b.value;
		document.getElementById("img").innerHTML = "<img src='"+a+b+".jpg' />";
	}
</script>

Merci hchtot pour ton aide.

Par contre ce que je cherche c'est qu'il n'y ait pas besoin de clicker sur le bouton pour que l'image s'actualise. Je ne sais pas si cela est possible.

Ok c'est bon j'ai trouvé merci de m'avoir aidé, voici le code :

<script type="text/javascript">
    function image(){
        var a = document.tonform.a.value;
        var b = document.tonform.b.value;
           if ((a !== "" ) && (b !== "")){
               document.getElementById("img").innerHTML = "<img src='"+a+b+".jpg' />";
           }
    }
</script>

<form name="tonform">
    <input type="text" name="a" onkeyup="image()" />
    <input type="text" name="b" onkeyup="image()" />
</form>
<div id="img"></div>

J'espère que la syntaxe est correcte.