how do i append a cookie to the end of a src within an iFrame woithout an id?

Question

So I wrote some cookies, but I need to append the information to the end of the src in an iframe. The problem is I can't figure out how to select the iframe because it doesn't have an id.

The iframe looks like this:

<iframe src="www.mysite.com";>

I need it to look like:

<iframe src="www.mysite.com&cookie";>

However I can not use an id to select the iframe because I am not the one creating the iframe and if there are iframes on other pages they need to be selected too and updated in the same way. So the function needs to be universal. If you want to see my code for the cookies I can also show you that.

If this is too vague let me know and I'll update it.

Here is a fiddle of what I think I am trying to do.

http://jsfiddle.net/Inzblaze/2h6ke9vg/3/

Answer 1

You need to append something to EVERY iframe src?

var iframes = document.querySelectorAll('iframe');
for (var i = 0; i < iframes.length; i++) {
    iframes[i].src += 'something';
}

Answer 2

Will the src attribute always be the same? You could select it by:

var frame = $("iframe[src='www.mysite.com']"); 

Edit:

Here is how you can get and append the cookie:

Document.cookie will return the entire cookie as a string, and I am guessing you probably only want a certain value from that cookie. So you could do something like:

// This is just declaring a function that you can use to get cookie values. 
function getCookie(cookieName) {
    // If you open up your console and type in document.cookie, you will see
    // that all cookie values are inside of this same string. So this
    // function will allow you to extract the value you are looking for

    // We start by creating a new Regular Expression object, that will
    // be used to match a certain pattern of text.
    var re = new RegExp('[; ]'+cookieName+'=([^\\s;]*)');
    // This line actually uses our pattern, and returns the match from 
    // the cookie. 
    var sMatch = (' '+document.cookie).match(re);

    // if we have a cookie name, and our regular expression found a match
    // in the cookie, then return the value that was found from the match
    if (cookieName && sMatch) {
        return unescape(sMatch[1]);
    }

    // if we dont find a matching value, just return an empty string
    return '';
}

Which allows you to do something like:

// Now we are actually CALLING our function, and pass in whatever we named
// our cookie value. The variable cookieValue will then hold this value. 
var cookieValue = getCookie("cookieName"); 

// Here we are using jQuery to find the iframe element we want to manipulate
// and save reference to it in a variable called 'frame'
var frame = $("iframe[src='www.mysite.com']"); 

// From this element, we grab it's current src value
var currentSrc = frame.attr("src"); 
// here, we SET the frames src value, by setting it back to it's current src
// and tack on the cookie value
frame.attr("src", currentSrc + "&" + cookieValue);