Question Add Image Button

[Mobius1]

Greetings,

Due to popular demand on my board, I added an 'Add Image URL' and 'Quote' button into the editor toolbar of the shoutbox.

My javascript knowledge is rusty but I've added the script for generating the prompt box to add the image url but I can't remember how to get it to add the url to the shoutbox once the user selects 'OK'.

How is this done?



headerinclude

<script type="text/javascript">
function show_prompt()
{
var name=prompt("Image URL");
if (name!=null && name!="")
  {
  document.write("[img]" + name + "[/img]");
  }
}
</script

dbtech_vbshout_shoutbox_editortools

<li><input type="image" src="{vb:stylevar imgdir_editor}/insertimage.png" onclick="return show_prompt()"/></li>

 

[Fillip H.]

vBShout{vb:raw instance.instanceid}.set_command('text');

Where {vb:raw instance.instanceid} is the instance ID you're working with

 

[Mobius1]

Remind me where I add that line. I haven't used HTML/JS/PHP for over 10 years, lol.

 

[Fillip H.]

It'd be in place of the
document.write("

");
line.

In that template though, you probably need to hardcode the instance ID.

 

[Mobius1]

Thanks, that worked a treat!


headerinclude

<script type="text/javascript">
function show_prompt()
{
var name=prompt("Image URL");
if (name!=null && name!="")
  {
   vBShout1.set_command("[img]" + name + "[/img]");
  }
}
</script

dbtech_vbshout_shoutbox_editortools

<li><input type="image" src="{vb:stylevar imgdir_editor}/insertimage.png" onclick="return show_prompt()"/></li>