Ajax Query

[Arsalan Tariq Keen]

I know this is not the place to post such queries, but I am very stressed out now and can not find solution to my problem. Maybe someone hase had similar experience while using ExtJS with ColdFusion.

My scenario is simple. Upon clicking a menu item on my homepage, a window opens. After filling out sertain textfields, when these fields loose focus, another modal window is opened having a grid. Now I want to the user to select one of the values listed in the grid and then press 'Done' button. Once this 'done' button is hit, I want the child window to close and the selected record in the grid of childWindow must be passed to the initial parent window.

How can this be achieved?????

Regards,
Arsalan

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328224
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Tony Bentley]

> I know this is not the place to post such queries, but I am very
> stressed out now and can not find solution to my problem. Maybe
> someone hase had similar experience while using ExtJS with ColdFusion.
>
>
> My scenario is simple. Upon clicking a menu item on my homepage, a
> window opens. After filling out sertain textfields, when these fields
> loose focus, another modal window is opened having a grid. Now I want
> to the user to select one of the values listed in the grid and then
> press 'Done' button. Once this 'done' button is hit, I want the child
> window to close and the selected record in the grid of childWindow
> must be passed to the initial parent window.
>
> How can this be achieved?????
>
> Regards,

Arsalan

Window is pretty loosely described. Is it a browser window or a DIV? There would be different solutions for either situation. Modal window sounds like a div. If so, you use javascript to get the value of each element based on the id. Instead of using grid, can't you use something else that would be easier to get values from? Even an 'li' would suffice. Then use placeholders in your parent window, like hidden inputs to store the passed values.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328227
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Arsalan Tariq Keen]

Tony,

Can you please provide me the code snippets of what you are talking about. I
mean how will I set values of hidden fields... well actually I have visible
ReadOnly TextFields in the parent window and upon the closure of the child
window I need the values to be passed from the child window to these
TextFields in the parent window.

Kindly plz help.

--------------------------------------------------
From: "Tony Bentley" <tony@...>
Sent: Wednesday, November 11, 2009 2:53 AM
To: "cf-talk" <cf-talk@...>
Subject: Re: Ajax Query

>
>> I know this is not the place to post such queries, but I am very
>> stressed out now and can not find solution to my problem. Maybe
>> someone hase had similar experience while using ExtJS with ColdFusion.
>>
>>
>> My scenario is simple. Upon clicking a menu item on my homepage, a
>> window opens. After filling out sertain textfields, when these fields
>> loose focus, another modal window is opened having a grid. Now I want
>> to the user to select one of the values listed in the grid and then
>> press 'Done' button. Once this 'done' button is hit, I want the child
>> window to close and the selected record in the grid of childWindow
>> must be passed to the initial parent window.
>>
>> How can this be achieved?????
>>
>> Regards,
> Arsalan
>
> Window is pretty loosely described. Is it a browser window or a DIV? There
> would be different solutions for either situation. Modal window sounds
> like a div. If so, you use javascript to get the value of each element
> based on the id. Instead of using grid, can't you use something else that
> would be easier to get values from? Even an 'li' would suffice. Then use
> placeholders in your parent window, like hidden inputs to store the passed
> values.
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328236
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Tony Bentley]

Sure, please provide some code.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328237
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Arsalan Tariq Keen]

Attached is my code for the Parent window (order_new_form.cfm) and the child
window (order_new_gridPrice.cfm).

The code is lengthy and may seem filthy too...so I m summarising my goal....
Initially a form is displayed in a parent window in which the user enters
Article Number. The article number filed upon 'change' opens a child window
in which I have to display a grid for further user selection. However to
keep things simple for now I am just displaying a button which on click
shall set the value of field quantity (to any arbitrary integer value for
now) in the parent window and also then close the child form.

Many thanks in advance!

--------------------------------------------------
From: "Tony Bentley" <tony@...>
Sent: Wednesday, November 11, 2009 5:44 AM
To: "cf-talk" <cf-talk@...>
Subject: Re: Ajax Query

