IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Publications (X)HTML et CSS Discussion :

Transformez votre navigateur en bloc-note


Sujet :

Publications (X)HTML et CSS

  1. #1
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut Transformez votre navigateur en bloc-note

    C'est peut-être aussi votre cas, mais il m'arrive souvent d'avoir envie (ou besoin) de conserver certaines informations ou certains textes dans un coin mais sans vouloir pour autant les conserver.

    La méthode habituelle, c'est de créer un fichier .txt dans lequel on note ou copie / colle ces informations. Puis, une fois que l'on n'en a plus besoin, on supprime de fichier.

    Mais tout cela est bien inutile !
    Votre navigateur peut faire office de bloc-note et comme (si vous êtes comme moi ! ) le navigateur est constamment ouvert, cette solution est idéale.

    Pour cela, il suffit d'ouvrir un onglet et de rentrer dans la barre d'adresse :
    data:text/html, <html contenteditable>
    Et voilà ! Le tour est joué, il ne vous reste qu'à écrire !

    Source : One line browser notepad.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  2. #2
    Membre habitué Avatar de happyboon
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2012
    Messages
    192
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Burkina Faso

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Janvier 2012
    Messages : 192
    Points : 166
    Points
    166
    Par défaut
    Citation Envoyé par Bovino Voir le message



    La méthode habituelle, c'est de créer un fichier .txt dans lequel on note ou copie / colle ces informations. Puis, une fois que l'on n'en a plus besoin, on supprime de fichier.


    Et voilà ! Le tour est joué, il ne vous reste qu'à écrire !
    excuse moi Bonivo une fois que j'ai mon code html saisi dans le navigateur, comment je fais pour le tester et le voir son rendement en tant que internaute?

  3. #3
    Nouveau Candidat au Club
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2008
    Messages
    1
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2008
    Messages : 1
    Points : 1
    Points
    1
    Par défaut
    Et le Ctrl+S fonctionne aussi ! Permettant de sauvegarder la note...

  4. #4
    Futur Membre du Club
    Bricoleur
    Inscrit en
    Janvier 2006
    Messages
    6
    Détails du profil
    Informations professionnelles :
    Activité : Bricoleur

    Informations forums :
    Inscription : Janvier 2006
    Messages : 6
    Points : 8
    Points
    8
    Par défaut
    Hello,

    J'essaie d'ajouter un bout de code pour sauvegarder le contenu dans le localStorage toutes les 2 secondes, voilà où j'en suis :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    data:text/html, <html><script>function i(){document.getElementById('textdiv').innerHTML=localStorage.mynotes;setInterval(function(){localStorage.mynotes=document.getElementById('textdiv').innerHTML;},2000);}</script><body onload="i();"><div contenteditable style="width:100%;height:100%;font-family:tahoma;border:1px black;" id='textdiv'/></body></html>
    Malheureusement il n'a pas l'air de sauvegarder correctement mon localStorage, peut-être est-ce dû à la méthode d'accès via "data:text/html" ?

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    Attention !
    Le but n'est absolument pas de transformer le navigateur en éditeur HTML !
    Pour ça, tous les navigateurs dignes de ce nom possèdent des consoles efficaces.

    Le but est de pouvoir utiliser un onglet du navigateur comme bloc-note temporaire !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Futur Membre du Club
    Bricoleur
    Inscrit en
    Janvier 2006
    Messages
    6
    Détails du profil
    Informations professionnelles :
    Activité : Bricoleur

    Informations forums :
    Inscription : Janvier 2006
    Messages : 6
    Points : 8
    Points
    8
    Par défaut
    Oui c'est pour le fun !
    Et effectivement lorsque je mets le code dans un fichier html, le localStorage est bien conservé.

  7. #7
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    Ce n'est pas possible avec cette méthode car localStorage est limité par des contraintes de sécurité (notamment la Same Origin Policy) qui ne sont pas présentes.

    En revanche, dans un fichier, c'est possible :
    Code html : 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
    <!doctype html>
    <html>
    <head>
    	<meta charset="utf-8" />
    	<title>Bloc Note</title>
    	<script>
                    window.onload = function(){
                            var content = localStorage.getItem('notepad') ? localStorage.getItem('notepad') : '';
                            document.body.innerHTML = content;
                            document.body.onkeyup = function(){
                                    localStorage.setItem('notepad', document.body.innerHTML);
                            }
                    }
            </script>
    </head>
    <body contenteditable></body>
    </html>
    Bon, il manque quelques tests de feature detection, mais dans les navigateurs compatibles, ça fonctionne.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Sondage : Votre navigateur préféré
    Par Michaël dans le forum Internet
    Réponses: 96
    Dernier message: 21/08/2013, 21h53
  2. [TIP/Astuce] Enregistrer login/mdp avec votre navigateur
    Par Maxoo dans le forum Mode d'emploi & aide aux nouveaux
    Réponses: 1
    Dernier message: 22/04/2006, 12h16
  3. Prendre valeur d'un bloc-note !!!
    Par EssaiEncore dans le forum Langage
    Réponses: 10
    Dernier message: 29/09/2005, 12h35
  4. piloter le bloc-notes
    Par greg778 dans le forum API, COM et SDKs
    Réponses: 4
    Dernier message: 23/08/2005, 12h39
  5. copier les infos d'une fenêtre dos vers le bloc notes
    Par beegees dans le forum Autres Logiciels
    Réponses: 3
    Dernier message: 16/08/2005, 14h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo