• Please note: In an effort to ensure that all of our users feel welcome on our forums, we’ve updated our forum rules. You can review the updated rules here: http://forums.wolflair.com/showthread.php?t=5528.

    If a fellow Community member is not following the forum rules, please report the post by clicking the Report button (the red yield sign on the left) located on every post. This will notify the moderators directly. If you have any questions about these new rules, please contact support@wolflair.com.

    - The Lone Wolf Development Team

Random Tables lookups?

hmmm... parentNode should have worked if it uses the same engine, but in reality, it doesnt matter that much.
 
Sorry for the late reply. I had a game tonight. Final battle of Jade regent Night of Frozen Shadows. I have the final code. It is tested to work in RW.

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>Crown of the World Random Encounters</TITLE>
</HEAD>
<BODY>

<script language="JavaScript">

// Some Arrays




rnd.today=new Date();
rnd.seed=rnd.today.getTime();

function rnd() {
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
}

function rand(number) {
return Math.ceil(rnd()*number);
}

function tableResults(argument) {

var aquaticArray = [];
var forestArray = [];
var hillsArray = [];
var mountainsArray = [];
var tundraArray = [];

aquaticArray.push({"max": 18, "content": "1 draugr; CR 2; Bestiary 2 pg 110" });
aquaticArray.push({"max": 31, "content": "1 bunyip; CR 3; Bestiary 2 pg 50"});
aquaticArray.push({"max": 59, "content": "1 orca; CR 5; Bestiary pg 88"});
aquaticArray.push({"max": 72, "content": "1 selkie; CR 5; Pathfinder #50 pg 88"});
aquaticArray.push({"max": 84, "content": "1 glacier toad; CR 6; Bestiary 2 pg 268"});
aquaticArray.push({"max": 100,"content": "1 qallupilluk; CR 7; Pathfinder #51 pg 88"});


forestArray.push({"max": 16, "content": "1 hoarfrost spirit; CR 3; Pathfinder #51 pg 14"});
forestArray.push({"max": 29, "content": "1 ice troll; CR 4; Bestiary 2 pg 271"});
forestArray.push({"max": 58, "content": "1 winter wolf; CR 5; Bestiary pg 280"});
forestArray.push({"max": 68, "content": "1 glacier toad; CR 6; Bestiary 2 pg 268"});
forestArray.push({"max": 79, "content": "1 witchfire; CR 9; Bestiary 2 pg 284"});
forestArray.push({"max": 94, "content": "1 saumen kar; CR 10; Pathfinder #51 pg 90"});
forestArray.push({"max": 100, "content": "1 taiga giant; CR 12; Bestiary 2 pg 131"});


hillsArray.push({"max": 11, "content": "1 hoarfrost spirit; CR 3; Pathfinder #51 pg 14"});
hillsArray.push({"max": 24, "content": "1 ice troll; CR 4; Bestiary 2 pg 271"});
hillsArray.push({"max": 32, "content": "1 yeti; CR 4; Bestiary pg 287"});
hillsArray.push({"max": 42, "content": "1 winter wolf; CR 5; Bestiary pg 280"});
hillsArray.push({"max": 51, "content": "1 woolly rhinoceros; CR 6; Bestiary pg 235"});
hillsArray.push({"max": 59, "content": "1 frost drake; CR 7 Bestiary 2 pg 108"});
hillsArray.push({"max": 69, "content": "1 mastodon; CR 9; Bestiary pg 128"});
hillsArray.push({"max": 75, "content": "1 frost giant; CR 9 Bestiary pg 149"});
hillsArray.push({"max": 79, "content": "1 frostfallen mammoth; CR 10; Pathfinder #51 pg 84"});
hillsArray.push({"max": 88, "content": "1 saumen kar; CR 10; Pathfinder #51 pg 90"});
hillsArray.push({"max": 92, "content": "1 white pudding; CR 10; ToH pg 276"});
hillsArray.push({"max": 97, "content": "1 frost worm; CR 12; Bestiary 2 pg 126"});
hillsArray.push({"max": 100, "content": "1 taiga giant; CR 12; Bestiary 2 pg 131"});


mountainsArray.push({"max": 7, "content": "1 hoarfrost spirit; CR 3; Pathfinder #51 pg 14"});
mountainsArray.push({"max": 14, "content": "1 ice troll; CR 4; Bestiary 2 pg 271"});
mountainsArray.push({"max": 43, "content": "1 yeti; CR 4; Bestiary pg 287"});
mountainsArray.push({"max": 56, "content": "1 frost drake; CR 7 Bestiary 2 pg 108"});
mountainsArray.push({"max": 69, "content": "1 frost giant; CR 9 Bestiary pg 149"});
mountainsArray.push({"max": 75, "content": "1 witchfire; CR 9; Bestiary 2 pg 284"});
mountainsArray.push({"max": 84, "content": "1 frostfallen mammoth; CR 10; Pathfinder #51 pg 84"});
mountainsArray.push({"max": 92, "content": "1 saumen kar; CR 10; Pathfinder #51 pg 90"});
mountainsArray.push({"max": 100, "content": "1 frost worm; CR 12; Bestiary 2 pg 126"});


tundraArray.push({"max": 8, "content": "1 draugr; CR 2; Bestiary 2 pg 110"});
tundraArray.push({"max": 15, "content": "1 hoarfrost spirit; CR 3; Pathfinder #51 pg 14"});
tundraArray.push({"max": 22, "content": "1 ice troll; CR 4; Bestiary 2 pg 271"});
tundraArray.push({"max": 29, "content": "1 yeti; CR 4; Bestiary pg 287"});
tundraArray.push({"max": 40, "content": "1 winter wolf; CR 5; Bestiary pg 280"});
tundraArray.push({"max": 43, "content": "1 glacier toad; CR 6; Bestiary 2 pg 268"});
tundraArray.push({"max": 49, "content": "1 woolly rhinoceros; CR 6; Bestiary pg 235"});
tundraArray.push({"max": 54, "content": "1 frost drake; CR 7 Bestiary 2 pg 108"});
tundraArray.push({"max": 62, "content": "1 qallupilluk; CR 7; Pathfinder #51 pg 88"});
tundraArray.push({"max": 72, "content": "1 mastodon; CR 9; Bestiary pg 128"});
tundraArray.push({"max": 79, "content": "1 frost giant; CR 9 Bestiary pg 149"});
tundraArray.push({"max": 84, "content": "1 frostfallen mammoth; CR 10; Pathfinder #51 pg 84"});
tundraArray.push({"max": 89, "content": "1 saumen kar; CR 10; Pathfinder #51 pg 90"});
tundraArray.push({"max": 94, "content": "1 white pudding; CR 10; ToH pg 276"});
tundraArray.push({"max": 97, "content": "1 frost worm; CR 12; Bestiary 2 pg 126"});
tundraArray.push({"max": 100, "content": "1 taiga giant; CR 12; Bestiary 2 pg 131"});



var allArrays = {
"aquatic": aquaticArray,
"forest": forestArray,
"hills": hillsArray,
"mountains": mountainsArray,
"tundra": tundraArray
};

var randomNum = rand(100) + 1;
var arrayOfChoices = allArrays[argument];
if (!arrayOfChoices) {
return "no such set: " + argument;
}

var chosenString = "";
for (var itemIndex in arrayOfChoices) {
var item = arrayOfChoices[itemIndex];
if (randomNum <= item.max) {
chosenString = item.content;
break;
}
}
return chosenString;
}

