NEVER MIND, I GOT IT!

I am done through Post #1019. I will take a break for a few minutes.

Other code uses:

CR and LF

for carriage return and line feed, so remember both mean the same thing.

The "\r\n" is usually used in text scripts, which convert that into CRLF in the code.

I missed this, due to new page .... so will post anyway ...

1: When you clicked Launch with MS_Edge, did the code run?

Umm... I don't remember.  I may have missed that little detail.

01: Find game1.htm

02: Rt-click "open with" >> "Notepad++"

========

03: Click RUN

04: Click "launch in MS_Edge".

05: Tell me if it ran.

========

06: If it ran push game "start" button twice.

07: What happened then?

08: Close game display with X

========

09: Look at code ... did MACROs work properly to fix the one liner?

10: Do you now have multiple  lines of code?

========

11: Click the |P (reversed) button below PLUGINS TAB ... "show all characters"

12: Notice CR LF which means NEW LINE.

13: Click same button again.

========

14: Do not close game1.htm, since we will look at it again tomorrow.

15: If you do close it, you must repeat steps 1 and 2 tomorrow.

========

01: Find game1.htm

The only "game1" that I have is a text file on my desktop named Game #1, consisting of this:

<table style="margin:0px auto;width:auto;border:7px solid #CCCC00;padding:20px;border-spacing:0px;background-color:#009900;"><tbody><tr class="firstRow"><td style="text-align:center;"><!-- this is a comment --><table style="width:700px;height:500px;border:7px solid #CCCC00;padding:0px;border-spacing:0px;background-color:#FFFFDD;"><tbody><tr class="firstRow"><td style="text-align: center; word-break: break-word;"><div style="text-align:center;border:8px solid #006600;background-image:url('https://i.postimg.cc/DfCv10Hb/Wolf-Game-Background.jpg');"><!-- https://iili.io/HobIfTb.png use this bkg later --><strong style="color:#006600;font-size:36px;"><br>** MY FANTASTIC GAME **<br><br></strong><a href="https://www.random.org/integers/?num=1&amp;min=1&amp;max=6&amp;col=1&amp;base=10&amp;format=html&amp;rnd=new"><img src="https://i.postimg.cc/DzWL3RGx/Wolf-Game-Header.jpg" style="border:20px solid #006600;"></a><p style="color:#006600;font-size:30px;"><br><b>INSTRUCTIONS:</b><br>Move wolf to catch<br>Little Red Riding Hood!<br>Prior to COPY click Wolf (1-6).<br>First wolf to catch her wins!<br>Have fun!<br><!-- ICON TABLE --></p><p style="color:#006600;font-size:30px;"><b><br></b></p><table style="width:auto;margin:0px auto;text-align:center;border:#006600 7px solid;background-color:#FFFFFF;"><tbody><tr class="firstRow"><td style="background-color:#FFFFDD;text-align:center;width:100px;height:30px;border:1px solid #006600;font-weight:900;color:#FF0000;">NAME</td><td style="background-color:#FFFFDD;text-align:center;width:100px;height:30px;border:1px solid #006600;font-weight:900;color:#009900;">NAME</td><td style="background-color:#FFFFDD;text-align:center;width:100px;height:30px;border:1px solid #006600;font-weight:900;color:#FF00FF;">NAME</td></tr><tr><td style="line-height:1px;border:1px solid #006600;width:100px;height:100px;"><img src="https://i.postimg.cc/QtQBXDdJ/Wolf-Game-Wolf-1.png" style="width:80px;height:80px;"></td><td style="line-height:1px;border:1px solid #006600;width:100px;height:100px;"><img src="https://i.postimg.cc/wMWjvj8L/Wolf-Game-Wolf-2.png" style="width:80px;height:80px;"></td><td style="line-height:1px;border:1px solid #006600;width:100px;height:100px;"><img src="https://i.postimg.cc/V6mfWCzX/Wolf-Game-Wolf-3.png" style="width:80px;height:80px;"></td></tr><!-- this is existing tail below, so copy it overwhat you have or omit it --></tbody></table><br><br><br><br></div></td></tr></tbody></table><!-- this is a comment --></td></tr></tbody></table><p></p><p></p><p></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>

Maybe it was test1.htm

Whatever you loaded into Npp, do the post #1031 exercise on it,

so I can know if the xml is working.

Forget the button if it's not there.

01: Find game1.htm

02: Rt-click "edit with" >> "Notepad++" ("open with" threw me off, briefly)

========

03: Click RUN

