Customizable sticky notes for the web. jQuery plugin

Overview

Post It All!

Customizable sticky notes for the web.

jQuery Plugin

The jQuery plugin for adding sticky notes in your webpage.

http://postitall.txusko.com/plugin.html

Install with npm

npm install postitall

Install with bower

bower install PostItAll

Chrome extension

Add sticky notes to your favorite web pages

More info: http://postitall.txusko.com/extension.html

Github repository: https://github.com/txusko/PostItAll-ChromeExtension

External libraries & plugins

Dependencies

Additional features

For the examples layout:

Browser compatibility

The plugin has been tested and works in Chrome, Firefox, and Safari and can be used to save notes with the file:/// protocol too.

About

Copyright Javi Filella (http://www.txusko.com/)

Dual-licensed under the MIT and GPL Version 2 licenses

http://postitall.txusko.com/

[email protected]

Comments
  • Feature request: Share notes

    Feature request: Share notes

    A quite cool thing would be to share notes between people. In my opinion there are only two ways of doing this:

    • Implement a note export as JSON. Then the user could copy the code, save it in a file and send it to a friend. The friend could then import the file to see all the notes from his friend.
    • Setup an online service. The application would send all notes to it and it would save it in a database. Further it would generate a unique hash that is related to the notes. A user could then send this hash to a friend which could enter it in the application to retrieve the notes from his friend.

    I personally prefer the first way as this is

    • less complex
    • brings no safety problems with it
    • makes no maintenance necessary
    • brings up no downtime issues
    • doesn't need an online connection
    • would be easy to implement as an automatically file export with the "Save as" dialog in hybrid apps

    @txusko What do you think?

    enhancement 
    opened by julmot 8
  • Feature request: Ability to add metadata to a note

    Feature request: Ability to add metadata to a note

    It would be great to have the ability to add metadata to a note (predefined structure). Something like that:

    meta: {
        'title': {
            'type': 'input',
            'maxlength': '100'
        },
        'category': {
            'type': 'input'
        }
    }
    

    This would add further abilities, like filtering based on metadata.

    enhancement 
    opened by julmot 7
  • outsource note styles to css

    outsource note styles to css

    The documentation shows how to style a note:

        //Config note style
        style : {
            tresd           : true,                 //General style in 3d format
            backgroundcolor : '#FFFA3C',            //Background color in new postits when randomColor = false
            textcolor       : '#333333',            //Text color
            textshadow      : true,                 //Shadow in the text
            fontfamily      : 'verdana',            //Default font
            fontsize        : 'small',              //Default font size
            arrow           : 'none',               //Default arrow : none, top, right, bottom, left
        }
    

    However, this seems to be not really modern. If you want to style your note you will come to a point, where things like that aren't enough (e.g. you could need a box-shadow). The way a note looks should be defined in a CSS class instead of a JS configuration.

    opened by julmot 7
  • How to filter specific url

    How to filter specific url

    Hi, I'm using local storage / external storage and want to filter specific url when create a sticky note For example, when I create sticky note on this url " http://test.com/dashboard/index.php?file=topic_exercise ", it saved on it for revisit page later.

    In addition, if I enter to other url on same domain as " http://test.com/dashboard/index.php?file=topic_assessment ", the created sticky note not show on it.

    This my code I have implemented,but not working,it still show sticky note in other url. if($.PostItAll!=undefined){ $.PostItAll.changeConfig('global', { addNew : false, askOnDelete : false, showInfo : false, htmlEditor : false, addArrow : 'all' }); $.PostItAll.load({ page : '/dashboard/test.php?file=topic_exercise'

          });
        }
        $('#createStickyNote').on('click', function(){
            $.PostItAll.new({
            	content : 'Sticky Note.',
            	page     : '/dashboard/test.php?file=topic_exercise',
            	style : {
    		    tresd           : true,
    		    fontfamily      : 'verdana',
    		    fontsize        : 'small',
    		    arrow           : 'none'
    		 },
    		    features: {
    		        savable : true
    		    }
    		});
        });
    

    Thanks.

    opened by izzuddinraffar 4
  • Minimizing a note is choppy

    Minimizing a note is choppy

    Expected Smooth animation when minimizing a note.

    Actual behavior The animation feels a bit laggy as it jumps to the top edge, then to the bottom. After opening it again it jumps to the previous position very choppy.

    Example minify noteTest.zip (just click inside the read area and minimize the note)

    Environment Firefox 47.0a2

    opened by julmot 4
  • Split repository into gh-pages, chrome extension and jquery plugin

    Split repository into gh-pages, chrome extension and jquery plugin

    To avoid confusion I think it would be the best to split this repository into three parts: gh-pages (for the documentation), chrome extension and jquery plugin.

    enhancement 
    opened by julmot 4
  • Feature hide until

    Feature hide until

    Hey Javi Filella, I think the hide button can be improved.

    A variable in $ .fn.postitall.globals named 'hideUntil' can save time (eg one day) to hide the note. When the user clicks the 'hide button', then the note is hidden for this time. (not for ever) On backside of the note is a input field (e.g. with datepicker) for set the show date (e.g. named: hidden until). What do you think about this little feature??

    Thanks for Postitall...

    Best regards Ronny

    enhancement 
    opened by Ciatronical 4
  • Attaching a note is buggy

    Attaching a note is buggy

    When attaching a note to an element, it looks bugy. A scrollbar will appear and the note will be overflown:

    nothingappears

    Code to reproduce: noteTest.zip

    Seems like a refactoring of this feature is necessary.

    opened by julmot 3
  • Update documentation to show example of defining a single global option

    Update documentation to show example of defining a single global option

    For example

    $.fn.postitall.globals = {
        showInfo: false
    };
    

    will fail, as it will override not just showInfo, but all options. So there is a hint necessary that shows how to set a single option. It could look like:

    $.fn.postitall.globals.showInfo = false;
    
    opened by julmot 3
  • Interaction of Trumbowyg in the YunoHost package.

    Interaction of Trumbowyg in the YunoHost package.

    Hi Can you help in integrating Trumbowyg in the YunoHost Chticynotes package. I tried adding the Trumbowyg css and js in the index file ,but it messed up the notes. The real maintainer of the package is not maintaining it anymore.

    Thanks

    opened by anmol26s 2
  • Restrict note in a specific div

    Restrict note in a specific div

    Hi, is there any way to restrict the note inside a certain div?

    The idea is that user can drag&drop freely inside this div but he can not move this note outside the div.

    Thank you for this great plugin!!!

    Mickey

    opened by mickeychu 1
  • On install of chrome extension, need to reload all pages

    On install of chrome extension, need to reload all pages

    Expected:

    1. Install chrome extension from chrome extension webpage
    2. Right click on context menu on already open page, create new note
    3. Sticky note appears Actual:
    4. Install chrome extension from chrome extension webpage
    5. Right click on context menu on already open page, create new note
    6. Nothing happens :( Workaround: Reload the page

    I'm not sure if this is fixable? But if you could inject the script when the context menu is invoked (or check injection) then maybe would fix this issue

    opened by acenturyandabit 0
  • Can't install using the button on http://postitall.txusko.com/extension.html anymore

    Can't install using the button on http://postitall.txusko.com/extension.html anymore

    Expected behaviour:

    1. Navigate to http://postitall.txusko.com/extension.html
    2. Press 'Add to Chrome'
    3. The extension is added to chrome OR I am taken to the chrome web store page.

    Actual behavior

    1. Navigate to http://postitall.txusko.com/extension.html
    2. Press 'Add to Chrome'
    3. Nothing happens :(

    I think that api feature has been deprecated: see https://developer.chrome.com/docs/extensions/mv2/inline_faq/. But your notes look fantastic! I will give it an install now.

    opened by acenturyandabit 0
  • Privacy design - why is osname stored?

    Privacy design - why is osname stored?

    Thank you for this wonderful library!

    I'm implementing it in a privacy-focussed project. Which bring me to my question: why is osname stored in each note? And can I safely remove this? I'd like to store as little data about the users as possible.

    opened by flatsiedatsie 0
  • Mobile Drag and Drop Library?

    Mobile Drag and Drop Library?

    Since mobile support is not readily available out of the box, what are you guys using to enable mobile drag and drop?

    I'm using the following, but it's not good UX, to say the least.

      <script src="./dist/jquery.ui.touch-punch.min.js"></script>      
      $('.PIApostit').draggable()
    
    opened by songthamtung 1
  • Hide/show not working with int ID

    Hide/show not working with int ID

    opened by FallenBG 1
Releases(v1.1.1)
  • v1.1.1(Feb 18, 2021)

  • v1.1.0(Jan 21, 2018)

    New features:

    • Outsource note styles to css d6a7a82999921e65886b33d8c77c61db78ddcdec
    • Import/Export notes improvements
    • Decrease minimum note width and height.

    Issues:

    • Minor improvements & bug fixes.
    Source code(tar.gz)
    Source code(zip)
  • v1.0.9(Aug 30, 2016)

    Issues :

    • Attaching a note is buggy
      • Fixed issues https://github.com/txusko/PostItAll/commit/655bc81fe4696857ac7905972587caded06873e4
    • Minimizing a note is choppy
      • Improvements minimizing and restoring the note position. https://github.com/txusko/PostItAll/commit/49cb6c3d33c2019f8e4f4ac8e8bfcad861c44cde
    • "attachedTo" should support jQuery elements, not just selectors
      • Add support for attaching the note to a jQuery DOM objects. https://github.com/txusko/PostItAll/commit/42f40f1b32476b6592af10121e729b001a83529f

    Example:

    $.PostItAll.new(‘This is a note’, {
        attachedTo : {
            element: $('#idObject’),
            position: 'left',
            arrow: true,
            fixed: true
        }
    });
    
    Source code(tar.gz)
    Source code(zip)
  • v1.0.8(May 18, 2016)

    New features :

    • Add meta-data to a note
    • Import / Export notes

    Issue corrections :

    • Add hint about browser compatibility

    Separated plugin & website in Github

    Source code(tar.gz)
    Source code(zip)
  • v1.0.7(Feb 27, 2016)

    New features :

    • Improves in the hide-note feature
    • New global method: getNotes

    Issue corrections :

    • Typo corrections
    • Responsive behaviour on attached notes

    Special thanks to : @julmot, @Ciatronical

    Source code(tar.gz)
    Source code(zip)
  • v1.0.5(Jan 2, 2016)

  • v1.0.4(Dec 30, 2015)

  • v1.0.0(Dec 30, 2015)

📝 You Can Create Your Own Short Notes With The Help of Sticky-Notes Website.

Hi ?? , I'm Sneh Agrawal A passionate Web developer from India ?? I’m currently working on Chatting Website Chit-Chat ?? How to reach me on My Gmail A

Sneh (Smilyboyy) 1 Feb 23, 2022
Easily publish notes to the web This plugin integrates with obsius.site to publish markdown notes on the web.

Obsius Publish Easily publish notes to the web This plugin integrates with obsius.site to publish markdown notes on the web. Limitations The type of c

Jon Grythe Stødle 66 Dec 20, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
jQuery Plugin for Sticky Objects

Sticky Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible. Sticky in brief This is how it works

Anthony Garand 3.3k Dec 16, 2022
An Obsidian plugin for automatically creating notes when linking to non-existing notes

Note Auto Creator for Obsidian Automatically create notes when links are created to them. How to use After enabling the plugin in the settings menu, y

Simon Clement 31 Dec 14, 2022
A simple jQuery extension to make any HTML element sticky on scroll.

jquery.sticky.js A simple jQuery extension to make any HTML element sticky on scroll. Installation Just download the script and include it in your HTM

Achal Jain 2 Aug 22, 2022
A Zotero add-on that scans your Markdown reading notes, tags the associated Zotero items, and lets you open notes for the Zotero items in Obsidian.

Zotero Obsidian Citations Adds colored tags to Zotero items that have associated Markdown notes stored in an external folder. Open an associated Markd

Dae 210 Jan 4, 2023
A service for sharing encrypted Markdown notes from Obsidian. Notes are end-to-end-encrypted and are only stored temporarily.

?? Noteshare.space Noteshare.space is a service for sharing encrypted Markdown notes from Obsidian. Notes are end-to-end-encrypted and are only stored

Maxime Cannoodt 56 Dec 26, 2022
Create sticky element in flexbox sidebars. it can use in Vanilla JS and frameworks like Vue and React

js sticky side simple sticky side with js that can use in frameworks like vue and react. notes it can be used just in flexbox grids. target element sh

milad nazari 10 Mar 3, 2022
Show floating sticky outline (table of contents) for Notion pages, powered by nbundle.

Notion Outline Show floating sticky outline (table of contents) for Notion pages, powered by nbundle. This is an nbundle-powered Notion app bootstrapp

nbundle 11 Nov 10, 2022
jQuery easy ticker is a news ticker like plugin, which scrolls the list infinitely. It is highly customizable, flexible with lot of features and works in all browsers.

jQuery Easy Ticker plugin jQuery easy ticker is a news ticker like plugin which scrolls a list infinitely. It is highly customizable, flexible with lo

Aakash Chakravarthy 208 Dec 20, 2022
Obsidian plugin to sync Pinboard.in links to Daily Notes

Obsidian Pinboard Sync An Obsidian plugin that adds links you've saved with Pinboard to your Obsidian Daily Notes, synchronizing periodically. Why? I'

Mathew Spolin 35 Dec 1, 2022
A quick capture plugin for Obsidian, all data from your daily notes.

Obsidian Memos 中文文档 A new way for you to quick capture an idea in Obsidian. Which is highly based on the awesome open source project: memos and awesom

Boninall 551 Jan 3, 2023
Obsidian.md plugin to sync highlights/notes from koreader

Obsidian KOReader Plugin Sync KOReader notes in your Obsidian vault. The KOReader device must be connected to the device running obsidian to let the p

Federico Granata 24 Dec 18, 2022
Obsidian.md plugin to integrate with Zotero, create literature notes and insert citations from a Zotero library.

Obsidian Zotero Plugin Obsidian.md plugin to integrate with Zotero, create literature notes and insert citations from a Zotero library. Intro How to u

null 156 Jan 6, 2023
Plugin for Obsidian.md to send markdown notes to Buttondown.email

Obsidian Buttondown Plugin Buttondown is a tool for producing email newsletters. It likes emails written in Markdown, and has an API. This plugin allo

Caro 4 Nov 15, 2022
Obsidian plugin to export Graphviz graphs from vault's notes

What it is: an Obsidian plugin to generate hierarchical graphs, with the nodes are from your Obsidian vault How it does: convert the database from Bre

Ooker 22 Nov 14, 2022