Результат Javascript из фрейма

Всем привет сложилась такая проблема с выводом результата скрипта из фрейма на страницу.
Есть Javascript калькулятора

Code:

function calc() {
 var result = document.getElementById("result");

var a1 = document.getElementById("a1");
var price = 0;
            price += (a1.checked == true) ? parseInt(a1.value) : 0;
 result.innerHTML = price;
        }	

вывожу в HTML его так:

HTML:

<table width="100%">
<tr>
<td>
<input type="checkbox" onchange="calc()" value="10000" id="a1"/><label>kz</label>
</td>
<td>
Цена
</td>
</tr>
</table>
 <div>Итоговая стоимость: <span id="result">0</span></div>

Но так как позиций в моем калькуляторе ооочень много решил на сайт его вывести через

HTML:

<iframe src="calc.html" width="700px" height="500px"></iframe>

Вопрос в том: как на странице с <iframe> вывести Итоговую стоимость?

 

Я правильно понял, ты не можешь достучатся до

Code:

var a1 = document.getElementById("a1");

Потому, что он в ифрейме? Если да, то тебе надо ифрейму задать id и искать элемент внутри него типа:

Code:

var frame = document.getElementById("iframeCalc");
var a1 = framet.getElementById("a1");

 

Да но таких

у меня 68 и значения и них разные, они все находятся в одном фрейме мне надо сделать вывод "Итоговой суммы" Из фрейма на страницу с фрейиом тобишь

как то так)

 

что неужели никто не может мне подсказать?

 

1)
вы не очень понятно объяснили задачу, но скорее всего лучшим решением будет просто вместо iframe воспользоваться обычным div с overflow: auto. У айфрема несколько другое предназначение, чем прятать большое количество текста за скроллом )

HTML:

<div id='calc-content' style='height: 500px; overflow: auto;'>
...
<input type="checkbox" onchange="calc()" value="10000" id="a1"/><label>kz</label>
...
</div>
Итоговая стоимость...

про overflow

2) для задачи

в скрипте калькулятора, расположенном в iframe нужно обращаться к родителю:

Code:

...
var result =window.parent.document.getElementById("result");
...
result.innerHTML = price;
...

про window.parent