Insérer du texte dans un calque via Javascript

**RovDan** · 23/10/2022, 19h34

Bonjour à tous,

Sur mon site (HTML), j'ai un calque dans lequel figure du texte et ... mon age...

Pour éviter de le modifier tous les ans, lorsque je dois incrémenter le compteur, j'ai réussi à automatiser une bidouille sous JS qui me fournit une variable texte désignée 'age', genre '67'.

Maintenant ma difficulté est d'inclure cette variable JS dans le calque1 où figure déjà un certain nombre de caractères texte.

J'ai pensé, à l'ouverture de la page, de ... calculer mon age (!) (variable age, de compléter le calque avec du texte et le rendre visible ou pas dans le body selon le survol de la souris.

J'ai fait quelques essais, mais plus de texte.

Merci par avance pour vos conseils

RovDan

**mathieu** · 24/10/2022, 00h05

montrez nous le code que vous avez essayé.

**RovDan** · 24/10/2022, 13h26

Merci pour ta réponse, voici le code de ma page ... récalcitrante..

Actuellement, mon age est dans la variable 'Age' puis StringAge. Cette variable string est ensuite concaténée dans la variable 'Texte' pour former une phrase qui est censée s'afficher quand la souris survole l'intéressé...

Hélas, à part afficher le mot texte 'Texte' ....

D'avance merci pour tout conseil

RovDan

Code :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
<head>
<title>Mon site</title>
 
<script language="JavaScript">
<!--
function StyleCalque(NomCalque)
{if (document.all) CalqueStyle = document.all[NomCalque].style;
if (document.layers) CalqueStyle = document.layers[NomCalque];
if (document.getElementById) CalqueStyle = document.getElementById(NomCalque).style;
return CalqueStyle;
}
 
function Calques(Nom,visibl)
{ 
C=StyleCalque(Nom);
var Age=67
var StringAge=String(Age)
var Texte="Bonjour, Daniel, "+ StringAge +" ans, passionné dans de nombreux domaines, notamment : informatique, électronique, modélisme, bricolage, etc." 
if (visibl==1) C.visibility="visible";
if (visibl==0) C.visibility="hidden";
}
 
//-->
</script>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body,td,th {
	font-family: Comic Sans MS;
	font-size: 24px;
	color: #0000FF;
}
body {
	background-color: #CCCCCC;
}
-->
</style><div id="CalqueMoi" style="width:13%; height:38%; position:absolute; left:65%; top:30%; z-index:2;" onMouseOver="Calques('CalqueBiographie',1)" onMouseOut="Calques('CalqueBiographie',0);"></div>
 
<div id="CalqueBiographie" style="width:20%; height:14%; position:absolute; left:591px; top:522px; z-index:2; visibility: hidden;" align="justify"> Texte
</div>
 
<div align="center">
  <table width="1030" height="719" border="0" cellpadding="0" cellspacing="0" background="http:www.roverch.net/Modelisme/Images/PhotoAccueilDanielJPG.jpg">
    <tr>
      <td width="11"></td>
      <td width="796"></td>
      <td width="32"></td>
      <td width="105"></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</div>
</body>
</html>

**mathieu** · 24/10/2022, 13h48

pour mettre des données construites en javascript dans une balise, vous pouvez faire cela :

Code javascript :

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

1
2
const calque_bio = document.getElementById("CalqueBiographie");
calque_bio["textContent"] = "Bonjour, Daniel ...";

et pour faire des calculs avec des dates, regardez là :
https://developer.mozilla.org/fr/doc...l_Objects/Date

**RovDan** · 24/10/2022, 21h16

Merci beaucoup Matthieu pour tes réponses qui m'ont bien aidé...

RovDan

Insérer du texte dans un calque via Javascript

JavaScript

Discussions similaires

Partager

Partager