2017-02-07 4 views
0

Я могу создать уникальные iframes при щелчке, но у меня возникли проблемы с увеличением его атрибута имени. Цель состоит в том, чтобы иметь уникальные входы, чтобы я мог настроить возможность ввода одного iframe в чат с другим.Как ядро ​​OnClick создает iframes и обновляю имя своего ввода, чтобы они были уникальными?

index.html 
<body> 
    <p>+</p> 
    <div></div> 

scripts.js 

$(function() { 

    var id = 1; 
    var name = 1; 
    $('p').on('click', function() { 

     var frame = $('<iframe />', { 
      name: 'frame', 
      id: id, 
      sandbox: 'allow-forms allow-top-navigation allow-scripts allow-modals allow-same-origin', 
      src: 'iframe.html' 
      }); 

     frame.find('input').attr('name', name); 
     $('div').append(frame); 

     id++; 
     name++; 
    }) 
}); 

iframe.html 


<input type="text" id="0" class="chatBoxes" value="type your message"></input> 

ответ

0

Насколько я знаю, вы не можете изменить элементы управления в IFRAME через ваши родительские страницы JS, если они не являются частью одного и того же домена.

Если они являются частью одного и того же домена, который вы можете получить свой входной элемент, как так:

window.frames['myIFrame'].document.getElementById('myIFrameElemId') 

myIframeElemId будет в вашем примере 0, и myIFrame будет кадр, я думаю.

+0

Файл iframe.html и index.html находятся в одной и той же папке на моей машине локально. – truenames

Смежные вопросы