Multiple HtmlFrames on one Form, Each Frame contains unique JS Code, Calling UniSession.AddJS gets confused between Frames ?

[andyhill]

TopHtmlFrame contains <img id='01'
TopHtmlFrame contains script markTop

LeftHtmlFrame contains <img id='01'
LeftHtmlFrame contains script markLeft

 

UniSession.AddJS(markTop("01"); works as expected 

UniSession.AddJS(markLeft("01"); ACCESSES TopHtmlFrame <img id='01'

 

I have tried
UniSession.AddJS('markLeft("01")');

I have tried
UniSession.AddJS('fMain.LeftHTMLFrame.JSName.markLeft("01")');

I have tried
LeftHTMLFrame.JSInterface.JSCode('markLeft("01")');

 

I have tried
                '      function markLeft(id) '+
                '      { '+
                '        var img = document.getElementById(id); '+
                '        if (!img) {return null} '+
                '        img.style.border = "3px solid red"; '+
                '      } '+

I have tried
                '      function markLeft(id) '+
                '      { '+
                '        var img = sender.document.getElementById(id); '+
                '        if (!img) {return null} '+
                '        img.style.border = "3px solid red"; '+
                '      } '+

I have tried
                '      function markLeft(id) '+
                '      { '+
                '        var img = fMain.LeftHTMLFrame.JSName.document.getElementById(id); '+
                '        if (!img) {return null} '+
                '        img.style.border = "3px solid red"; '+
                '      } '+

Please advise - thanks in advance

 

[Sherzod]

Hello, 

You must assign unique IDs.

[andyhill]

Yes I knew that was a work around but can you please explain in detail why the cross linking ?

[Sherzod]

https://www.w3schools.com/html/html_id.asp

[irigsoft]

Hello, 

this topics maybe will help to You: 

 

And try this:

 

  '      function markLeft(id) '+
'      { '+
'        var img = document.getElementById(' + YouFrame.JSid + '); '+
'        if (!img) {return null} '+
'        img.style.border = "3px solid red"; '+
'      } '+

[andyhill]

Thanks for the id info Sherzod.

Note to Sherzod, HtmlFrame Ext Ajax Event AfterRender ONLY FIRES ONCE (I believe it should fire after every EndUpdate).

[irigsoft]

@andyhill,

I apologize for my curiosity, but did my example help, just for information?

[Sherzod]

1 hour ago, andyhill said:

HtmlFrame Ext Ajax Event AfterRender ONLY FIRES ONCE

Yes, correct. 

1 hour ago, andyhill said:

I believe it should fire after every EndUpdate

No. 

[andyhill]

BeginUpdate

Clear

Add

EndUpdate (causes HtmlFrame to ReRender its's contents).

[andyhill]

IrigSoft, I had already coded my work around (unique id's across ALL HtmlFrames [I foolishly believed they were unique frames/js]) but definitely will review your suggestion over time - thank you.

[irigsoft]

58 minutes ago, andyhill said:

IrigSoft, I had already coded my work around (unique id's across ALL HtmlFrames [I foolishly believed they were unique frames/js]) but definitely will review your suggestion over time - thank you.

Thank You.