Script image vérif input

Résolu
dwieser Messages postés 235 Statut Membre -  
dwieser Messages postés 235 Statut Membre -
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 5413 Statut Membre 894
 
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 /> 
2
dwieser Messages postés 235 Statut Membre 9
 
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 235 Statut Membre 9
 
bonjour,

c'est exactement ce que je souhaitais je vous remercie de votre aide
sujet clos SUPER
0
Alain_42 Messages postés 5413 Statut Membre 894
 
Ok
passes le en résolu
0