>
> Sure, please provide some code.
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328238
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Arsalan Tariq Keen]

Here is my code:

=======================================================
order_new_gridPrice.cfm (Child window)
=======================================================


<div id="test2"></div>


<script type="text/javascript">
Ext.onReady(function(){

        var PANEL821 = new Ext.Panel({
                autoHeight: true,
                autoWidth: true,
                id: "myPanel",
                renderTo: "test2",
                items: [
                new Ext.Button({
                handler: testHandler,
                iconCls: "icon-save",
                text: "Save Form",
                dummy: true
                })
                ],
                dummy: true
        });

        function testHandler() {
                //var b = document.getCmp('myWin');
                var a = this.findParentByType('panel').id;
                a = a.findParentByType('window').id;
                Ext.Msg.alert('Test', a);
                //new_order_form.form.findField('quantity2').setValue('12');
        }

});
</script>


=======================================================
order_new_form.cfm (Parent window)
=======================================================


<script type="text/javascript">

    var dynForm;

    //Ext.namespace ("Ext.fozzy");
        Ext.ux.OrderedFormPanel = Ext.extend( Ext.FormPanel, {
                addAfter : function( targetElementName, elementToAdd ){
                        function recursiveView (targetElementName, elementToAdd, currentItem)
                        {
                                for( var i = 0 ; i < currentItem.items.items.length ; i++ ){

                                        var isArray = false;
                                        try
                                        {
                                                if (currentItem.items.items[i].items.items.constructor == Array)
                                                        isArray = true;
                                        }
                                        catch (e) {}

                                        if (isArray)
                                        {
                                                recursiveView (targetElementName, elementToAdd,
currentItem.items.items[i]);
                                        }

                                        if( currentItem.items.items[i].id == targetElementName ){
                                                currentItem.insert( i + 1, elementToAdd );
                                                return;
                                        }
                                }
                        }

                        recursiveView (targetElementName, elementToAdd, this);

                }
        });
</script>


<div id="new_order_form" class="output"></div>
<div id="article_form" class="output"></div>

<script type="text/javascript">
        var articleJSON = new Ext.data.JsonStore({
                autoLoad: true,
                remoteSort: true,
                root: "query.data",
                totalProperty: "recordcount",
                url: "articleJSON.cfm",
                baseParams: {
                limit: "100" },
                fields: [ "id",{name: "article_number"},"article_name" ],
                dummy: true
        });
</script>


