Comments on: AJAX-enabled Sticky Notes With PHP & jQuery

By: sushant

sushant — Thu, 19 Jan 2012 18:26:58 +0000

Hi Vipin,

Have you uploaded the code with delete button option.
Can you please share the location..it will really helpful..

By: luk

luk — Fri, 16 Dec 2011 17:24:08 +0000

‘.date (‘d.m.Y | H:i:s’, strtotime($row['dt'])).’
I’ve inserted the line of code above in the while stetement of demo.php to enable timestamp in the sticky notes. Works but timestamp will be show only after that i refresh the page. There’s a way to show timestamp directly after I create a new sticky notes?
i’m going slighty mad :D
thanks all.

By: luk

luk — Tue, 13 Dec 2011 12:31:21 +0000

Hi all…can anyone help me to show data and time after inserted a new stickynotes in the database?

By: Phillip Schein

Phillip Schein — Sun, 16 Oct 2011 21:18:10 +0000

Isn’t there a simple jquery script that will assure that after the initial position is set (as it is), all additional sticky’s will align accordingly both vertically and horizontally (taking into account the width of active area and vertically, they can “be added as you scroll”…another very nice bit of jQuery that lets anything below the fold appear with a nice dissolve “transition.” The movable function, which is used quite often in many little jQ apps and games and certainly serves its purpose, but here, it seems that adding more field options, having it sortable, etc., would make it much more “Post-it” like in its purpose and function of reminding yourself (with the web, sharing the sticky to add some social-flavor) of a task, event, a quick note, etc. Stack-n-Drag is cool, but here, a slight overlay or none at all would seem more functional and fun? Nonetheless, GREAT JOB AS ALWAYS!

By: Eric

Eric — Mon, 13 Dec 2010 20:22:42 +0000

I didn’t read that question entirely.. haha so to make random position everytime you refresh open your homepage

find where it says:
list($left,$top,$zindex) = explode(‘x’,$row['xyz']);
//comment that out.

add above $notes in while loop:
$left = rand(0,800);
$top = rand(0,800);

That should generate random positions on your sticky notes every time you refresh the page.

By: Eric

Eric — Mon, 13 Dec 2010 14:54:40 +0000

I don’t have any code to post just yet.

To add an edit button to this script:
1. A. Use fancybox plug in with a link on the sticky note such as “edit note”
ex: $(‘#editNote’).fancybox();
add that underneath the $(‘#addButton’) in the script.js file
1. B. make that link “edit-note.php?id=$row['note-id']; – that will pass the id number to the edit note page.

2. Make a file called edit_note.php

3. In there select from the database based on the id that we passed in the url. The just select all the information you need where you need it.

4. I’m having trouble with the actual update button I can get the text to save on some occasions but not all. I just used the php if($_POST['submit']) but I’m sure there’s a better way.

By: Maocan

Maocan — Tue, 07 Dec 2010 04:25:39 +0000

This idea is fantastic~~As a beginner in jquery, how to make each note appear in a random place every time I refresh the page? Thank you

By: search videos

search videos — Fri, 26 Nov 2010 17:38:12 +0000

Fran that will be nice

By: Fran

Fran — Thu, 07 Oct 2010 17:14:10 +0000

Very nice! A edit and delete options are necesary ;)

By: Shaz3e

Shaz3e — Mon, 27 Sep 2010 21:38:48 +0000

but is there a way to delete an old note?