Is there a Javascript API for accessing the form components of Forum post editor? For example, I would like, at runtime and after events like after all other loading has completed and before form posting begins, to evaluate the HTML of the HTML editor and replace it with some custom stuff.
For example, [here] I posted my solution to make it easier to post a calendar event without telling the user to use a 'cal' tag, by hijacking the post on the server side, but I would have liked to do this on the client-side, so that I can hide the 'cal' tag in the view when going back to edit the post, but show the date again in the custom Date field I had added.
As another example and what I need to do now is to expand on the hidden but built-in video functionality, but manually hide the Video tab in normal forum posts, then copy the forum post editor ASPX file, add the ability for a user to paste a YouTube embed tag, then in JS I'd extract the actual video URL from the tag, auto-inject the [video] tag in the forum post, and use my own embed tag where [video] tag exists, and try to populate the values that would be in the Video tab, and all of these would go under a predefined section (user's photo gallery or common Videos forum or something).
I'm just thinking out loud, these aren't actual requirement specs but if there was API exposed to do this level of customization in as few lines of readable Javascript code as possible, that'd be nice.
Maybe someone might surprise me and tell me that most of what I'm looking for is there? [crossing fingers]
The form components (text boxes, checkboxes, etc) are accessable on the client-side using standard ASP.Net techniques -- the theme defines the IDs of each of these controls and can interact with them directly.
Editors are a little different because they are loaded dynamically, but all editors must implement the CommunityServer.Controls.ITextEditor interface which provides methods to retrieve the client-side script for getting, appending, inserting, and updating the content of the specific editor rendered.
The tabs on the post editor page use the Telligent.Glow.TabbedPanes control which exposes a client-side API (the tab's client-side object is named the same as the control's ClientID) -- for example,
Additionally, when you retrieve a tab via client-script (using one of these functions of the TabbedPanes control), you can select it using
or enable/disable it (hide/show it) using the following script:
var tab = tabbedPanesControl.GetTabByIndex(0);tab.Disabled = true; // or falsetabbedPanesControl.Refresh();
There are also functions for adding, removing, and reordering tabs and editing the content of an individual tab's pane.
Thanks for your response, Ben. If I run into any issues on this I'll post here.
I am trying to make a button that will call a Javascript function to advance to the next tab on the EditProfilePreferences.aspx page.
I have tried this approach but I cannot get it to work. Is it because:
1) I am running CS 2008 and something has changed
and/or
2) The TWC:TabbedPanes control is inside the FormTemplate of CSControl:EditUserForm
?
jsawruk: I have tried this approach but I cannot get it to work. Is it because: 1) I am running CS 2008 and something has changed and/or 2) The TWC:TabbedPanes control is inside the FormTemplate of CSControl:EditUserForm ?
Most likely #2. When referencing the control in script, you need to use it's ClientID. For example,
<%= CSControlUtility.Instance().FindControl(this, "ID_OF_TABBEDPANES_CONTROL" ).ClientID %>.GetSelectedTab();
or, when beta-2 is available,
<CSControl:ControlData runat="server" ControlId="ID_OF_TABBEDPANES_CONTROL" Property="ClientID" />.GetSelectedTab();
Thanks, that worked. It turned out that before I wasn't getting the reference to the correct object. I was getting the individual tabs, not the TabbedPanes.
Copyright© 2008 Telligent Systems Inc. All rights reserved CommunityServer.com • Telligent.com