<script type="text/javascript">
Ext.onReady(function(){
        var new_order_form = new Ext.ux.OrderedFormPanel({
                bodyStyle: "padding: 10px; ",
                height: 501,
                id: "new_order_form",
                labelAlign: "top",
                labelWidth: 100,
                renderTo: "new_order_form",
                url: "order_new_query.cfm?order=po&{ts \\\'2009-11-10 15:50:17\\\'}",
                width: 701,
                bbar:
                        new Ext.Toolbar({
                        items: [
                                new Ext.Toolbar.Button({
                                        handler: myHandler,
                                        iconCls: "icon-save",
                                        text: "Commit Order",
                                        dummy: true
                                })
                                ,
                                new Ext.Toolbar.Button({
                                        handler: myHandler_reset,
                                        iconCls: "icon-cancel",
                                        text: "Cancel",
                                        dummy: true
                                })
                                ,
                                new Ext.Toolbar.Button({
                                        handler: myHandler_add,
                                        iconCls: "icon-cancel",
                                        text: "Add +",
                                        dummy: true
                                })
                                ],
                                dummy: true
                                })
                        ,
                        items: [
                                new Ext.Panel({
                                        autoScroll: true,
                                        bodyStyle: "padding: 5px; ",
                                        frame: false,
                                        height: 300,
                                        id: "dyn_panel",
                                        width: 680,
                                        items: [
                                                {
                                                border: false,
                                                layout: "column",
                                                items: [
                                                {
                                                border: false,
                                                columnWidth: 0.12,
                                                id: "columnID",
                                                layout: "form",
                                                items: [
                                                        new Ext.form.Label({
                                                        text: "ID",
                                                        dummy: true
                                                        })
                                                        ,
                                                        new Ext.form.TextField({
                                                        allowBlank: true,
                                                        fieldLabel: "Id 1",
                                                        hideLabel: true,
                                                        name: "id1",
                                                        readOnly: true,
                                                        value: "1",
                                                        width: 50,
                                                        dummy: true
                                                        })
                                        ],
                                        dummy: true
                                }
                                ,
                                {
                                        border: false,
                                        columnWidth: 0.19,
                                        id: "columnArticleNumber",
                                        layout: "form",
                                        items: [
                                                new Ext.form.Label({
                                                        text: "Article#",
                                                        dummy: true
                                                })
                                                ,
                                                new Ext.form.TextField({
                                                        allowBlank: false,
                                                        fieldLabel: "Article_number 1",
                                                        hideLabel: true,
                                                        name: "article_number1",
                                                        width: 100,
                                                        dummy: true
                                                })
                                        ],
                                        dummy: true
                                }
                                ,
                                {
                                        border: false,
                                        columnWidth: 0.3,
                                        id: "columnArticleName",
                                        layout: "form",
                                        items: [
                                                new Ext.form.Label({
                                                        text: "Article Name",
                                                        dummy: true
                                        })
                                        ,
                                                new Ext.form.TextField({
                                                        allowBlank: true,
                                                        fieldLabel: "Article_name 1",
                                                        hideLabel: true,
                                                        name: "article_name1",
                                                        readOnly: true,
                                                        width: 180,
                                                        dummy: true
                                                })
                                        ],
                                        dummy: true
                                }
                                ,
                                {
                                        border: false,
                                        columnWidth: 0.12,
                                        id: "columnQty",
                                        layout: "form",
                                        items: [
                                                new Ext.form.Label({
                                                        text: "Qty",
                                                        dummy: true
                                                })
                                        ,
                                                new Ext.form.NumberField({
                                                        allowBlank: false,
                                                        allowDecimals: false,
                                                        decimalPrecision: 0,
                                                        fieldLabel: "Quantity 1",
                                                        hideLabel: true,
                                                        name: "quantity1",
                                                        width: 50,
                                                        dummy: true
                                                })
                                        ],
                                        dummy: true
                                }
                                ,
                                {
                                        border: false,
                                        columnWidth: 0.12,
                                        id: "columnPrice",
                                        layout: "form",
                                        items: [
                                                new Ext.form.Label({
                                                        text: "Price",
                                                        dummy: true
                                                })
                                                ,
                                                new Ext.form.NumberField({
                                                        allowBlank: false,
                                                        allowDecimals: true,
                                                        decimalPrecision: 2,
                                                        fieldLabel: "Price 1",
                                                        hideLabel: true,
                                                        name: "price1",
                                                        width: 50,
                                                        dummy: true
                                                })
                                        ],
                                        dummy: true
                                }
                                ,
                                {
                                        border: false,
                                        columnWidth: 0.12,
                                        id: "columnTPrice",
                                        layout: "form",
                                        items: [
                                                new Ext.form.Label({
                                                        text: "Total Price",
                                                        dummy: true
                                                })
                                                ,
                                                new Ext.form.NumberField({
                                                        allowBlank: false,
                                                        allowDecimals: true,
                                                        decimalPrecision: 2,
                                                        fieldLabel: "T_price 1",
                                                        hideLabel: true,
                                                        name: "t_price1",
                                                        width: 50,
                                                        dummy: true
                                                })
                                        ],
                                        dummy: true
                                }
                                ],
                                dummy: true
                                }
                                ],
                                dummy: true
                                })
                        ],
                url: "order_new_query.cfm?order=po&{ts \'2009-11-10 15:50:17\'}",
                method: "post",
                dummy: true
        });

        function myHandler() {
                var f;

                if (typeof(new_order_form) != "undefined" && new_order_form.ctype !=
"Ext.Component")
                        f = Ext.getCmp("new_order_form");
                else
                        f = new_order_form;

                if (f.getForm().isValid())
                {
                        if(f.url) f.getForm().getEl().dom.action = f.url;
                        f.getForm().submit({
                                failure: function(f, a) {
                                        Ext.MessageBox.alert("Failure", a.result.message);
                                },
                                success: function (f, a) {
                                        Ext.MessageBox.alert("Success", a.result.message);
                                },

                                waitMsg:'Saving...',
                                waitTitle: 'Please Wait...'
                        });
                }
                else
                {
                        Ext.MessageBox.alert("Validation Error", "Please correct the errors on
the form and try again");
                }
        }

        function myHandler_reset() {
                Ext.getCmp("new_order_form").getForm().reset();
                //Ext.getCmp("orderGrid").getStore().rejectChanges();
        }

        function myHandler_add() {
                addField();
        }
});
</script>


<script type="text/javascript">
var a, b, c, d, e, f, myWin, row;
row = 1;

//Window function to display the available Article Code frouped by buying &
selling prices
function showPriceWin(article, winTitle, rowId) {
        var myWin = new Ext.Window({
                        closable: true,
                        id: myWin,
                        closeAction: 'close',
                        draggable: true,
                        resizable: false,
                        title: winTitle,
                        autoLoad: { url:
'order_new_gridPrice.cfm?article='+article+'&rowId='+rowId+'&encyrpt={ts
\'2009-11-10 15:50:17\'}',
                                                scripts: true,
                                                text: 'Loading data ...'
                                                },
                        collapsible: true,
                        maximizable: false,
                        modal: true,
                        width: 614,
                        height: 280,
                        autoScroll: true,
                        iconCls: 'icon-form',
                        deferredRender: 'false'
                        });

                 myWin.show();
}


function addField(){
        row = row + 1;
        a = new Ext.form.TextField({ //Dynamic ID Field
                allowBlank: true,
                name: "id"+row,
                id: "id"+row,
                width: 50,
                value: row,
                hideLabel: true});

        b = new Ext.form.TextField({ //Dynamic article_number Field
                allowBlank: false,
                hideLabel: true,
                name: "article_number"+row,
                id: "article_number"+row,
                width: 100,
                dummy: true,
                listeners:{
                                        change: function (field,nv,ov) {
                                                                                                        if(articleJSON.find('article_number',nv,0,false,false) != -1) {
                                                                                                                Ext.get(String(field.name).replace("article_number",
"article_name")).set({value :
articleJSON.getAt(articleJSON.find('article_number',nv,0, false,
false)).data.article_name});
                                                                                                                showPriceWin(nv, 'Available Inventory | Article# '+nv,
String(field.name).replace("article_number", ""));
                                                                                                                Ext.get(String(field.name).replace("article_number",
"quantity")).focus(false, 50);
                                                                                                        }
                                                                                                        else {
                                                                                                                Ext.get(String(field.name).replace("article_number",
"article_name")).set({value : ""});
                                                                                                                this.focus(false, 50);
                                                                                                        }
                                                        }
                                        }
        });

        c = new Ext.form.TextField({ //Dynamic article_name Field
                allowBlank: true,
                hideLabel: true,
                name: "article_name"+row,
                id: "article_name"+row,
                readOnly: true,
                width: 180,
                dummy: true
        });

        d = new Ext.form.NumberField({ //Dynamic Quantity Field
                allowBlank: false,
                allowDecimals: false,
                decimalPrecision: 0,
                hideLabel: true,
                name: "quantity"+row,
                id: "quantity"+row,
                width: 50,
                dummy: true
        });

        e = new Ext.form.NumberField({ //Dynamic Price Field
                allowBlank: false,
                allowDecimals: true,
                decimalPrecision: 2,
                hideLabel: true,
                name: "price"+row,
                id: "price"+row,
                width: 50,
                dummy: true
        });

        f = new Ext.form.NumberField({ //Dynamic Total Price Field
                allowBlank: false,
                allowDecimals: true,
                decimalPrecision: 2,
                hideLabel: true,
                name: "t_price"+row,
                id: "t_price"+row,
                width: 50,
                dummy: true
        });

        Ext.getCmp("columnID").insert(row, a );
        Ext.getCmp("columnArticleNumber").insert(row, b );
        Ext.getCmp("columnArticleName").insert(row, c );
        Ext.getCmp("columnQty").insert(row, d );
        Ext.getCmp("columnPrice").insert(row, e );
        Ext.getCmp("columnTPrice").insert(row, f );

        Ext.getCmp("columnID").doLayout();
        Ext.getCmp("columnArticleNumber").doLayout();
        Ext.getCmp("columnArticleName").doLayout();
        Ext.getCmp("columnQty").doLayout();
        Ext.getCmp("columnPrice").doLayout();
        Ext.getCmp("columnTPrice").doLayout();
        //Ext.getCmp("new_order_form").getForm().add( a );
        //Ext.getCmp("new_order_form").getForm
<div id="test2"></div>


<script type="text/javascript">
Ext.onReady(function(){

        var PANEL821 = new Ext.Panel({
                autoHeight: true,
                autoWidth: true,
                id: "myPanel",
                renderTo: "test2",
                items: [
                new Ext.Button({
                handler: testHandler,
                iconCls: "icon-save",
                text: "Save Form",
                dummy: true
                })
                ],
                dummy: true
        });

        function testHandler() {
                //var b = document.getCmp('myWin');
                var a = this.findParentByType('panel').id;
                a = a.findParentByType('window').id;
                Ext.Msg.alert('Test', a);
                //new_order_form.form.findField('quantity2').setValue('12');
        }

});
</script>
().add( b );
        //addAfter( a, c );
        //Ext.getCmp("new_order_form").doLayout();
}
</script>


--------------------------------------------------
From: "Arsalan Tariq Keen" <arsalkeen@...>
Sent: Wednesday, November 11, 2009 7:50 AM
To: "cf-talk" <cf-talk@...>
Subject: Re: Ajax Query

>
> Attached is my code for the Parent window (order_new_form.cfm) and the
> child
> window (order_new_gridPrice.cfm).
>
> The code is lengthy and may seem filthy too...so I m summarising my
> goal....
> Initially a form is displayed in a parent window in which the user enters
> Article Number. The article number filed upon 'change' opens a child
> window
> in which I have to display a grid for further user selection. However to
> keep things simple for now I am just displaying a button which on click
> shall set the value of field quantity (to any arbitrary integer value for
> now) in the parent window and also then close the child form.
>
> Many thanks in advance!
>
> --------------------------------------------------
> From: "Tony Bentley" <tony@...>
> Sent: Wednesday, November 11, 2009 5:44 AM
> To: "cf-talk" <cf-talk@...>
> Subject: Re: Ajax Query
>
>>
>> Sure, please provide some code.
>>
>>
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328241
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Terry Troxel]

