Неисправность настройки и получения значения скрытых полей ввода iframe - PullRequest
0 голосов
/ 19 июня 2011

У меня проблемы с установкой или получением информации о скрытых полях ввода iframe.

На начальной странице я нажимаю кнопку «Отправить», чтобы активировать функцию showBox и успешно передать три параметра: имя, город и штат. showBox создает всплывающее окно, в котором iframe должен располагаться поверх окна и выполнять манипуляции с формами. Мне нужно установить значение трех скрытых полей ввода со значением, переданным из функции showBox. Вот код для функции showbox -

 function showBox(name, city, state)
  {  
    var div = document.createElement('div');
    div.style.zIndex = 1;
    div.id = 'box';
    div.style.position = (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed';
    div.style.top = '20px';
    div.style.left = (width / 2) - (900 / 2) + 'px'; 
    div.style.height = '500px';
    div.style.width = '400px';
    div.style.backgroundColor = 'white';
    div.style.border = '2px solid silver';
    div.style.padding = '20px';
    document.body.appendChild(div);  

    alert("Name: " + name + ", City: " + city + ", State: " + state);

    div.innerHTML = "<iframe id='infopage' src='" + 'info.html' + "' width='100%' height='95%'></iframe>";  

    // set value of the hidden input fields
    var myname = $("#infopage #hiddenname").val(name);
    var mycity = $("#infopage #hiddencity").val(city);
    var mystate = $("#infopage #hiddenstate").val(state);

        // check hidden input fields value - which come back blank so far
    alert("Name from hidden field: " + $("#hiddenname").val() + ", City from hidden field: " + $("#hiddencity").val() + ", State from hidden field: " + $("#hiddenstate").val()); 

    // create close window link
    var a = document.createElement('a');
    a.innerHTML = '<br /><br />Close window';
    a.href = 'javascript:void(0)';
    a.onclick = function() 
    {      
      document.body.removeChild(document.getElementById('box'));
    };

    div.appendChild(a);
  } 

Несмотря на то, что значение параметров было успешно передано в функцию showBox, кое-как я просто не смог успешно установить значение скрытых полей ввода с параметрами.

Между тем вот код для info.html -

<!DOCTYPE html>
<html>
<head>
  <title>Sample person information</title> 
    <style type="text/css" title="currentStyle">        
        @import "css/core.css"; 
    </style>
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/jsonreport.js"></script>   
    <script type="text/javascript" src="js/info.js"></script>
</head>
<body>
    <div id="container">
        <div class="full_width big" id="testname">
                <br /> 
            <!--    (it may take a while to load large files) -->
        </div>
        <br />

            <input type="text" name="hiddenname" id="hiddenname" value="" />
            <input type="hidden" name="hiddencity" id="hiddencity" value="" />
            <input type="hidden" name="hiddenstate" id="hiddenstate" value=""/>
            <input id="submit" type="button" value="  Enter  " />

        <div id="AjaxDiv"></div>
    </div>
</body>
</html>

При нажатии на кнопку «Ввод» вызывается функция ajax с использованием значения скрытых полей из iframe. Почему-то мне трудно получить значение скрытых полей ввода из iframe.

1 Ответ

0 голосов
/ 19 июня 2011

из кода, который вы разместили здесь и на fiddler, я вижу, что showbox () не вызывается, поэтому iframe никогда не создается?

также попробуйте заменить кнопку отправки этой (чтобы проверить, работает ли она)

<input id="submit" type="button" onclick="alert(document.getElementById('infopage').src);return false;" value="  Enter  " />
...