Changing Frame source with javascript

Hi everyone,

I have a page which from a select box you can swap pages in the second frame. in works fine in my localhost but as soon as i put it online the swapping of pages does not work. it does not even go check. Belowe is my index and the page which hold the address of the other pages


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "">

<html xmlns="" lang="en" xml:lang="en">

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <frameset border="0" frameborder="0" rows="65,*">
        <frame src="index display on top">
        <frame src="pages i wanna display" name="base_frame">


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">

        <script type="text/javascript">
            function showTemplate(options) {
                parent.base_frame.location.href = options;

    <body style="background:#000; color:#fff; font-size:12px; font-family: arial; ">
        <div style="color:#fff; margin:0px auto 0px auto; width:900px; overflow:hidden;">
            <div style="float:left; margin: 0px 40px 0px 0px;">
                <img src="images/logo.jpg" width="172px" height="40px" alt="" />
            <div style="float:left;">
                <span><b>Select a template:</b></span><br/>
                <select name="template" onChange="showTemplate(this.value)">
                    <option value="address of the page 1">Page 1</option>
                    <option value="address of the page 2">Page 2</option>

Thanks for any help.