Has anyone used this in CF8. I can't find any documentation for Integration
to Coldfusion.

Terry Troxel



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328244
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[WIll Swain]

Assuming you mean FCKEditor, it's right there - cftextarea richtext="true"
gives you a FCKEditor textarea. You can mess about with it. Check the
livedocs and go from there.

HTH

Will

-----Original Message-----
From: Terry Troxel [mailto:terry@...]
Sent: 11 November 2009 11:37
To: cf-talk
Subject: CKEditor


Has anyone used this in CF8. I can't find any documentation for Integration
to Coldfusion.

Terry Troxel





~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328245
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[lists-146]

You might have trouble finding it if you're looking for "CKEditor". In CF 8
it was still called "FCKEditor".

-----Original Message-----
From: Terry Troxel [mailto:terry@...]
Sent: Wednesday, November 11, 2009 5:37 AM
To: cf-talk
Subject: CKEditor


Has anyone used this in CF8. I can't find any documentation for Integration
to Coldfusion.

Terry Troxel





~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328246
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[John M Bliss]

Well, for one, that's what you get when you call cftextarea richtext="yes"

http://livedocs.adobe.com/coldfusion/8/htmldocs/ajaxui_7.html#1126938

On Wed, Nov 11, 2009 at 5:36 AM, Terry Troxel <terry@...> wrote:

>
> Has anyone used this in CF8. I can't find any documentation for Integration
> to Coldfusion.
>
> Terry Troxel
>
>
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328247
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[John M Bliss]

FCKEditor renamed itself to http://ckeditor.com  Same diff.  Guess they got
tired of people like me always seeing it as, "F*CKEditor," if you take my
meaning.  :-)

On Wed, Nov 11, 2009 at 6:21 AM, Will Swain <will@...> wrote:

>
> Assuming you mean FCKEditor, it's right there - cftextarea richtext="true"
> gives you a FCKEditor textarea. You can mess about with it. Check the
> livedocs and go from there.
>
> HTH
>
> Will
>
> -----Original Message-----
> From: Terry Troxel [mailto:terry@...]
> Sent: 11 November 2009 11:37
> To: cf-talk
> Subject: CKEditor
>
>
> Has anyone used this in CF8. I can't find any documentation for Integration
> to Coldfusion.
>
> Terry Troxel
>
>
>
>
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328248
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Charles Sheehan-Miles-2]

Will... CKEditor is the new name/new design for FCKeditor.

Terry, I'm using CKEditor in one of my apps. On the whole, I like it a LOT
better than the original. It was pretty easy to integrate for me, because I
use a function call to create text areas in my app, so I just modified the
function and it replaced everywhere in the app.

 <CFFUNCTION NAME="dsp_RichText" OUTPUT="TRUE" ACCESS="PUBLIC"