</script>

<form>
<input type="button" name="Button1" value="Aquatic" onClick="this.form.textField1.value =

tableResults('aquatic')" size="" />
<textarea name="textField1" cols="40" rows="1" wrap="soft"></textarea>
</form>

<form>
<input type="button" name="Button2" value="Forest" onClick="this.form.textField1.value =

tableResults('forest')" size="" />
<textarea name="textField1" cols="40" rows="1" wrap="soft"></textarea>
</form>

<form>
<input type="button" name="Button3" value="Hills" onClick="this.form.textField1.value =

tableResults('hills')" size="" />
<textarea name="textField1" cols="40" rows="1" wrap="soft"></textarea>
</form>

<form>
<input type="button" name="Button4" value="Mountains" onClick="this.form.textField1.value =

tableResults('mountains')" size="" />
<textarea name="textField1" cols="40" rows="1" wrap="soft"></textarea>
</form>

<form>
<input type="button" name="Button5" value="Tundra" onClick="this.form.textField1.value =

tableResults('tundra')" size="" />
<textarea name="textField1" cols="40" rows="1" wrap="soft"></textarea>
</form>

</BODY>
</HTML>
 
Last edited:
As an armchair observer, this has been a wonderful thread to watch unfold. The code is clear and concise. The help back-and-forth made me smile. And the utility this adds to RW is amazing. Thank you to everyone!

