HELP! Using Javascript to write to Orders Comments box?

[Jeff_Mash]

Hey guys! I need some javascript advice. This works fine under 1.5.7 but no longer with 1.5.8a.

In 1.5.7, I had some custom buttons on my orders.php page. When I clicked the button, it would auto-populate the Comments box so I could easily send a status message to a customer without typing the same personal message.

For example, I had a button called "24 Hours" and when I would click it, it would use an onClick Javascript command to auto-populate the comments field with a detailed message (something like, "We are currently processing your order and we expect your items to ship within the next 24 hours.").

I did this with this simple line of code:

<input type="button" name="24Hours" Value="24 Hours" onclick="javascript:document.statusUpdate.comments.value='We are currently processing your order and we expect your items to ship within the next 24 hours.'">

However, with 1.5.8, there is now a WYSIWYG editor, and I am not able to figure out how to send the onClick text to that kind of object. Can you help?

I tried this but it's not working:

<input type="button" name="mybutton" Value="Test"  onclick="javascript:document.statusUpdateForm.comments.value='My example message here'">

I see the actual form name has changed between versions (from statusUpdate to statusUpdateForm), but I don't know how to access the comments box within that object.

If I can just figure out how to auto-populate text to the current Order Comments box with a click of a button, I can do the rest.

Any advice on how to do this?

[Jeff_Mash]

UPDATE: I don't have an answer on this yet.....but in the meantime, I found this module (for 1.5.7) which I will test to see if it works on 1.5.8:

https://www.zen-cart.com/downloads.php?do=file&id=2222

[lat9]

You can always disable the WYSIWHG editor and just use TEXT.

[simon1066]

UPDATE: I don't have an answer on this yet.....but in the meantime, I found this module (for 1.5.7) which I will test to see if it works on 1.5.8:

https://www.zen-cart.com/downloads.php?do=file&id=2222

Yes, I successfully use this on ZC v1.5.8a - I think I had to just make a slight change after getting PHP Warnings on PHP 8.0 and another change to allow for multiple comments to be added.

[swguy]

Simon, please build a new version from your changes and submit to the Plugins Library. Thank you!

[simon1066]

Simon, please build a new version from your changes and submit to the Plugins Library. Thank you!

That'll be fun. Will do.

[swguy]

Your adoption of this orphan is greatly appreciated! The community won't thrive without volunteers.

[Jeff_Mash]

First I want to thank all of you who responded. I truly love this community and wish I was as great a programmer as you all!

I decided to go with my own custom Javascript buttons because 1) I am trying to keep my plugins to a minimum, and 2) this way gives me more control.

If anyone is interested, I will explain below about what I did and why it works for me.

What I needed: a way to set an order status AND variable order-related text for my orders. This is important if you have many different messages you send to customers. For example, you may want to say something different to a shipped Download order versus a shipped Physical Item order.

Or let's say that you have one Order Status that says "Processing"........but that could mean a few different things, depending on the items you sell. For example, I could sell an item I have in my local stockroom, or I could sell an item that takes me 2 days to dropship from another location. Both orders would go into a "Processing" status, but I may want to email two different messages to those customers.

So I have two BUTTONS: "Processing" and "Processing 24-36". Depending on which button I click, it will set the status to PROCESSING for both, but it will copy to clipboard two completely different status messages.

Here is an image of what part of my Orders Page looks like, with different buttons:



How it works:

1. Press the button you want depending on the predefined status of your order. This will copy to clipboard your predefined text, and also set the status in the dropdown menu.

2. Paste the clipboard to the textarea box and UPDATE the customer.

The code is very simple. Create as many buttons as you need with this line of code:

<button onclick="myFunction('2','Hi <?php echo $FirstName[0]; ?>!  Thank you for choosing to shop with us! We are currently processing your order.  We expect your items to ship within the next 24 hours.  We will email you again at that time. \r\rIf you have any other questions please let us know.')">Processing</button>

The first parameter ('2') is whatever you want the dropdown status to be. In our case (and probably most users), 2 = Processing. The next parameter is the text you want to copy to the clipboard. You can even put in variables like the customer's first name like we do, or anything else you can pass to it.

Then you simply need this function below your buttons:

<script>
		function myFunction(status,text) {
		  document.getElementById("statusUpdateSelect").value = status;  // Set the status
		 navigator.clipboard.writeText(text); // Copy text to clipboard for pasting
		}
</script>

Again, I am not a very good programmer, but this solution is easy and works for me with minimal changes to the original ZenCart orders.php file.