[sujata_ghosh]

Hi to all!

I would like to get help on the follow:

On a form i have a textarea where i write data and on while wrtting on that textarea i want that on a button click the following line willm be inserted on current position of the cursor on that field.

<img src="" border="0" align="center">

It can be on any possition. first middle or end on that textarea while i am writting.

can any one help me on that?

Thanks,

[TwoD]

There's a good script a few posts down in "Maintaining Cursor Position": http://www.programmingtalk.com/showthread.php?t=39382

[sujata_ghosh]

Thanks TWOD!

I have used that code but is showing me error :

line 59
char: 1
erro: object doesn't support properlty or method.

so please tell me what do i need to pass the value when i am calling the script? i have used whole script into the form and i am calling the function like that:

this is part of the code of whole form:

HTML Code:

<input type="button" name="imagecur" value=" image " onclick="javascript:insertAtCursor('document.vbform.mess','<img src="" border="0" align="center">')" class="submitbutton">
</TD></TR>
 <TR>
    <TD><b>Date:</b> <INPUT size=20 name="datecur" value="$dt"></TD>
    <TD><b>Time:</b> <INPUT size=30 name="time" value="$time"></TD>
 </TR>
  
   <tr>
     <td colspan=2 valign="top"><b>Matter:</b> <br><TEXTAREA name="mess" rows="10" wrap=virtual
    cols=75>$mess</TEXTAREA></td></tr>

and my textarea name is 'mess' and i would like to add this image code into anywhere on this textarea when i click the button above.


is this above will be correct?

Thanks.

[TwoD]

The first argument should be a reference (to an input object/element), not a string.
So remove the quotes in the first argument to make that ok. In the second argument you need to escape the quotes inside the string so they don't end the outer string, like this:

HTML Code:

<input type="button" name="imagecur" value=" image " onclick="javascript:insertAtCursor(document.vbform.mess,'<img src=\"\" border=\"0\" align=\"center\">')" class="submitbutton">

Btw, depending on which HTML version you aim to use, the align attribute might not validate.

Also, I think I saw a post in another forum where someone had problems when trying to change an img tag's src attribute after it was created with an empty src. Putting the url to a 1x1px blank image helped tho. Depending on how you intend to use the image, an alt attribute should also be used. XHTML won't validate without it I think.


Btw, if document.vbform.mess doesn't work, give the textarea the id="mess" and use document.getElementById(\"mess\") there instead.

[sujata_ghosh]

Thanks TwoD!

I have used this code:

Code:

<input type="button" name="imagecur" value=" image " onclick="javascript:insertAtCursor(document.vbform.mess,'<img src= border=0 align=center>')" class="submitbutton">

Code:

<TEXTAREA id="mess" rows="10" wrap=virtual
    cols=75>$mess</TEXTAREA>

I am using this Javascript code into a CGI coded HTML form. and the page is simple HTML page where that align="center" works.

now the problem is i can't able to pass the exact code what i want like this:
<img src="" border="0" align="center">

it not executed the code if it put ' "" ' this and then this line is showing besid the button written on the form as of they are text instead of code.

if i pass the like this:
<img src= border=0 align=center>

then its work. but quotes should be there.

Please suggest what to do next.

Thanks a lot for ur cooperation.

[TwoD]

Do you have a testpage online so I can take a look and see why it doesn't work?

The code I posted with the \" should have worked, but you can also try \'

[sujata_ghosh]

yes you can take a look at here:

http://www.k****ij.com/cgi-bin/testfunda1.cgi (without ")

http://www.k****ij.com/cgi-bin/testfunda.cgi (with ")


please replace **** with the word " s h i t "

but make sure u don;t give any space between letters.

Thanks.

[TwoD]

Here's the line from the page with the quotes.

HTML Code:

<input name="imagecur" value=" image " onclick="javascript:insertAtCursor(document.vbform.mess,'<img src=" align="middle" border="0" type="button">')" class="submitbutton"&gt;

It should have been

HTML Code:

<input name="imagecur" value=" image " onclick="javascript:insertAtCursor(document.vbform.mess,'<img src=\"\" align=\"middle\" border=\"0\" type=\"button\">')" class="submitbutton">

[sujata_ghosh]

you can take a look into your new code at here:
http://www.k****ij.com/cgi-bin/testfunda.cgi

its not working

i hope you have missed ">" this at the end of '<img' code.

HTML Code:

<input type="button" name="imagecur" value=" image " onclick="javascript:insertAtCursor(document.vbform.mess,'<img src=\"\" border=\"0\" align=\"center\" tupe=\"button\"')" class="submitbutton">

please check it.

anyway i have tried this also:

HTML Code:

<input type="button" name="imagecur" value=" image " onclick="javascript:insertAtCursor(document.vbform.mess,'<img src=\"\" border=\"0\" align=\"center\" tupe=\"button\">')" class="submitbutton">
 

but result is same it was before, mean last time.

thanks.

[TwoD]

Yes, I forgot the >
But you keep forgetting the backslashes before the quotes on the page.
I can see you included them here, but when I view source in IE on that last page you posted, I get:

HTML Code:

<input type="button" name="imagecur" value=" image " onclick="javascript:insertAtCursor(document.vbform.mess,'<img src="" border="0" align="center" type="button"')" class="submitbutton">

Which seems kinda weird. I also get a different line if I save the page in FF. (FF messes with the code if you view source, but saving the page should leave it as it is.)