Contenu Input vers lien image

Version imprimable

02/04/2022, 20h24
Droïde Système7

Contenu Input vers lien image

Bonjour,

Par exemple c'est facile d'affecter la value d'un Input vers un autre Input via un document.getElementById('myDiv').innerHTML.

Mais quid lorsqu'il faut alimenter un lien image, on se trouve alors devant un src="", mais comment l'alimenter ? :oops: :aie:

Merci d'avance de vos idées :D

DS7

Edit : Je dois préciser que cela doit fonctionner automatiquement via deux méthodes :

1. Un simple reload de page
2. Un clic sur le bouton "Valider" du formulaire

Autrement dit : j'ai alimenté un Input avec une donnée qui reste quoiqu'il se passe ; que ce soit un reload ou un clic sur le button du formulaire.

Et je cherche et cherche encore comment alimenter ce fichu lien image avec.

J'ai pourtant la donnée toujours dispo bien fraîche et sa cible, mais je patauge quant à la transmettre en lien image :oops:

Salut

C'est un poison d'avril ou pas ?

Code:

1
2
3
4
5
6
7
	<body>
		<img id="MeImg" src=""/>    
 		<script>//---------------------------------------------------------------------------------------
                        document.getElementById('MeImg').src="CarteVisiteJpg.jpg";
                        //---------------------------------------------------------------------------------------------
                </script>
	</body>

02/04/2022, 20h46
Droïde Système7

ProgElecT,

Poisson d'avril ? Si seulement j'en avais le temps.

Si tu restes cantonné dans sur un langage bien distinct, ce doit certainement être pas trop compliqué à savoir. Mais si tu bosses sur plusieurs ; ça se corse quelque peu :P

Je regarde ta réponse... Merci.

Je reviens.

DS7

C'est peut être dans une div que tu veux avoir l'image, alors

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="fr"> <!-- AAminimumHTML.html -->
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
		<title>Ici mon titre</title>
		<style>
                        /* ********************************************************************************** */
div {
  width: 499px;
  height:236px;
}
                </style>
		<script>//---------------------------------------------------------------------------------------
                        'use strict'; // force la déclaration des variables
                        //*********************************************************************************** 
                        //---------------------------------------------------------------------------------------------
                </script>
	</head>
	<body>
		<img id="MeImg" src=""/>
		<div id="MeDiv" url=""></div>    
 		<script>//---------------------------------------------------------------------------------------
                document.getElementById('MeImg').src="CarteVisiteJpg.jpg";
                document.getElementById('MeDiv').style.backgroundImage = "url('CarteVisiteJpg.jpg')";
                        
                        //---------------------------------------------------------------------------------------------
                </script>
	</body>
</html>

02/04/2022, 21h08
Droïde Système7

ProgElecT :ccool: super !

En fait, grâce à toi, une fois que je viens de piger le petit truc qui me bloquait oui c'est logique.

Tu m'as permis l'ouverture du verrou qui me manquait :D

:merci: affaire résolue promptement.

DS7