Question Inputting Text with JS

[Mobius1]

Shoutbox Input with JS

Hiya,

I've got some custom script to insert text into the shoutbox (for quoting shouts and adding images) but the upgrade to 6.0 seems to have broke it.

I use this to insert the text:

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

Thanks!

 

[Fillip H.]

This is the HTML element that is used for inserting the /test command:

<a data-command="/test" data-instanceid="{vb:raw instance.instanceid}" name="dbtech_vbshout_setcommand" href="javascript://">/me [text]</a>

You will need to replace /test with the text you want and insert that element somewhere.

Whenever someone clicks that element, the contents of data-command is inserted.

Then, when you want it triggered, you can use

$('[name="dbtech_vbshout_setcommand"][data-instanceid="{vb:raw instance.instanceid}"][data-command="/test"]').trigger('mousedown');

Also changing /test there.


It became more long-winded because I recoded it from scratch to support multiple instances natively, and supporting this was not something we had in mind then or now.

If this doesn't work then I don't know if I'll be able to assist any further, like I said we haven't created an API for these things.

 

[Mobius1]

Many thanks, that's perfect!


However, one of the buttons triggers a pop-up box to insert an image URL so when the shouter hits Enter the image appears as a shout.

This is the code:

headerinclude

javascript

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

dbtech_vbshout_shoutbox_editortools

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

 

[Fillip H.]

I couldn't tell you how to replicate that, sorry

 

[Mobius1]

No problem, mate.

Thanks for the other code, it'll come in handy

 

[Captive Reefs]

This is probably bad form to post in another's support thread....so sorry. But the ability to have an image button is a feature that I would help pay for. Especially if I could toggle that with my img2 bbcode which assigns the image width to avoid images being too large in chat. This has been a major issue with my members.

 

[Mobius1]

If anyone's interested, I wrote a script for image function that works with 6.x.x (requires jQuery and jAlert).

Demo: http://jsfiddle.net/Mobius1/ybtxK/2/