DESCRIPTION="INVOKES CKEDITOR">
            <CFARGUMENT NAME="NAME" REQUIRED="YES">
            <CFARGUMENT NAME="CONTENT" REQUIRED="NO" DEFAULT="">

        <textarea name="#NAME#" cols="40" rows="8">#content#</textarea>
        <script type="text/javascript">
        <cfoutput>
        CKEDITOR.replace( '#name#',
            {
                filebrowserBrowseUrl :
'/modules/cffm/cffm.cfm?editorType=cke&EDITOR_RESOURCE_TYPE=file',
                filebrowserImageBrowseUrl :
'/modules/cffm/cffm.cfm?editorType=cke&EDITOR_RESOURCE_TYPE=image',
                filebrowserFlashBrowseUrl :
'/modules/cffm/cffm.cfm?editorType=cke&EDITOR_RESOURCE_TYPE=flash',
                filebrowserUploadUrl :
'/modules/cffm/cffm.cfm?action=QuickUpload&editorType=cke&EDITOR_RESOURCE_TYPE=file',
                filebrowserImageUploadUrl :
'/modules/cffm/cffm.cfm?action=QuickUpload&editorType=cke&EDITOR_RESOURCE_TYPE=image',
                filebrowserFlashUploadUrl :
'/modules/cffm/cffm.cfm?action=QuickUpload&editorType=cke&EDITOR_RESOURCE_TYPE=flash'
            }
        );
       CKEDITOR.replace('#name#');
        </cfoutput>
        </script>
        </CFFUNCTION>

On Wed, Nov 11, 2009 at 7:21 AM, Will Swain <will@...> wrote:

>
> Assuming you mean FCKEditor, it's right there - cftextarea richtext="true"
> gives you a FCKEditor textarea. You can mess about with it. Check the
> livedocs and go from there.
>
> HTH
>
> Will
>
> -----Original Message-----
> From: Terry Troxel [mailto:terry@...]
> Sent: 11 November 2009 11:37
> To: cf-talk
> Subject: CKEditor
>
>
> Has anyone used this in CF8. I can't find any documentation for Integration
> to Coldfusion.
>
> Terry Troxel
>
>
>
>
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328251
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[morgan l-2]