04: Click "launch in MS_Edge".

05: Tell me if it ran.

Yes, and I clicked the button, also. 

06: If it ran push game "start" button twice.

07: What happened then?

08: Close game display with X

========

09: Look at code ... did MACROs work properly to fix the one liner?

10: Do you now have multiple  lines of code?

I pushed game "start" button twice.

The lights started changing colors.

Closed game display with X.

Macros worked great.

Have multiple lines of code.

Great, going, Joe! I'm proud of you!

=================================

Did you try both languages HTML and javascript?

We will make our first macro.

Note that the { } and */ are bunched up in JS.

The first macro will be to put CR LF after }.

As I mentioned before, that will be \r\n in the script.

==========================

Click MACRO tab
Get up to top area of that window.
Click "START RECORDING"
==========================
Push CTRL-HOME
Push CTRL-H .. a window will pop up.
Enable "EXTENDED SEARCH MODE" .. all other buttons UNCHECKED. See pic.
==========================
In top box type             }
In bottom box type      }\r\n
Click RELACE ALL in same window
Click CLOSE in same window
==========================
In MACRO, go to top and click "STOP RECORDING"
In MACRO, go to top and click "SAVE CURRENT RECORDED MACRO"
Name it   CHOP AFTER  }

Click CLOSE in window

==========================

CHOP AFTER  }       will now be on bottom of MACRO listing.

Every time you click it, it will put an ENTER, or CR LF, after every }.

If you overdo it, DEL BLANK LINE X1 will fix it.

If you go to the bottom of the MACRO list you can click MODIFY SHORTCUT and change the names. You can also add shortcut keys. Some keys are in use already so you have to poke ALT and CTRL and SHIFT sometimes to get a good one.

Take care not to delete any that you need, or you will have to redo them.

The DELETE is there in case you screw up and make a macro that doesn't do what you wanted.

===================

OPTIONAL:

To re-arrange the macro list, you have to manually edit SHORTCUTS.XML  .... very carefully.

Prior to that you need a SHORTCUTS.BAK, or some kind of copy of current xml in case of major EFF-UP, like your cat walked on the keyboard in mid edit, and hit garbage and SAVE!

As an example, you have to move the whole macro (or your target macro) in the red box in between 2 other macros, then save and close and exit.

Hilite & CTRL-X to cut, and CTRL-V to paste, plus get rid of blank lines left behind.

The blank lines thing is optional, but you want it to look nice.

Line-up any macros that are misaligned, optional.

Npp doesn't give a hoot about misaligned code unless it's out of sequence.

It's your friends that say, "OOH, look at Joe's messy XML code." ..... LOL

Two old ladies were sitting on a park bench when a flasher jumped in front of them and opened up his coat.

One old lady had a stroke;

The other old lady's arms were too short!

Great, going, Joe! I'm proud of you!

=================================

Did you try both languages HTML and javascript?

Thanks, Dave!

I clicked both languages, like you said to do.

LOL at the old ladies!

Will get back to this. (Sometime)

It's practically the same old stuff every time for whole-page macros.

Remember  \r\n means NEW LINE.

For your own future macros, just figure out which side of a code character you want a new line to happen!

Record these using a new page .. otherwise the code will move as you do this. Test these macros later on test1.htm.

Joe:

You can have the instructions open in NPP, while writing the macro involved.

Here's another useful one.

It's all the same old sh!t, (that's easy to learn) except for the 2 boxes content,

which is easier to figure out than how to win a CONNECT-4 game.

==============

It's quite evident that the macro engine should be turned on and off like your washing machine if you use one:

MACRO >> START RECORDING

Wash the clothes ...

CTRL-HOME

\r\n</td>

</td>

Click RELACE ALL
Click CLOSE

Stop when done ...

MACRO >> STOP RECORDING

Then dry the clothes ...

SAVE CURRENT RECORDED MACRO.

==============

This one means replace a new line to left of </td> with NOTHING

EXAMPLE:

<td style="width:100px;">CR LF

</td>CR LF

becomes

<td style="width:100px;"></td>CR LF

or PUT </td> ON THE END OF PREVIOUS LINE.

We will examine parts of TEST1.HTM

Unlike RESET, we have to make an INIT function that initializes our game,

and makes a continual loop to keep the game moving.

This is an example, pared down to minimum code.

Let me know if you have questions of how it works.

/* JS COMMENT */

<!--  HTML COMMENT  -->

For reference:

There are no lights to change, but init() will run, and count will keep incrementing!