PDA

View Full Version : Transforming a script: from popup to inline



Norman
03-22-2015, 02:54 PM
1) Script Title: HTML5 Notepad

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/html5notepad.htm

3) Problem:
I'd like to use this script but I want to have it like an online form, without any popup. Check this page:
http://www.klayz.com/tools/note-online/
Thoerically I'd like to use the script not as a popup but like a form, where you input the text, you click on save (green button - "SALVA NOTA") and then you have the script working as normal like in the demo page. Do you think is this a possible thing? Can you please help me? I tried opening the source files but I have to be true. I really did not understand a thing about all these codes, and I really don't know how to do what I described above. :rolleyes:

ddadmin
03-28-2015, 08:04 PM
Sure, try the below modified .js file. Then, to make the notepad appear inline on the page, call the initialization function with the extra parameter in red below:


jQuery(function($){ //on document.ready
notepad.loadpad('mynotepad1', '#test') //load "mynotepad1" when document loads
})

where "#test" is the ID of the element inside your page that you wish the notepad to be inserted into, for example:


<div id="test"></div>

Norman
03-30-2015, 11:26 AM
Hey there, thank you so much for your help! I really appreciaed it. It is working and it is working great! Thank you thank you thank you! :)