从灯箱访问父页面的javascript变量值

时间:2011-09-29 23:11:05

标签: javascript asp.net

我在主页面中有一个表单,我必须将表单字段中的一些数据填充到使用灯箱(漂亮的照片)显示的iframe中。我想我可以使用javascript来完成它虽然我是不确定如何。

我目前的代码是:

<a href="index.aspx?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="New form page"><input type="image" style="border-width: 0px;" src="images/form_ordernow_btn.jpg"
                tabindex="129" id="Form1_ImageButton1" name="Form1$ImageButton1" onclick="storevariables()"></a>

        </div>


        <script type="text/javascript">
            function storevariables() {

                var firstname = PrimaryForm.elements["FIRST_NAME"].value;
                var lastname = PrimaryForm.elements["LAST_NAME"].value;

            }

以上代码存储“FIRST_NAME”和“LAST_NAME”字段的输入表单数据,但如何在灯箱上传递?

任何建议都会非常有用

由于

1 个答案:

答案 0 :(得分:1)

如果您将firstname和lastname声明为全局变量,即在storevariables范围之外,则可以从iframe访问它。因此,在您的父页面中,将函数更改为:

<script type="text/javascript">
      var firstname = "";
      var lastname = "";
      function storevariables() {
          firstname = PrimaryForm.elements["FIRST_NAME"].value;
          lastname = PrimaryForm.elements["LAST_NAME"].value;

      }
</script>

在iframe中你可以访问它们:

<script type="text/javascript">
    function someFunc() {
        var firsName = parent.firstname;
    }
</script>