Multiple variables using same value for different IDs

Question

I'm using the window location and the DIV ID of IncludeCMSContent1, IncludeCMSContent2, IncludeCMSContent3 on a single page application. When those conditions are met the external content is injected at the ID.

However, I'm finding that only 1 of the 3 variables is firing, the first one actually, because if IncludeCMSContent3 is present on the page, this ID won't fire because IncludeCMSContent1 is taking precedence.

How can I solve for this? The page is always the same, so the value is always the same, but the ID of IncludeCMSContent1/2/3 will swap on the same page.

var TCEApplicationNoWaiver = "TCEApplication.aspx"
var TCEApplicationWaiver = "TCEApplication.aspx"
var TCEApplicationNotEligible = "TCEApplication.aspx"

if (window.location.href.toLowerCase().indexOf(TCEApplicationNoWaiver.toLowerCase()) >= 0) {
            $("#IncludeCMSContent1").load("http://www.example.com/tce-application-noWaiver.htm #externalContent");
}
else if (window.location.href.toLowerCase().indexOf(TCEApplicationWaiver.toLowerCase()) >= 0) {
            $("#IncludeCMSContent2").load("http://www.example.com/tce-application-Waiver.htm #externalContent");
}
else if (window.location.href.toLowerCase().indexOf(TCEApplicationNotEligible.toLowerCase()) >= 0) {
            $("#IncludeCMSContent3").load("http://www.example.com/not-eligible.htm #externalContent");
}

remove the else? Your statement will only trigger one of those cases currently — Liam
– Liam, Commented Jul 28, 2016 at 14:07

Zakaria Acharki · Accepted Answer · 2016-07-28 14:09:05Z

2

Remove the else statement so all the conditions will be triggered:

if (window.location.href.toLowerCase().indexOf(TCEApplicationNoWaiver.toLowerCase()) >= 0) {
    $("#IncludeCMSContent1").load("http://www.example.com/tce-application-noWaiver.htm #externalContent");
}

if (window.location.href.toLowerCase().indexOf(TCEApplicationWaiver.toLowerCase()) >= 0) {
    $("#IncludeCMSContent2").load("http://www.example.com/tce-application-Waiver.htm #externalContent");
}

if (window.location.href.toLowerCase().indexOf(TCEApplicationNotEligible.toLowerCase()) >= 0) {
    $("#IncludeCMSContent3").load("http://www.example.com/not-eligible.htm #externalContent");
}

Hope this helps.

answered Jul 28, 2016 at 14:09

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Multiple variables using same value for different IDs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related