Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
Next revisionBoth sides next revision
protogrid:script_library [2017-12-15 09:51] – 46.140.51.3protogrid:script_library [2021-01-22 14:50] – [Execute JS on field change] dru
Line 51: Line 51:
 on_load(); on_load();
 function on_load() { function on_load() {
-    //do something useful+    alert("Hello World!"); 
 +    //do something more useful
 } }
 </code> </code>
Line 78: Line 79:
  
 The function document_ready_trigger tells your card that you want something to happen when a value changes. The call "$(document).ready(...)" itself calls the function "document_ready_trigger" as soon as the card is fully loaded. The function document_ready_trigger tells your card that you want something to happen when a value changes. The call "$(document).ready(...)" itself calls the function "document_ready_trigger" as soon as the card is fully loaded.
 +
 +==== Manipulate Contet of Rich Text Field ====
 +
 +<code javascript>
 +var rich_text_editor = $("#"+rich_text_field_id)[0].editor;                           // Get object of Rich Text Editor
 +
 +var content = rich_text_editor.getDocument().toString();                              // Get complete content as string
 +rich_text_editor.setSelectedRange([0, 0]);                                            // Set cursor to position 0
 +rich_text_editor.setSelectedRange([0, 10]);                                           // Set text selection from position 0 to position 10
 +var current_range = rich_text_editor.getSelectedRange();                              // Get cursor posistion / selected text range
 +rich_text_editor.insertString("Hello!")                                               // Insert String at selected position
 +rich_text_editor.insertHTML("<strong>Hello World!</strong>");                         // Insert HTML at selected position
 +rich_text_editor.insertLineBreak();                                                   // Insert line break
 +rich_text_editor.deleteInDirection("forward");                                        // Delete selected range
 +rich_text_editor.activateAttribute("bold")                                            // Activate attribute at selected range
 +rich_text_editor.deactivateAttribute("strike")                                        // Deactivate attribute at selected range
 +</code>
 +
 +Please see https://github.com/basecamp/trix for details.

Trace:

Print/export