Ajouter ce qui est écrit sur <textarea> automatiquement sur code

Résolu/Fermé

informatiquetech Messages postés 225 Date d'inscription mercredi 14 janvier 2015 Statut Membre Dernière intervention 29 février 2016 - 13 sept. 2015 à 20:51
informatiquetech Messages postés 225 Date d'inscription mercredi 14 janvier 2015 Statut Membre Dernière intervention 29 février 2016 - 14 sept. 2015 à 15:55

Salut, je suis en train de réaliser un simple OS en ligne, et pour bloc note j'ai fait un textarea pour le corps. Mais le problème c'est que ce que j'écris sur ce textarea n'est pas pris en compte et n'est pas dans le code.
Je voudrais que quand j'écris une lettre elle est automatiquement ajoutée au sein de textarea.
Voici l'html:

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<link rel="stylesheet" href="style.css" />
	<link rel="icon" href="icon.jpeg" />
	<title>Windows ? Mac</title>
	<script type="text/javascript">
		function afficher()
		{
		menudemarrer = document.getElementById('menu');
		if (menudemarrer.style.display == 'block')
		{
		menudemarrer.style.display = 'none';
		}
		else
		{
		menudemarrer.style.display = 'block';
		}
		}
		function fermer()
		{
		fenetre=document.getElementById('notepad');
		fenetre.style.display='none';
		}
		function reduireagrandir()
		{
		fenetre=document.getElementById('notepad');
		if(notepad.style.display =='block')
		{
			notepad.style.display ='none';
		}
		else
		{
			notepad.style.display ='block';
		}
		}
	</script>
</head>
<body>
	<div id=notepad>
		<div id=barredetitre>
		<img id=notepadicon src="notepad.png" alt="Notepad" />
		<p class=titre>Bloc-note</p>
		<div class=control>			<a href="javascript: reduireagrandir()"><img src="reduire.png" alt="reduire" style="position:relative;right:8px;bottom:5px;"/></a><a href="javascript: fermer()"><img src="fermer.png" alt="fermer" /></a></div>
		</div>
		<form method="GET" action="file:///C:/Users/moham/Documents/rocketdock/HTML/Projets/Windows%20Mac.html"><textarea id=notepadtextarea onfocus></textarea></form>
	</div>
	<div class=body>
	
	</div>
	<div id=menu></div>
	<div class=barre>
		<div id=startmenu>
		<a id=boutondemarrer href="javascript: afficher()"><img src="startmenu.png" alt="Menu démarrer" /></a>
		</div>
		<div id=fenetresouvertes>
			<a href="javascript: reduireagrandir()"><img src="notepad.png" alt="Notepad"/></a>
		</div>
	</div>
</body>
</html>

Et voici le css(pas important):

body
{
	background: url("background1.jpg") no-repeat center fixed;
	background-size:cover;
	overflow:hidden;
}
.body
{
	margin:-6px 0 0 -8px;
	width:101.1%;
}
.barre
{
	background:rgba(255,30,0,0.8);
	margin-left:-8px;
	margin-bottom:-5px;
	width:101.15%;
	height:57px;
	position:fixed;
	bottom:0;
}
#startmenu
{
	display:inline-block;
}
#boutondemarrer
{
	background:green;
	display:inline-block;
	height:56px;
	width:48px;
	padding-top:3px;
	padding-left:5px;
	padding-right:6px;
}
#boutondemarrer:hover
{
	background:rgba(255,255,0,0.5);
}
#menu 
{
	
	width:500px;
	height:700px;
	background:rgba(255,200,0,0.8);
	position:absolute;
	left:0px;
	bottom:52.01px;
	display:none;
}
#notepad
{
	position:absolute;
	top:1px;
	left:1px;
	right:1px;
	height:841px;
	border:3px yellow solid;
	border-radius:5px;
	display:none;
}
#barredetitre
{
	height:38px;
	background:yellow;
}
textarea
{
	height:797px;
	width:99.5%;
}
#notepadicon
{
	position:relative;
	top:3px;
}
.titre
{
	display:inline-block;
	position:relative;
	bottom:7px;
	left:3px;
}
.control
{
	display:inline-block;
	position:absolute;
	right:13px;
	top:9px;
}
#fenetresouvertes
{
	display:inline-block;
	position:relative;
	bottom:8px;
	left:10px;
}
#fenetresouvertes a img:hover
{
	transform:translateY(-5px);
}

Merci pour vos réponses.

A voir également:

Ajouter ce qui est écrit sur <textarea> automatiquement sur code
Code asci - Guide
Ajouter une adresse mail sur gmail - Guide
Code puk bloqué - Guide
Code telephone oublié - Guide
Comment ajouter quelqu'un sur facebook sans le bouton ajouter - Guide

1 réponse

Réponse 1 / 1

Konseil Messages postés 643 Date d'inscription samedi 29 août 2015 Statut Membre Dernière intervention 13 novembre 2018 427
13 sept. 2015 à 20:58

Tu peux être plus clair, je vois pas où tu veux en venir.

Mais le problème c'est que ce que j'écris sur ce textarea n'est pas pris en compte et n'est pas dans le code. 
Je voudrais que quand j'écris une lettre elle est automatiquement ajoutée au sein de textarea.

informatiquetech Messages postés 225 Date d'inscription mercredi 14 janvier 2015 Statut Membre Dernière intervention 29 février 2016 6
13 sept. 2015 à 21:00

Attend 5 min et je reviens.

informatiquetech Messages postés 225 Date d'inscription mercredi 14 janvier 2015 Statut Membre Dernière intervention 29 février 2016 6
13 sept. 2015 à 21:22

Je voulais dire qu'au début ça soit comme ça:

<textarea></textarea>

et quand j'yécris par exemple "Bonjour", ça devient comme ça dans le codesource:

<textarea>Bonjour</textarea>

.
Peu importe si ça utilise le jscript.
Merci.

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225 > informatiquetech Messages postés 225 Date d'inscription mercredi 14 janvier 2015 Statut Membre Dernière intervention 29 février 2016
Modifié par gravgun le 13/09/2015 à 21:31

'lut, ce que tu demandes n'est possible que si le textarea est dans un formulaire et que tu l'envoies puis que le serveur te répondes par la même page avec le contenu écrit incorporé.
Autrement si tu cherches à faire ça avec JavaScript ce que tu souhaites est conceptuellement erroné, vu que c'est déjà ce qu'il se passe. Le code source c'est qu'une représentation initiale, une fois lu un arbre Document Object Model est construit en mémoire et modifié en direct lors d'une action sur la page/exécution d'un script. Faire l'opération inverse (DOM -> source) est possible mais n'est utile que dans des contextes de débogage/développement (ex Ctrl+Shift+I).
Mais si tu cherches plutôt à reporter le contenu du textarea dans un autre élément, cf. la réponse de Konseil.

Konseil Messages postés 643 Date d'inscription samedi 29 août 2015 Statut Membre Dernière intervention 13 novembre 2018 427
13 sept. 2015 à 21:27

Comme ça?
JSFiddle

radmafov
14 sept. 2015 à 03:21

Ou si c'est pour récupérer le contenu écrit dans le textarea pour l'utiliser dans le code voir l'événement "onChange"

Discussions similaires

programme qui n'affiche pas le mot secret

Retrouver l'image originale après avoir fait des modifications ?

Mon clavier est bloqué, il n'écrit plus !

Comment savoir comment on nous a ajouté sur Snap

Code de renvoi d'appel : Ooredo, Mobilis...

Discussions similaires

Newsletters