Contenu Input vers lien image

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

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 ?

Merci d'avance de vos idées

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

**ProgElecT** · 02/04/2022, 20h38

Salut

C'est un poison d'avril ou pas ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

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

Je regarde ta réponse... Merci.

Je reviens.

DS7

**ProgElecT** · 02/04/2022, 20h51

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

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

ProgElecT

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

affaire résolue promptement.

DS7

Contenu Input vers lien image

JavaScript

Discussions similaires

Partager

Partager