EDIT: I'm not a programmer.... I directly cut/pasted the above code from the forum into a html snippet and it didn't work. Comparing to Mirtos' version it appeared that line breaks were not exact. After deleting the breaks after the mammoths and for each of the forms so they matched Mirtos' example, the code now works flawlessly. This could cause issues for others trying to walk in these footsteps so I wanted to point it out.
 
Last edited:
Good catch. I edited and fixed the problem. Not sure why that broke there. I just copied and pasted from notepad. I too am not a programer. Infact I learned a lot between the board and a friend that is. Is there a better program to test this in? I had a syntax error that caused the program to fail. I had no idea why it wasn't working as I got no error codes, it just didn't work. It took me about two hours to find it.
 
Feel free to test with whichever browser you normally use while making changes. Just make sure you also test in RW, and if you have problems then go to IE and see if things are different there than in your normal browser. (F12 opens the developer tools in IE11.)

If an error causes you to get a scripting/ActiveX warning (the yellow bar) in IE then it will silently fail in RW. The time it happened to me I had a comma in the wrong spot in my JavaScript. The error message was, sadly, completely unhelpful.

For editing I've been using Notepad++ and I let JSLint (via plugin) do some checking. Lints are always super picky and need their settings tweaked, but they can tell you things you aren't getting from elsewhere.
 
Thanks Parody. LOL I did not know there was a better notepad. That is exactly what I had, a stray coma. Keep /* */ out portions till I narrowed it down to the right section.
 
i also normally like to put them in code blocks, so indenting is easier to read. ill do that from now on.

Notepad++ is my favorite editor... though im also a big fan of jedit as well (which requires java)
 
javascript errors (as opposed to things that arent supported) will generally appear in most of the major browsers. i personally like chromes debugging better than IEs, but thats just me.


Also, please feel free to post or PM any others if you need additional eyes to look at anything. I dont have RW at work, but i can often look at JS stuff at work.
 
Again Thank you to all. This was so much FUN that I decided to try it on a different random encounter chart. I got it to work more or less but there are a couple tweaks I would like to do to this one.

1. I would like the button at the top of the text verses the bottom.
2. I would like to bold the name of the encounter.
3. I noticed that it doesn't like +,-, or ' in the text....is there a way past that?




<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>Varisia Caravan Encounters</TITLE>
</HEAD>
<BODY>

<script language="JavaScript">

// Some Arrays


rnd.today=new Date();
rnd.seed=rnd.today.getTime();

function rnd() {
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
}

function rand(number) {
return Math.ceil(rnd()*number);
}

