Ajouter ce qui est écrit sur <textarea> automatiquement sur code
Résolu
informatiquetech
Messages postés
297
Statut
Membre
-
informatiquetech Messages postés 297 Statut Membre -
informatiquetech Messages postés 297 Statut Membre -
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:
Et voici le css(pas important):
Merci pour vos réponses.
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
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Lire qr code sur pc - Guide
et quand j'yécris par exemple "Bonjour", ça devient comme ça dans le codesource:
.
Peu importe si ça utilise le jscript.
Merci.
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.
JSFiddle