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

Résolu

informatiquetech Messages postés 225 Date d'inscription Statut Membre Dernière intervention -
informatiquetech Messages postés 225 Date d'inscription Statut Membre Dernière intervention - 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 ascii - Guide
Code puk bloqué - Guide
Code activation windows 10 - Guide
Comment déverrouiller un téléphone quand on a oublié le code - Guide
Lire qr code sur pc - Guide

1 réponse

Réponse 1 / 1

Konseil Messages postés 643 Date d'inscription Statut Membre Dernière intervention 430

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 Statut Membre Dernière intervention 6

Attend 5 min et je reviens.

informatiquetech Messages postés 225 Date d'inscription Statut Membre Dernière intervention 6

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 4814 Date d'inscription Statut Contributeur Dernière intervention 1 223 > informatiquetech Messages postés 225 Date d'inscription Statut Membre Dernière intervention

'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 Statut Membre Dernière intervention 430

Comme ça?
JSFiddle

radmafov

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

Comment savoir comment on nous a ajouté sur Snap

Je n'arrive pas à ajouter un ami sur Facebook

Votre réponse

Discussions similaires