function tableResults(argument) {

var varisiaArray = [];

varisiaArray.push({"max": 15, "content": "Bad Weather: Fog, rain, high winds, or some other form of bad weather slows the caravan, reducing its overall speed by half for the day unless the caravan makes a DC 12 Security check." });
varisiaArray.push({"max": 30, "content": "Bandit Ambush (CR 2): The caravan must make a DC 15 Security check to notice this ambush in time to react; if this check fails, the caravan takes a –2 penalty to its Armor Class and on attack rolls for the first round of combat. The ambushers could be a group of bandits, a gang of highwaymen, or even a small tribe of Nolander barbarians. Regardless of their makeup, the ambushers’ stats and aggression are identical (AC 14; hp 20; Attack +4; Damage 2d6+3). They fight to the death. If defeated, 1 cargo unit of treasure worth 250 gp can be recovered."});
varisiaArray.push({"max": 50, "content": "Goblin Raiders (CR 1/2): A shrieking band of goblins wielding dogslicers and broken branches attacks the caravan (AC 11; hp 10; Attack +1; Damage 1d8). If the PCs have a horse train, the goblins are more timid than normal and take a –2 penalty on attack rolls. If defeated, a search of the goblins reveals a single cargo unit of treasure worth 125 gp."});
varisiaArray.push({"max": 55, "content": "Ogre Assault (CR 3): A small band of ogres lumbers out of the surrounding foliage to attack the caravan (AC 15; hp 30; Attack +6; Damage 3d4+6). The ogres flee if reduced below 10 hit points. If they are slain, looting produces 2 cargo units of treasure worth 400 gp each."});
varisiaArray.push({"max": 65, "content": "Treacherous Road: The road conditions become hazardous. They might be muddy, partially flooded, or even blocked by a fallen tree. The caravan must make a DC 14 Security check or lose 2d6 miles of progress for the day as the situation is dealt with."});
varisiaArray.push({"max": 100,"content": "Varisian Caravan: The PCs encounter another Varisian caravan heading in the opposite direction. With a DC 12 Resolve check, the PCs can befriend the other caravan. If this encounter occurs during the day, the caravan can give the PCs advice as to what lies ahead, reducing the chance of an encounter to 5% per day for the next 1d6 days. If the encounter occurs during the evening, the caravan agrees to share their camp, allowing the PCs to trade with them. The caravan can purchase up to 2,000 gp in objects, and can offer anything worth 600 gp or less for sale."});



var allArrays = {
"varisia": varisiaArray,
};

var randomNum = rand(100) + 1;
var arrayOfChoices = allArrays[argument];
if (!arrayOfChoices) {
return "no such set: " + argument;
}

var chosenString = "";
for (var itemIndex in arrayOfChoices) {
var item = arrayOfChoices[itemIndex];
if (randomNum <= item.max) {
chosenString = item.content;
break;
}
}
return chosenString;
}

</script>

<form>
<input type="button" name="Button1" value="Varisia Caravan Encounters" onClick="this.form.textField1.value = tableResults

('varisia')" size="" />
<textarea name="textField1" cols="40" rows="10" wrap="soft"></textarea>
</form>
 
Unfortunately, it appears that the RW Javascript engine is based on IE, but isnt neccesarilly the one of your IE. I know this because i wrote a more complex script, using things like document.getElementByID().getElementsByClassName()

It works in IE, no errors, but not in RW. Im guessing the document model isnt available to the inline RW.


I'm unable to get it to works with RW, but it looks like you cant trust that it works in the browser of IE to work with RW. That fact that RW uses the same UserAgent is one thing, but it might have a different Javascript engine. dont know enough about it. Or it might be more sensitive t something im missing... could be my markup (HTML) dont know.

EDIT: Here is another version, that doesnt use the document model, but basic form, with two fields instead of one. Im wondering if its failing due to either a markup issue, or maybe something to do with multiple statements on one action. Again, this works in both chrome and IE, but now RW. Not sure.

Code: 
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>Varisia Caravan Encounters</TITLE>
</HEAD>
<BODY>

<script language="JavaScript">

// Some Arrays


rnd.today=new Date();
rnd.seed=rnd.today.getTime();

function rnd() {
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
}

function rand(number) {
return Math.ceil(rnd()*number);
}