CKEditor is the name of the newest version. I assume by "integrate" into CF
you mean the file manager? If so, you'll either have to buy their file
manager, or merge it with some other file manager.I've been investigating
CFFM, but it looks like we're going to use TinyMCE instead of CKEditor in
conjunction with CFFM.

If you don't mean the file manager, the setup is detailed very well in their
examples, both onsite and in the zip file (just unzip the file into a web
folder).


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328254
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Terry Troxel]

No I do mean CKEditor by the same guys who wrote FCKEditor.

http://ckeditor.com/ 

I downloaded it last night and then I couldn't sleep until I got it to work.

Here's my code that works and I haven't gotten into CKFinder (their
file/image browser) yet, but that's later today.

<html>
<head>
        <title>Sample - CKEditor</title>
        <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
<body>
<cfif isdefined("x")>
        <cfset content='#editor1#'>
<cfelse>
        <cfset content='start'>
</cfif>


<cfoutput>
<form method="post" action="cke.cfm">
        <p>
        My Editor:<br />
        <textarea name="editor1">#content#</textarea>
        <script type="text/javascript">
                CKEDITOR.replace( 'editor1' );
        </script>
        </p>
        <p>
                <input name="x" type="submit" value="Submit" />
        </p>
</form>
</cfoutput>
</body>
</html>

-----Original Message-----
From: Will Swain [mailto:will@...]
Sent: Wednesday, November 11, 2009 4:22 AM
To: cf-talk
Subject: RE: CKEditor


Assuming you mean FCKEditor, it's right there - cftextarea richtext="true"
gives you a FCKEditor textarea. You can mess about with it. Check the
livedocs and go from there.

HTH

Will

-----Original Message-----
From: Terry Troxel [mailto:terry@...]
Sent: 11 November 2009 11:37
To: cf-talk
Subject: CKEditor


Has anyone used this in CF8. I can't find any documentation for Integration
to Coldfusion.

Terry Troxel







~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328255
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Brad Wood-3]

If you're referring to the NEW version of FCKEditor (which has had the F
dropped and is now called CKEditor), ColdFusion does not use that newer
version for the built-in cfform tag.

You can use still the new version though by simply including the
appropriate JS files (it runs on jQuery now) and I must say it is easier
than ever to use.  You simply declare your textarea in HTML and then
there is a line of document.read() code that turns it into the rich text
editor.

~Brad

-------- Original Message --------
Subject: CKEditor
From: "Terry Troxel" <terry@...>
Date: Wed, November 11, 2009 5:36 am
To: cf-talk <cf-talk@...>


Has anyone used this in CF8. I can't find any documentation for
Integration
to Coldfusion.

Terry Troxel



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328256
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Phillip Vector]

So that wasn't their intention before? I always saw the extra letter
myself as well. Thought it was some kind of subliminal marketing ploy.

On Wed, Nov 11, 2009 at 5:48 AM, John M Bliss <bliss.john@...> wrote:

>
> FCKEditor renamed itself to http://ckeditor.com  Same diff.  Guess they got
> tired of people like me always seeing it as, "F*CKEditor," if you take my
> meaning.  :-)
>
> On Wed, Nov 11, 2009 at 6:21 AM, Will Swain <will@...> wrote:
>
>>
>> Assuming you mean FCKEditor, it's right there - cftextarea richtext="true"
>> gives you a FCKEditor textarea. You can mess about with it. Check the
>> livedocs and go from there.
>>
>> HTH
>>
>> Will
>>
>> -----Original Message-----
>> From: Terry Troxel [mailto:terry@...]
>> Sent: 11 November 2009 11:37
>> To: cf-talk
>> Subject: CKEditor
>>
>>
>> Has anyone used this in CF8. I can't find any documentation for Integration
>> to Coldfusion.
>>
>> Terry Troxel
>>
>>
>>
>>
>>
>>
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328257
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[WIll Swain]

