jQuery Change text-input to textarea

[walkie]

Dear Coders,

I'm having a little problem converting the below code from <input type="text"> to <textarea></textarea> because it's inside a java code, that I don't quite understand.

$('<input type="text">').val(container.text()).appendTo(container.empty());

I guess this ".find" function needs to be changed as well:

$('.todo a.saveChanges').live('click',function(){
		var text = currentTODO.find("input[type=text]").val();
...

Please let me know if you need to see more of the script in order to help

Thanks in advance.

Morten

[devnull69]

Try to do that:

$('<textarea>').val(container.text()).appendTo(container.empty());

and

$('.todo a.saveChanges').live('click',function(){
		var text = currentTODO.find("textarea").val();
...

[walkie]

Thank you for the answer.
Where/how do i end the textarea tag?

[devnull69]

It kind of ends itself :-)

This code

$('<textarea>').appendTo(...);

will create a complete <textarea> and append it to the destination. This complete tag will include the closing tag.

[walkie]

Aaah cool!
Because I tried myself with this:

$('<textarea>').val(container.text()).appendTo(container.empty()).('</textarea>');

And i kinda knew it was wrong, but worth the try hehe.

I can add a parameter to the textarea inthere right? Like this:

$('<textarea class="name">').val(container.text()).appendTo(container.empty());

[devnull69]

Yes, you can

[walkie]

Thanks alot for you help mate.

Would you mind if I PM you if I have some other small problems with jQuery? You seem to know your way around it, and i wont abuse it.
Or would you prefer if I make new posts?

[walkie]

So the textarea is now showing, but there's a problem with saving the text now.
When i press save, the new text shows, but it does not update the MySQL. Because when I press refresh, it disappears.

Here's what i have.

The save function:

	$('.todo a.saveChanges').live('click',function(){
		var text = currentTODO.find("textarea").val();
		
		$.get("ajax.php",{'action':'edit','id':currentTODO.data('id'),'text':text});
		
		currentTODO.removeData('origText')
					.find(".text")
					.text(text);
	});

Which leads to the "edit case" in ajax.php:

case 'edit':
	ToDo::edit($id,$_GET['text']);
	break;

That calls the function for updating the database:

public static function edit($id, $text){

	$text = self::esc($text);
	if(!$text) throw new Exception("Wrong update text!");

	mysql_query("	UPDATE tabel
					SET text='".$text."'
					WHERE id=".$id
				);
		
	if(mysql_affected_rows($GLOBALS['link'])!=1)
		throw new Exception("Couldn't update item!");
}

This worked before we changed to the textarea
Can you see why?


/Morten

[bullant]

I'm not sure exactly what you are trying to do

Are you trying to swap a text box element for a textarea and what event (button click?) triggers the swap. And what if there is something entered in the text box when the swap is triggered.

The reason I ask is because it might be just a few lines of plain javascript if the above is all you want to do.

[walkie]

Hey Bullant,

Thank you for your answer.

It is a free script I have downloaded and trying to change to match my needs. Therefore I Didn't want it to be a <input type=text> but instead a <textarea>.

devnull69 helped me change that, but now the script wont save what i type in the field.
You can press a button called "edit" and it turns into a writeable textfield, and then press save and it should upload the changes to a Database.
It shows the changes like it should, but does not upload to the database anymore.


I hope this helped you understand what the script does.

Br,
Morten

[walkie]

I found the error in the tabel name So know it works!

Thanks alot for all your help.