function tableResults(argument, sectionIdentifier) {

var varisiaArray = [];

varisiaArray.push({"max": 15, "name": "Bad Weather", "content": "Fog, rain, high winds, or some other form of bad weather slows the caravan, reducing its overall speed by half for the day unless the caravan makes a DC 12 Security check." });
varisiaArray.push({"max": 30, "name": "Bandit Ambush (CR 2)", "content": "The caravan must make a DC 15 Security check to notice this ambush in time to react; if this check fails, the caravan takes a –2 penalty to its Armor Class and on attack rolls for the first round of combat. The ambushers could be a group of bandits, a gang of highwaymen, or even a small tribe of Nolander barbarians. Regardless of their makeup, the ambushers’ stats and aggression are identical (AC 14; hp 20; Attack +4; Damage 2d6+3). They fight to the death. If defeated, 1 cargo unit of treasure worth 250 gp can be recovered."});
varisiaArray.push({"max": 50, "name": "Goblin Raiders (CR 1/2)", "content": "A shrieking band of goblins wielding dogslicers and broken branches attacks the caravan (AC 11; hp 10; Attack +1; Damage 1d8). If the PCs have a horse train, the goblins are more timid than normal and take a –2 penalty on attack rolls. If defeated, a search of the goblins reveals a single cargo unit of treasure worth 125 gp."});
varisiaArray.push({"max": 55, "name": "Ogre Assault (CR 3)", "content": "A small band of ogres lumbers out of the surrounding foliage to attack the caravan (AC 15; hp 30; Attack +6; Damage 3d4+6). The ogres flee if reduced below 10 hit points. If they are slain, looting produces 2 cargo units of treasure worth 400 gp each."});
varisiaArray.push({"max": 65, "name": "Treacherous Road", "content": "The road conditions become hazardous. They might be muddy, partially flooded, or even blocked by a fallen tree. The caravan must make a DC 14 Security check or lose 2d6 miles of progress for the day as the situation is dealt with."});
varisiaArray.push({"max": 100,"name": "Varisian Caravan", "content": "The PCs encounter another Varisian caravan heading in the opposite direction. With a DC 12 Resolve check, the PCs can befriend the other caravan. If this encounter occurs during the day, the caravan can give the PCs advice as to what lies ahead, reducing the chance of an encounter to 5% per day for the next 1d6 days. If the encounter occurs during the evening, the caravan agrees to share their camp, allowing the PCs to trade with them. The caravan can purchase up to 2,000 gp in objects, and can offer anything worth 600 gp or less for sale."});



var allArrays = {
"varisia": varisiaArray,
};

var randomNum = rand(100) + 1;
var arrayOfChoices = allArrays[argument];
var error = "";
if (!arrayOfChoices) {
	error =  "no such set: " + argument;
}


var content = "";
var name = "";
for (var itemIndex in arrayOfChoices) {
	var item = arrayOfChoices[itemIndex];
	if (randomNum <= item.max) {
		content = item.content;
		name = item.name
		break;
	} 
}

  var results = [];
  if (error) {
     results.name = "";
	 results.content = error;
  } else {     
     results.name = name;
	 results.content = content;
  }
  return results;
 
}

</script>

<div id="error"></div>
<form>
      <input type="button" name="Button1" value="Varisia Caravan Encounters" onClick="var x = tableResults('varisia');this.form.name.value=x.name;this.form.content.value = x.content;" size="" />
	  <input name="name" style="font-weight:bold;"></input>
	  <textarea name="content" cols="40" rows="10" wrap="soft"></textarea>
	  
</form>
 
Last edited:
mirtos said:
Unfortunately, it appears that the RW Javascript engine is based on IE, but isnt neccesarilly the one of your IE. I know this because i wrote a more complex script, using things like document.getElementByID().getElementsByClassName()
Click to expand...

I believe the embedded browser behaves in a compatibility mode such that it behaves like IE 6 or something similarly old. You can put into the HTML page an override to get more up-to-date parsing:

http://stackoverflow.com/questions/4097593/how-to-put-the-webbrowser-control-into-ie9-into-standards

I believe the intent is that when a program with an embedded browser control (such as Realm Works) runs on different computers that have different versions of IE installed, they will behave the same and you won't have differences in behavior. But it also means it sets things to a lowest common denominator type of setting.
 
makes sense that they would do that, though from what i imagine, it would be very surprised if it behaved as IE 6. Microsoft stopped supporting that a long time ago, and is very adamant about getting people off of it, and I doubt they would want any other software to be using it. Its probably an IE 8 or something like that.
 