Ah yes. Got ya. :)

w

-----Original Message-----
From: John M Bliss [mailto:bliss.john@...]
Sent: 11 November 2009 13:48
To: cf-talk
Subject: Re: CKEditor


FCKEditor renamed itself to http://ckeditor.com  Same diff.  Guess they got
tired of people like me always seeing it as, "F*CKEditor," if you take my
meaning.  :-)

On Wed, Nov 11, 2009 at 6:21 AM, Will Swain <will@...> wrote:

>
> Assuming you mean FCKEditor, it's right there - cftextarea richtext="true"
> gives you a FCKEditor textarea. You can mess about with it. Check the
> livedocs and go from there.
>
> HTH
>
> Will
>
> -----Original Message-----
> From: Terry Troxel [mailto:terry@...]
> Sent: 11 November 2009 11:37
> To: cf-talk
> Subject: CKEditor
>
>
> Has anyone used this in CF8. I can't find any documentation for
> Integration to Coldfusion.
>
> Terry Troxel
>
>
>
>
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328260
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Gerald Guido]

>
> Guess they got
> tired of people like me always seeing it as, "F*CKEditor," if you take my
> meaning.  :-)
>


You mean it is NOT pronounced that way. Well, that explains a lot.

G!


--
Gerald Guido
http://www.myinternetisbroken.com

"Wait. We can't stop here. This is bat country."
-- HST


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328268
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[morgan l-2]

It was actually the initials (F.C.K.) of the developer.

On Wed, Nov 11, 2009 at 9:45 AM, Phillip Vector
<vector@...>wrote:

>
> So that wasn't their intention before? I always saw the extra letter
> myself as well. Thought it was some kind of subliminal marketing ploy.
>
> On Wed, Nov 11, 2009 at 5:48 AM, John M Bliss <bliss.john@...>
> wrote:
> >
> > FCKEditor renamed itself to http://ckeditor.com  Same diff.  Guess they
> got
> > tired of people like me always seeing it as, "F*CKEditor," if you take my
> > meaning.  :-)
> >
> > On Wed, Nov 11, 2009 at 6:21 AM, Will Swain <will@...> wrote:
> >
> >>
> >> Assuming you mean FCKEditor, it's right there - cftextarea
> richtext="true"
> >> gives you a FCKEditor textarea. You can mess about with it. Check the
> >> livedocs and go from there.
> >>
> >> HTH
> >>
> >> Will
> >>
> >> -----Original Message-----
> >> From: Terry Troxel [mailto:terry@...]
> >> Sent: 11 November 2009 11:37
> >> To: cf-talk
> >> Subject: CKEditor
> >>
> >>
> >> Has anyone used this in CF8. I can't find any documentation for
> Integration
> >> to Coldfusion.
> >>
> >> Terry Troxel
> >>
> >>
> >>
> >>
> >>
> >>
> >
> >
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328269
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4

[Tony Bentley]

I use it all of the time. It can be used in a number of ways. I like the ease of clicking something that replaces the content within an element (textarea or div) and loads after the page loads. I have an application that uses a custom tag to instantiate it:

<cfparam name="attributes.html" default="">
<cfparam name="attributes.height" default="200">
<cfif thisTag.ExecutionMode is 'start'>
<cfscript>
        fckEditor = createObject("component", "fckeditor.fckeditor");
        fckEditor.instanceName="myEditor";
        fckEditor.basePath="/fckeditor/";
        fckEditor.value=attributes.html;
        fckEditor.width="100%";
        fckEditor.height=attributes.height;
        fckEditor.create();
</cfscript>

</cfif>

<cfif thisTag.ExecutionMode is 'end'></cfif>


Then just run it on your page like this:

<cfimport
        prefix="tag"
        taglib="tags/">
<tag:fck html="#myhtml#" height="500"/>

You can add as many attributes as you want but this seems to be easier than doing any changes to the code inside of FCKEditor.



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328274
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.4