create iframes with jquery each function

Question

I need to create an iframe for each input on a page, but all of them must be in different variables. So, the iframes' vars must be the inputs' names.

I tried this, but it didn't work:

$("input").each(function () {

         var name = $(this).attr("name");

name = document.createElement("iframe");name.src = "";name.name = "focus";document.body.appendChild(name);
    });

This is my original working iframe create code:

var focus = document.createElement("iframe");focus.src = "";focus.style.display = "none";focus.name = "focus";document.body.appendChild(focus);

I took the input name with attr(). I want to create an iframe according to that input name. after that for example I will be able to redirect it by INPUTNAME.src

How can I create specific iframes according to input names?

Pointy · Accepted Answer · 2012-07-07 18:52:49Z

1

You're getting the name of the <input>, but then you immediately overwrite it. Also, since you're using jQuery anyway, it's easier to create elements with it:

$('input').each(function() {
  $('body').append($('<iframe/>', {
    src: "",
    name: this.name
  });
});

answered Jul 7, 2012 at 18:52

Pointy

415k62 gold badges600 silver badges632 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1447165 Over a year ago

i clicked but nothing happens. opera by the way.

user1447165 Over a year ago

by the way if i want to redirect this iframe what will i do in the next parts of the page? in my original code, i could do this with iframe.src. now?

Collectives™ on Stack Overflow

create iframes with jquery each function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related