mirtos said:
makes sense that they would do that, though from what i imagine, it would be very surprised if it behaved as IE 6. Microsoft stopped supporting that a long time ago, and is very adamant about getting people off of it, and I doubt they would want any other software to be using it. Its probably an IE 8 or something like that.
Click to expand...

Ok, I was probably too pessimistic. But I believe it is IE7 rendering mode that it does. So to get IE 8 or greater behavior, extra steps have to be used.
 
Parody said:
Realm Works (likely via the .NET WebBrowser control) uses the engine from the main version of IE installed on your machine. I have IE11 and the User Agent for Realm Works is:


It'll navigate to other websites and run plugins if you want. I wouldn't recommend using external resources but you likely can. At that point, though, why not just link to a page on the Internet? The "local" page won't work without Internet access anyway.
Click to expand...

According to Parody it is correctly finding the UserAgent of IE 11, if it is showing this:


Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
Click to expand...


Seems odd to be using a different rendering mode. But anyway, we arent talking about rendering mode, i dont think anyway, just what JS methods are available. Im going to do a test when i get home, see if a jquery page will work. (granted that will require internet access as Parody mentions)
 
mirtos said:
Seems odd to be using a different rendering mode. But anyway, we arent talking about rendering mode, i dont think anyway, just what JS methods are available.
Click to expand...

I would think it would affect the JS methods available as they could affect how things are rendered.

mirtos said:
Im going to do a test when i get home, see if a jquery page will work. (granted that will require internet access as Parody mentions)
Click to expand...

One thing you might be able to do, to prevent the need for Internet access, is once you have created your page, save it as a web archive file. I believe that will bundle all of the resources together into a single file.
 
You're generally right about USer Agents affecting JS engines, but I was using pretty basic stuff. Still, I dont know for sure if its an IE 7 thing. Unfortunately my version of IE doesnt let me emulate IE 7 for testing.

The web archive thing is a very interesting thought... ill give that a try. loading in the jquery library would make things a lot easier as it handles most browser checks (It would make the storage in the database very big, though it would add 100K to each web page.).

I assume its impossible to get RealmsWorks to show JS errors? (its more of curiosity thing for me than a need thing)
 
Some of this probably duplicates everyone else's research, but:

Poking around it appears that the default for the WebBrowser control is to tell IE to handle everything like IE 7. So there's things like this StackOverflow question that shows how to do getElementsByClassName() in IE7 and IE8.

You can override this via the registry, if you know exactly which version of IE you want.

You can also override it in your own pages by using a meta right after <head>. This one makes it run your page using the latest version of IE on your system:
Code: 
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
That made document.getElementsByClassName() work in RW in a quick test for me.

Unfortunately, we don't know which version of IE will be installed on the system; IE7 is possible on both XP and Vista, and IE8 on 7. So you're still stuck working around things. At least we have a baseline?
 
this is why i was thinking that something like a jquery library would be the best. It handles all of that much better than most of us could on our own. On the other hand, it means each web page you do will be 100K bigger...

its also much more readable when doing multiple parent levels.

but i feel stupid for not doing the meta tag.. i know that. doh.

IE 7 javascript sucks. IE 8 and more are so much better. I wonder why my last script didnt work though. I wasnt doing getElementsByClassname.. just assigning multiple variables in a onclick ... i wonder if IE 7 cant deal with that. (its been over 12 months since ive had to deal with pre IE 8 issues... so glad my company no longer supports it)
 
mirtos said:
IE 7 javascript sucks. IE 8 and more are so much better. I wonder why my last script didnt work though. I wasnt doing getElementsByClassname.. just assigning multiple variables in a onclick ... i wonder if IE 7 cant deal with that. (its been over 12 months since ive had to deal with pre IE 8 issues... so glad my company no longer supports it)
Click to expand...
The websites I work on aren't that complicated (some server-side code but almost no interactive) so I haven't had to deal with javascript issues between browsers/versions. Another thing I'm glad I missed, for the most part.
 
You must log in or register to reply here.
Back
Top