Advanced HTML Editor 3 Support Product Page
Solved
Why does the toolbar gray out certain icons when you click things in the editor window?
Reported 04 Mar 2013 17:02:52
1
has this problem
04 Mar 2013 17:02:52 Steve Skinner posted:
So, I'm trying to understand the method behind the madness with this toolbar in Adv. HTML Editor 3. I've noticed a strange behavior when you are adding or editing a record with content in the editor window. Depending on where you click, whether it's within a word or just white space, the toolbar will gray out all the icons with the exception of just a couple icons. For example, as I'm clicking around in the content of the editor window, doing edits, sometimes the toolbar looks like this:
and sometimes it looks like this:
It will toggle between these states constantly as I go about doing my edits. Not only is this extremely annoying but it's also very confusing, and it's downright misleading for my clients who will use this tool for updating content on their site. The grayed out buttons would have you believe that they are unusable, but that is not the case. You can still click them and they work, but I've never seen any other editor do this. It seems like there must be a reason behind it, so I'd love to hear what that is. More than that though, how do I get it to stop doing this?
For the record, this behavior is consistent across all current versions of IE, Chrome, and Firefox. I even tested IE versions 9 and 8 as well, with the same strange results.
Replies
Replied 04 Mar 2013 17:07:12
04 Mar 2013 17:07:12 Teodor Kuduschiev replied:
Hello Steve,
Please provide a link to a page having this problem.
Please provide a link to a page having this problem.
Replied 04 Mar 2013 17:08:26
04 Mar 2013 17:08:26 Steve Skinner replied:
It's on a private set of tools for this customer and cannot be posted publicly. Please provide a private email so I can give you a link.
Replied 04 Mar 2013 17:11:10
04 Mar 2013 17:11:10 Teodor Kuduschiev replied:
Please send the website to:
Replied 04 Mar 2013 17:13:14
04 Mar 2013 17:13:14 Steve Skinner replied:
Just sent you the link.
Replied 04 Mar 2013 17:24:10
04 Mar 2013 17:24:10 Teodor Kuduschiev replied:
Hello Steve,
What are the other scripts on your page?
There must be some piece of code affecting the click in the textarea. I just used your form code in this page and there is no problem:
www.dmxzone.com/demo/php/teodor/steve/ahe.php
What are the other scripts on your page?
There must be some piece of code affecting the click in the textarea. I just used your form code in this page and there is no problem:
www.dmxzone.com/demo/php/teodor/steve/ahe.php
Replied 04 Mar 2013 17:28:27
04 Mar 2013 17:28:27 Steve Skinner replied:
Here's the part of the header with all the links to my css and scripts:
<link rel="stylesheet" href="/cmsAdmin/css/adminStyles.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="/Styles/dmxEditor.css" />
<link rel="stylesheet" type="text/css" href="/ScriptLibrary/dmxEditor/iconsets/modern/modern.css" />
<link rel="stylesheet" type="text/css" href="/styles/dmxEditor/metal/metal.css" />
<script type="text/javascript" src="/ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="/ScriptLibrary/dmxCalendar/dmxCalendar.js"></script>
<script src="/SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="/Styles/dmxCalendar/dmxCalendar.css" />
<link href="/SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/ScriptLibrary/dmxEditor.min.js"></script>
<script type="text/javascript" src="/ScriptLibrary/require.js"></script>
<link rel="stylesheet" href="/cmsAdmin/css/adminStyles.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="/Styles/dmxEditor.css" />
<link rel="stylesheet" type="text/css" href="/ScriptLibrary/dmxEditor/iconsets/modern/modern.css" />
<link rel="stylesheet" type="text/css" href="/styles/dmxEditor/metal/metal.css" />
<script type="text/javascript" src="/ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="/ScriptLibrary/dmxCalendar/dmxCalendar.js"></script>
<script src="/SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="/Styles/dmxCalendar/dmxCalendar.css" />
<link href="/SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/ScriptLibrary/dmxEditor.min.js"></script>
<script type="text/javascript" src="/ScriptLibrary/require.js"></script>
Replied 04 Mar 2013 17:30:36
04 Mar 2013 17:30:36 Teodor Kuduschiev replied:
I am not only refering to the header includes but all of the scripts that you are using on your page?
Replied 04 Mar 2013 17:32:32
04 Mar 2013 17:32:32 Steve Skinner replied:
Well, you can see everything in the view source except what's above the HTML, and here's all that.
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> <!--#include virtual="/Connections/dbconn.asp" --> <!--#include virtual="/dwzUpload/DefineVariable.asp" --> < %'********************************* '* * '* INSERT RECORD AND UPLOAD * '* http://www.DwZone-it.com * '* * '********************************* server.ScriptTimeout = 5400 Dim RG_altVal, RG_columns, RG_Cong, RG_dbValues, RG_dbValuesTmp, RG_delim, RG_editCmd, RG_editQuery, RG_editQueryTmp, RG_emptyVal, RG_Ext, RG_Extensions, RG_fields, RG_FieldValueTmp, RG_FileDel, RG_FileExt, RG_formVal, RG_FS, RG_i, RG_L, RG_Len, RG_Max, RG_Name, RG_New, RG_newName, RG_Num, RG_Path, RG_Rec, RG_ret, RG_Save, RG_tableValues, RG_tableValuesTmp, RG_tst, RG_typeArray, RG_z, UploadStatus, NumFile Dim RG_Connection, RG_editColumn, RG_recordId, Form, editAction, editRedirectUrl, RG_Files, RG_formName, UploadType, ParamVal, ParamList, MaxFieldNumber, TmpVal, x, y, Key, ProgressBar, newFileName Dim tmpField_Name(), tmpValue_Name(), tmpField_Size(), tmpValue_Size(), tmpField_Thumb(), tmpValue_Thumb(), QtyRecord, TotalFileSize, valueToRedirectSend Set Form = New ASPForm Dim UploadID UploadID = Form.NewUploadID ProgressBar = "" TotalFileSize = "" editRedirectUrl = "/cmsAdmin/editNclose.asp" RG_Connection = MM_hmgSQLconn_STRING RG_editTable = "dbo.hmgBlogArticles" RG_Files = "/blog/uploads;1;;gif,jpg,jpeg,png;;1;articleThumb;1;;;;0;;;;;1;;1;articleThumb@_@_@1@_@_@0@_@_@0;150;;90;-1;;;80;0;_small;-1;0;0;;;80;0;_small;0@_@_@/@_@_@POST" RG_formName = "actionForm" UploadType="Insert" UploadStatus = "" valueToRedirectSend = "" NumFile = 0 if len(Request.QueryString("UploadID"))>0 then Form.UploadID = Request.QueryString("UploadID") end if if (Request.QueryString <> "") Then editAction = CStr(Request.ServerVariables("SCRIPT_NAME")) & "?" & Request.QueryString & "&UploadID=" & UploadID else editAction = CStr(Request.ServerVariables("SCRIPT_NAME")) & "?UploadID=" & UploadID End If Const fsCompletted = 0 If Form.State = fsCompletted Then if Form.State = 0 then Set ParamVal = CreateObject("Scripting.Dictionary") tmp = split(RG_Files,"@_@_@") ParamList = split(tmp(0),"|") MaxFieldNumber = ubound(ParamList) for x=0 to Ubound(ParamList) TmpVal = Split(ParamList(x),";") for y=0 to ubound(TmpVal) Key = right("00" & cstr(x),3) & cstr(y) ParamVal.add Key, TmpVal(y) next next Form.Files.Save RG_fieldsStr = "articleDate|value|articleTitle|value|articleSummary|value|categoryID|value|articleBody|value" RG_columnsStr = "articleDate|',none,NULL|articleTitle|',none,''|articleSummary|',none,''|categoryID|none,none,NULL|articleBody|',none,''" Form.Files.DataBaseInsert response.write(getRedirect()) response.end End If ElseIf Form.State > 10 then response.write "<br><Font Color=red>Some form error.<br>Error code: " & Form.State & "<br>Error List:<br>0 Form was successfully processed. <br>1 Request method is NOT post <br>2 Zero length request (there are no data in a source form) <br>3 Form is in a middle of process. <br>5 Initial form state <br>11 Boundary of multipart/form-data is not specified. <br>12 Unknown source form (Content-type must be multipart/form-data) <br>15 Client was disconnected before upload was completted.<br>16 Unexpected error from Request.BinaryRead method (ASP error).<br></Font><br>" End If function GetFolderName(str): GetFolderName = Ris : end function function myGetFileName(str): myGetFileName = Ris : end function %> < %Dim catList Dim catList_cmd Dim catList_numRows Set catList_cmd = Server.CreateObject ("ADODB.Command") catList_cmd.ActiveConnection = MM_hmgSQLconn_STRING catList_cmd.CommandText = "SELECT * FROM dbo.hmgBlogCategories ORDER BY categoryName ASC" catList_cmd.Prepared = true Set catList = catList_cmd.Execute catList_numRows = 0 %>
Replied 04 Mar 2013 17:38:46
04 Mar 2013 17:38:46 Teodor Kuduschiev replied:
Oh.. I just noticed you are using a discontinued extension: DMXzone Calendar 1, which is no longer supported and not compatible with the Editor. Please update to DMXzone Calendar 2: www.dmxzone.com/go/19516/dmxzone-calendar-2/
Replied 04 Mar 2013 17:41:27
04 Mar 2013 17:41:27 Steve Skinner replied:
I already paid for this extension once. Is version two not an upgrade from the original? I have to re-purchase the same extension again??
Replied 04 Mar 2013 17:44:17
04 Mar 2013 17:44:17 Teodor Kuduschiev replied:
We've been working on DMXzone Calendar 2 for a couple of months it is a brand new, build from the ground up version of our classic DMXzone Calendar. It comes with new extended functionality and there is a special upgrade price for all of the DMXzone Calendar owners.
Replied 04 Mar 2013 17:52:22
04 Mar 2013 17:52:22 Steve Skinner replied:
I will upgrade and put the new one in place right now.
Replied 04 Mar 2013 18:30:37
04 Mar 2013 18:30:37 Steve Skinner replied:
Thank you for your support Teodor! That was the solution. My icon bar now works perfectly.