How can i call a window child function in javascript?

Question

I am calling the parent function like window.parent.functionname(); from the child page. How can i call the window.child.function() from the parent page to child page.

Any help is appreciated.

I am guessing you are talking about calling a function within an iFrame within the current document. If so please add that to your question. — Bruno
– Bruno, Commented Dec 19, 2012 at 13:22
if you're using window.parent and it's working, then you have an iframe. — jbabey
– jbabey, Commented Dec 19, 2012 at 13:29
It will be in the tabstrip. I am using dhtmlx tabstrip to load the child pages. some code: tabbar.setHrefMode("iframes-on-demand"); tabbar.setContentHref("a1", "../../MailContactMain/Index"); Then can i call using a1 id — Jonathan
– Jonathan, Commented Dec 19, 2012 at 13:30

Bruno · Accepted Answer · 2012-12-19 13:29:24Z

11

Give your iFrame an id and try

document.getElementById("iFrameId").contentWindow.functionname()

This works even when you have multiple iFrames in the same page irrespective of their order.

answered Dec 19, 2012 at 13:29

Bruno

5,8222 gold badges29 silver badges44 bronze badges

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

Comments

algorhythm · Accepted Answer · 2012-12-19 13:22:32Z

4

Do you have an iframe?

Do something like that:

window.frames[0].contentDocument.functionname();

answered Dec 19, 2012 at 13:22

algorhythm

8,7883 gold badges40 silver badges48 bronze badges

5 Comments

Jonathan Over a year ago

I am not having any frames. Then how can i do that

algorhythm Over a year ago

@Naidu And where or what is your child? When you make window.parent in which context are you? Give me more code?!

Jonathan Over a year ago

I am using dhtmlx tabbar to display the child. code:tabbar.setHrefMode("iframes-on-demand"); tabbar.setContentHref("a1", "../../MailContactMain/Index"); then will i use a1 as iframe

algorhythm Over a year ago

Oh, I never used that before. But there has to be an iframe or frame. Without a frame the property window.parent is the same link just window (window.parent == window) => true

algorhythm Over a year ago

If you are in a frame, then window.parent is the frame-holder-document. If you are in the frame-holder-document, then use window.frames[0] OR window.frames[1] to switch in the frame-context. Look here: de.selfhtml.org/javascript/objekte/frames.htm

palaѕн · Accepted Answer · 2012-12-19 13:30:27Z

Parent page

var windowRef = null;

function openChildWindow() {
    if ((windowRef != null) && (windowRef.closed == false)) {
        if (windowRef.closed == false) windowRef.close();
        windowRef = null;
    }

    var windowUrl = 'ChildPage.aspx';
    var windowId = 'NewWindow_' + new Date().getTime();
    var windowFeatures = 'channelmode=no,directories=no,fullscreen=no,' + 'location=no,dependent=yes,menubar=no,resizable=no,scrollbars=yes,' + 'status=no,toolbar=no,titlebar=no,' + 'left=0,top=0,width=400px,height=200px';

    windowRef = window.open(windowUrl, windowId, windowFeatures);

    windowRef.focus();

    // Need to call on a delay to allow
    // the child window to fully load...
    window.setTimeout(callChildWindowFunction(), 1000);
}

function callChildWindowFunction() {
    if ((windowRef != null) && (windowRef.closed == false)) windowRef.childWindowFunction();
}

Child Page

function childWindowFunction() {
    alert('Hello from childWindowFunction()');
}

Qantas 94 Heavy · Accepted Answer · 2014-06-04 09:25:59Z

3

var win = null;
function openAndCall(id){
    if (win!=null && win.closed==false){
        win.close();
    }
    win = window.open("/somePage");
    win.onload = function(){
        win.callSome(id);
    };
}

edited Jun 4, 2014 at 9:25

Qantas 94 Heavy

16k31 gold badges74 silver badges89 bronze badges

answered Jun 4, 2014 at 8:58

Mostkaj

1,7271 gold badge12 silver badges13 bronze badges

Collectives™ on Stack Overflow

How can i call a window child function in javascript?

4 Answers 4

Comments

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related