JQuery and textarea width: css() method

Question

I have an textarea with tinyMCE included in the JQuery dialog.

Here is how I created this:

tinyMCE.init({ mode: 'none', });    
var paragraphDialog = $('#paragraph_dialog');       
$('<textarea/>').attr('id', 'txt_paragraph');
txtAreaParagraph = $('<textarea/>');    
paragraphDialog = $('<div/>').attr('id', 'paragraph_dialog');
txtAreaParagraph.appendTo(paragraphDialog);

paragraphDialog.dialog({
    height: 300,
    width: 800,
    modal: true,
open: function ()
    {
    if ($('#txt_paragraph_parent', $(this)).length == 0)
        {
        var ddd = {mode:'none'};
        txtAreaParagraph.tinymce(ddd);
        }
    };

Now, I would like to set the width attribute of the textarea.

I have tried

$('<textarea/>').css('width', '700px');

and

$('<textarea/>').css('width', '700');

But none of them works.

Thank you very much for your help regarding my problem.

skadermen · Accepted Answer · 2012-07-09 08:25:36Z

1

Try this

txtAreaParagraph = $('<textarea/>');  
txtAreaParagraph.css('width', '700px');

answered Jul 9, 2012 at 8:25

skadermen

586 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tomer · Accepted Answer · 2012-07-09 08:10:07Z

0

You need to remove the tags , do :

$('textarea').css('width', '700');

answered Jul 9, 2012 at 8:10

Tomer

17.9k17 gold badges82 silver badges139 bronze badges

1 Comment

Milos Cuculovic Over a year ago

Thank you for your answer ftom2, but this is not changing my problem, I have tryed but nothing changes.

Wulfram · Accepted Answer · 2012-07-09 08:27:57Z

0

Try adding the width parameter to the tinyMCE.init function like so.

tinyMCE.init({width: "800", mode: 'none', });    
var paragraphDialog = $('#paragraph_dialog');       
$('<textarea/>').attr('id', 'txt_paragraph');
txtAreaParagraph = $('<textarea/>');    
paragraphDialog = $('<div/>').attr('id', 'paragraph_dialog');
txtAreaParagraph.appendTo(paragraphDialog);

paragraphDialog.dialog({
    height: 300,
    width: 800,
    modal: true,
open: function ()
    {
    if ($('#txt_paragraph_parent', $(this)).length == 0)
        {
        var ddd = {width: "800", mode:'none'};
        txtAreaParagraph.tinymce(ddd);
        }
    };

answered Jul 9, 2012 at 8:27

Wulfram

3,3822 gold badges17 silver badges11 bronze badges

Collectives™ on Stack Overflow

JQuery and textarea width: css() method

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related