Results 1 to 6 of 6

Thread: HTML5 Notepad Script

  1. #1
    Join Date
    Oct 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default HTML5 Notepad Script

    I have been pulling my hair out with a script - it is this one here:

    http://www.dynamicdrive.com/dynamici...ml5notepad.htm

    There are issues with it on all browsers from what I am finding....

    1st Issue (Chrome, FF, etc):

    As you drag it along it highlights other elements on the page and makes them all get highlighted as you move the sticky note.

    2nd Issue (Chrome, IE8, IE7, FF, etc):

    if you drag the sticky note over to the right it makes the design look bad since it creates a horizontal scrollbar since it has extended the viewport.

    You can see both of these issues on the Dynamic Drive website if you try to drag the sticky note around and use the different browsers as mentioned above.

    Any advice would be very much appreciated...

  2. #2
    Join Date
    Aug 2004
    Posts
    9,910
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

    Try the below modified .js file. It addresses the 2 issues in the following way:

    #1- Should be mitigated
    #2- Since you don't want to actually disable the horizontal scrollbar from ever occurring in the event that there may be content to the right of the visible horizontal viewpoint, the modified .js file simply restricts the notepad from crossing over to beyond the right edge of the viewpoint.

    Let me know if this helps,
    DD Admin

  3. #3
    Join Date
    Oct 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thanks for the reply

    I did not get any response from Forum to say there was a reply - so I am glad i checked back today

    I will check this out now. Thank you so much for taking a look into this.

  4. #4
    Join Date
    Oct 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default HTML5 Notepad - Getting Better

    This works very well now.

    The only thing is how to get it to stay within the other 3 "walls" of the viewport.

    ie dragging down does the same - makes the scrollbar occur - even though everything was fitting to the page.

    Exactly same thing as was happening on the right hand side.

    Hopefully this would be similarly fixable in the JS.

    =======

    FYI - EDIT

    If this above is somehow not possible - the only one that is obviously critical is the DOWN direction.

    ie blocking moving outside of viewport on all 4 sides would be great.
    blocking down and RIGHT (Right is already done) is the one that causes design issues - so if just these two could be done that that would be helpful too although not as good as the scenario above
    Last edited by brujo; 10-28-2011 at 12:22 AM.

  5. #5
    Join Date
    Oct 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default HTML5 Notepad Script

    any ideas?

    I looked at the edits that admin did to the .js file but despite trying to get it do do this for motions down - cant get it to work.

    The way it works now with the modified .js file is better in that it stays within the viewport on the right hand side - but I 'd like to similarly stop it from going out on the bottom too.

    ie not being able to be dragged below the fold so that it stays all visible within the confines of the window,

  6. #6
    Join Date
    Aug 2004
    Posts
    9,910
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

    Hi:
    Sorry for the delay in response- try the below modified .js file then. It also restricts dragging the pad vertically below the viewport.
    DD Admin

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •