5568 sujets

Sémantique web et HTML

[Résolu] Bloc note dans un code HTML

Bonjour,

j' aimerai savoir comment créer un bloc note dans ma page html, et enregistrer les infos dans un fichier texte.
Je ne peux le faire en PHP , car la page web est un tableau de bord qui n'est pas sur un serveur, mais juste un fichier local en html.
Pas la possibilité de passer sous wamp ou lamp

Merci
Bonjour, farang , Raphael,
Vos deux solutions me plaisent , mais je n'ao pas de connexion internet sur le fichier HTML.
j 'ai essayé celle de Raphael, lors de la réouverture du fichier , les données sont parties.

Merci pour votre aide
Bonjour,

J 'ai trouvé une solution de contournement

<form id="form1" name="form1" method="post" action='A_Faire.php' multipart/form-data'>  

    <label>
    <input type="submit" name="Submit" value="A FAIRE" />
    </label>


Maintenant reste à trouver pour afficher le fichier dans la page html


<object data="A_Faire.php" height=100 width=800 />


ne me donne rien

Merci
Hello,

les solutions proposées ne nécessitent aucun accès à Internet,
une fois les fichiers nécessaires téléchargés pour la 1ère solution,
Je ne comprends pas trop la logique de la dernière solution avec le formulaire et A_Faire.php,
quel est l'objectif ?
Bonjour farang,

en plus de pourvoir sauvegarder du texte , j 'aimerai qu'il apparaisse, une fois enregistré, dans une div de ma page html.

merci
L'utilisation de localStorage préconisée par Raphaël fonctionne bien,
Voici un script permettant facilement d'enregistrer un contenu dans un petit formulaire, on appellera le contenu moncontenu,

http://html5demo.braincracking.org/demo/localStorage.php


Avec les outils webmasters du navigateur, on retrouve facilement les contenus stockés avec localStorage, on peut d'ailleurs les supprimer, pour Chrome par exemple on les trouve ici :
Developer Tools/Application/Local Storage/File

sur la page principale où on veut afficher ce contenu (nommé moncontenu),
on a la <div> de destination :


<div id="contenu"></div>


puis le script pour lire le contenu et le placer :

<script>
	filename = 'moncontenu';
	document.getElementById("contenu").innerHTML = localStorage.getItem(filename);
</script>

ou même :


<script>
	document.getElementById("contenu").innerHTML = localStorage.getItem('moncontenu');
</script>
Bonjour farang,
merci pour ton aide, mais je dois être trop nul , car cela n'enregistre pas dans un fichier, et je perd les données après fermeture de la page .

J'ai testé sur une page toute simple en html, c'est idem.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mon Bureau Ecrivain</title>
<link rel="stylesheet" type="text/css" href="code.css" media="all"/>
</head>
<body>
<script>
	function set() {
		filename = document.forms["editor"].filename.value;
		data = document.forms["editor"].data.value;
		localStorage.setItem(filename, data);
		document.forms["editor"].data.value = "";
	}
	function get() {
		filename = document.forms["editor"].filename.value;
		document.forms["editor"].data.value = localStorage.getItem(filename);
	}
</script>
<form name="editor">
	<textarea onclick="this.value=''"
		name="data" rows=3 cols=50>Saisissez le texte à sauver...
	</textarea><br>
	<br>
	Fichier :
	<input name="filename">
	<input type="button" value="Sauver" onclick="set()">
	<input type="button" value="Relire" onclick="get()">
</form>

<script>
	document.getElementById("contenu").innerHTML = localStorage.getItem('moncontenu');
</script>


</body>
</html>

Merci
Il manque seulement la <div> où afficher le contenu,
on décide toujours d''appeler 'moncontenu' le fichier qui stockera le contenu,

donc :

1 - enregistrer un contenu quelconque avec le formulaire et l'enregistrer sous le nom "moncontenu"
2 - ajouter dans la page html, avant le script en bas, la <div> :

<div id="contenu"></div>
<script>
	document.getElementById("contenu").innerHTML = localStorage.getItem('moncontenu');
</script>


et automatiquement, le contenu de "moncontenu" s'affichera dans la <div>

Le formulaire sert à enregistrer un contenu quelconque,
le script en bas permet de récupérer un contenu enregistré et de l'afficher ou de le traiter en javascript,
pas besoin de mettre les deux sur la même page html
les fichiers de localStorage sont stockés par le navigateur, comme les cookies
Bonjour farang,

Super merci.
Mais ce que je veux faire , je dois passer en php, car je veux enregistrer dans un fichier les données de la textearea, puis les afficher en même temps sur la même page.

C'est un peu comme un mémo pour les tâches à faire.
seulement il ne faut pas effacer le fichier à chaque enregistrement.

Je vais voir pour une autre solution pour ouvrir un fichier txt sans passer via firefox et l'afficher en html .ce sera plus gérable et pratique

Merci très sincèrement pour votre aide et votre patience.
OK au départ on ne devait pas utiliser PHP,
c'est sûr qu'avec un script PHP on peut tout faire, créer/modifier un fichier txt, avec les commandes relatives au fichier, etc

Bonne continuation !
Bonsoir,

Oui je suis d' accord pas de php.
donc je me dirige vers une autre solution
Merci à vous toutes et tous
Sujet clos
Aller à