Script image vérif input

Résolu/Fermé
dwieser Messages postés 225 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 29 janvier 2013 - Modifié par dwieser le 30/12/2012 à 20:03
dwieser Messages postés 225 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 29 janvier 2013 - 2 janv. 2013 à 13:59
Bonjour,

Je vous ai mis mon code
c'est certainement facile pour certain
enfin pour moi je suis ds le vent

objectif j'ai fait un formulaire donc html
et ds un champ l'internaute doit rentrer une url
d'une image
lorsqu'il sort du champs
le script doit s'exécuter et me mettre l'image ds mon id html

SI True on voie l'image de l'intermaute
et si c'est false une image que je mettrais moi

MERCI PAR AVANCE DE VOS EXPLICATIONS

code js
<script type="text/javascript"> 
<!-- 
function verif1() 
{ 
if (document.form_bt.url_mp.value != "") 
{ 
var image = new image(); // la ???? 
var image_src = document.form_bt.url_mp.value; 
var image_mp = document.getElementById("id_img"); 
image_mp.innerHTML = "href = image_src";   //la j'en sais strictement rien je mets quoi???? 
return true; 
} 
else 
{ 
var image_mp = document.getElementById("id_img"); 
image_mp.src = "<img src = "/images/mon_image.gif">";//la mal écris je pense 
image_mp.innerHTML = image_mp.src;    //la j'en sais strictement rien je mets quoi???? 
return false; 
}} 
//--> 
</script> 


Coté html
URL "Image de la matière première" :  
<input type="url" name="url_mp" placeholder="Ex: http://mon_image.com" onblur="javascript:verif1();" value=""> 
<a id="id_img"></a><br /> 





Moi je plante et toi tu creuses !!!
A voir également:

3 réponses

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
31 déc. 2012 à 22:18
si je comprend bien tu veux une miniature de l'image dans le lien qui une fois cliqué affichera l'image dans un autre onglet ?
si input vide ce sera une image à toi ?

<script type="text/javascript"> 
<!-- 
function verif1(){ 
	if (document.getElementById("input_url").value != "") 	{ 
		//var image = new image(); // la ???? 
		var image_src = document.getElementById("input_url").value; 
	} else { 
		image.src = "/images/mon_image.gif";
	}
	
	var image_mp = document.getElementById("id_img");
	image_mp.innerHTML = '<a href ="'+image_src+'" target="_blanck" ><img sr"'+image_src+'" width="100" /></a>';
} 
//--> 
</script> 



Coté html

URL "Image de la matière première" :  
<input type="url" name="url_mp" id="input_url" placeholder="Ex: http://mon_image.com" onblur="javascript:verif1();" value=""> 
<div id="id_img"></div><br /> 
dwieser Messages postés 225 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 29 janvier 2013 9
Modifié par dwieser le 2/01/2013 à 14:01
modifier cette ligne

image.src = "/images/mon_image.gif";


par
image_src = "/images/mon_image.gif";


et

<img sr"'+image_src+'" width="100" /></a>'; 

par
<img src= "'+image_src+'" width="100" /></a>';
0
dwieser Messages postés 225 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 29 janvier 2013 9
1 janv. 2013 à 10:58
bonjour,

c'est exactement ce que je souhaitais je vous remercie de votre aide
sujet clos SUPER
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
1 janv. 2013 à 22:31
Ok
passes le en résolu