Question

I’m not an internet guru by any means, I do however like to tinker around and build myself tools. One of my latest tools was an “advanced” search for a vb bulletin, they disabled some of the search options. I wrote up and tested in Google Chrome, works perfect. I cannot for the life of me figure out why it will not work in FF or IE.

The premises:
This page takes your query and search options, formats a url, and then opens it in a new window.

I have asked Q’s here before, but typically have narrowed down the issue to a small amount of code. Since this is a cross browser issue, I have no clue how to approach releasing code. So what I will do is give the link to the site and ask you to check the source. I am also opened to any suggestions on how I can post the source here to make things easier.

Page:
http://advlolsearch.herobo.com/

JS:
http://advlolsearch.herobo.com/js/page.js

CSS:
http://advlolsearch.herobo.com/css/mystyle.css

Solved:
Heyooooooo! I found the issue. I needed to change:

$(".button").click(function() {
    var ID = event.target.id

to

$(".button").click(function(event) {
    var ID = event.target.id

Chrome understood what I was doing but FF wanted to derp out on me. Thanks for the help all. Leaving this open though because I have a few running questions in the comments.

Answer 1

This is really a comment (not an answer), but I can’t put significant chunks of code in a comment so I’ll put it here since I think it would be helpful. This is probably not your cross browser issue (I suspect that’s caused by popup blocking), but you really ought to DRY out your code and remove all the repeated pieces of code by putting all the data into a table and looking it up from a table with one short piece of code like this:

...
if (val=="forum") {
    var selectedforum = $('#select').val();
    var searchby = $('input:radio[name=search]:checked').val();
    var showas = $('input:radio[name=show]:checked').val();
    var dataLookup = {
        na: {
            all: [],
            np: [29],
            tg: [29],
            mm: [48,49,43],
            sr: [48],
            tw: [49],
            dm: [43],
            ll: [9,2,16,41,23,15,20,32]
            // ... put the rest here
        },
        euw: {
            all: [],
            np: [4]
            // rest of the data here
        },
        eune: {
            all: [],
            np: [4]
            // rest of the data here
        }
    };
    if (region in dataLookup) {
        var data = dataLookup[region];
        if (selectedForum in data) {
            fID = "";
            for (var i = 0; i < data[selectedForum].length; i++) {
                fID += "&forumchoice[]=" + data[selectedForum][i];
            }
            var theURL = "http://" + region + ".leagueoflegends.com/board/search.php?do=process&query=" + query + fID + "&titleonly=" + searchby + "&showposts=" + showas;
            theURl = theURL.replace(' ','%20');
            window.open(theURL);
        }
    }
} else if ...