How to Replace Character in String

[Pherank]

I have some code that grabs the variable value on the end of a query string, and I want to deal with phrases (such as "Great Road Race") by placing a plus (+) sign between the words (like "Great+Road+Race) and then run a string replace to swap in a blank space. Here's the existing code:

<script type="text/javascript">
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0; i<vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        } else {
            return "";// Don't display "undefined"
        }
    }
}
// There is additional script below the form
</script>

Links would look like this:

<a href="event_registration.html?EventName=Great+Road+Race">Register for this Event</a>

What's the best way to do the string replace?

[Pherank]

Looks like I need to use

query = query.replace("+", " ");

but I can't get the global modifier to work (/g).

[a tadster]

var pluses = new RegExp("[\+]{1,}", "g");
query = query.replace(pluses, " ");

hope this helps

[Pherank]

Thanks! I did finally get something to work using this syntax:

query = query.replace(/\+/g, " ");

[Pherank]

How can the following code be modified to provide the value for a second name/value pair (EventDate=5-1-10) as well?

<a href="event_registration.html?EventName=Great+Road+Race&EventDate=5-1-10">Register for this Event</a>

        <script type="text/javascript">
        function getIdFromQstring() {
            var url = document.location + '';// Insures string
            url = url.replace(/\+/g, " "); // Replace plus signs with spaces
            q = url.split('?');
            if (q[1]) {
                var pairs = q[1].split('&');
                for (i=0; i<pairs.length; i++) {
                    var keyval = pairs[i].split('=');
                    if (keyval[0] == 'EventName') {
                        var v = keyval[1];
                        break;
                    }
                }
            }
            if (v) {
                return v;
            }
        }
        var EventName = getIdFromQstring();
        if (EventName) {
            // Pass the value to the hidden form field (will be invisible in source code)
            document.EventRegistration.EventName.value = EventName;
            //alert(EventName);
        }
      </script>

[a tadster]

.....
var pairs = q[1].split('&');
var v = new Array();
for (i=0; i<pairs.length; i++) {
 var keyval = pairs[i].split('=');
    if (keyval[0] == 'EventName' || keyval[0] == 'EventDate') {
    v.push(keyval[1]);
   } 
}
.......

[Pherank]

Thanks tadster - that gets us part of the way there. I think we end up with a "value,value" pair though, and I'd like to stick each value in its own hidden form field:

document.EventRegistration.EventName.value = EventName;
document.EventRegistration.EventDate.value = EventDate;

[a tadster]

document.EventRegistration.EventName.value = EventName[0];
document.EventRegistration.EventDate.value = EventName[1];


in this part of your code its as follows :

var EventName = geIdFromQstring();        if (EventName) {
 // Pass the value to the hidden form field (will be invisible in source code)
document.EventRegistration.EventName.value = EventName[0];
document.EventRegistration.EventDate.value = EventName[1];
//alert(EventName);
}

so i guess you may even want to call EventName perhaps EventNameandDate

[Pherank]

You mean something like this?

        <script type="text/javascript">
        function getIdFromQstring() {
            var url = document.location + '';// Insures string
            url = url.replace(/\+/g, " "); // Replace plus signs with spaces
            q = url.split('?');
            if (q[1]) {
            var pairs = q[1].split('&');
            var v = new Array();
            for (i=0; i<pairs.length; i++) {
            var keyval = pairs[i].split('=');
                if (keyval[0] == 'EventName' || keyval[0] == 'EventDate') {
                v.push(keyval[1]);
                } 
              }
            }
            if (v) {
                return v;
            }
            }
        var GetValues = getIdFromQstring();
        if (GetValues) {
            document.EventRegistration.EventName.value = GetValues[0];
            document.EventRegistration.EventDate.value = GetValues[1];
            //alert(GetValues[0]);
        }
        </script>

Thanks for the help on this - it's a useful piece of code for people (hopefully).

[a tadster]

looks good!

[Pherank]

I should mention that this code should be placed AFTER the HTML form since HTML pages are read from top to bottom.