2015-11-14 5 views
0

У меня есть веб-страница, загружающая другую веб-страницу внутри iframe, которая занимает весь экран. У меня есть 2 div, которые находятся друг на друге. Эти divs фактически являются якорями, которые направлены на новый URL-адрес (действие). То, что я пытаюсь сделать, - это щелкнуть по любому из разделов, чтобы инициировать событие onclick, которое перейдет к URL-адресу, указанному в этом привязке href, а затем перезагрузите начальную страницу index.html. Мой класс работает над местной средой, чтобы научить нас тому, что называется clickjacking. Ниже мой текущий html.Выполнение действий после нажатия на элемент привязки

Проблема, связанная с тем, что я могу иметь якорный щелчок по URL-адресу, который я хочу, но тогда я больше не в моем index.html. Можно ли открыть ссылку ссылки в новом окне, закрыть новое окно после его загрузки, а затем обновить страницу index.html. Как только это будет сделано, чтобы скрыть div, который был нажат, так как «второй» div скрыт за самым большим кликабельным div.

<html> 
<head> 
</head> 
<body> 
    <center> 
<!-- Two anchor divs that are clickable and on top of each other --> 
     <div id="secondDiv"> 
      <a href="http://www.2ndURL.com" id="m2"> 
       <div id="2" style="position:absolute;top:195px;left:10px;width:10000px;height:200px;"> 
        <iframe> 
        </iframe> 
       </div> 
      </a> 
     </div> 
     <div id="firstDiv"> 
      <a href="#" id="m1" onclick="myFunction(); return false;"> 
       <div id="1" style="position:absolute;top:195px;left:10px;width:10000px;height:200px;"> 
        <iframe> 
        </iframe> 
       </div> 
      </a> 
<!-- Main iFrame where user interacts --> 
     </div> 
     <iframe id="new" src="http://www.mywebpage.com" style="opacity:1.0;width:100%;height:100%;"> 
     </iframe> 
    </center> 
</body> 
<script> 
function myFunction(){ 
    var newWindow = window.open("http://www.actionURL"); 
    newWindow.close() 
    var myWindow = window.open("file:///home/seed/Desktop/index.html", "_self"); 

} 
</script> 
</script> 
</html> 

TLDR:

  • нагрузки IFrame в веб-странице
  • нажмите на якорь DIV на странице, которая направляет на новый адрес
  • нагрузки, что URL-адрес, после загрузки вернуться к index.html (все на одной вкладке) (шаг 1)
  • скрыть анкерный div, который был выбран - разрешить второй якорь нажав

Благодарим за помощь.

ответ

1

Похоже, вам, возможно, понадобится «подделать» onclick, если вы хотите, чтобы действие onclick работало на странице, на которой вы находитесь. Вам нужно будет изменить параметры, но вот код, который я использовал:

$(function() { 
    // find out what our query parameters contain. 
    var query = location.search; 

    // isolate the position of the equal sign. 
    var equalIndex = query.indexOf('='); 
    // extract the image's id. 
    var imageId = query.substring(equalIndex + 1); 

    // click on the appropriate image. 
    $('#' + imageId).click(); 
    }); 

Комментарии объяснить, что каждый шаг кода выполняет. В моем случае мне нужна страница для загрузки, а затем принудительно нажмите onclick, используя уникальные идентификаторы изображений. В вашем случае вам нужно привязать его к вашему уникальному div. Надеюсь, это поможет вам начать работу.

+0

не уверен, если я последую за ним. Пользователь (я) щелкнет в области, где сидит анкерный сидел (ящик). Я могу сделать клик и запустить действие, но единственная проблема заключается в том, что он загружает фактический URL. Мне нужно загрузить URL-адрес, содержащий параметры (отправить изменения), а затем перезагрузить index.html, чтобы обновить ui для пользователя, и все-таки позволить скрытому интерактивному окну быть активным (так что пользователь заканчивает выполнение действия для меня еще раз). Помните, что я пользователь, эмулирующий попытку щелчка. – user2683183

+0

То, как я понял, это то, что пользователь выполняет начальный щелчок, который запускает действие, но вам нужно выполнить второе действие (отправить изменения) и перезагрузить страницу index.html. Я думал, что после того, как пользователь выполнил начальный щелчок, вы можете сделать второй .click(), чтобы выполнить второе действие и перезагрузить index.html. Я использую .click() для выполнения второго действия по открытию скрытого div после того, как пользователь нажал на элемент меню. Я думал, что процессы параллельны и что это может сработать для вас. –

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