Looking for some help from some WF gurus on how I might be able to get data within an iframe to be dynamically sorted (using referenced .js file) when the column header is clicked. I have the .js file ready. What I am having trouble with is referencing the output that is in the iframe.

I believe i have to "chain" these to make it work. Googling on the web found this snippit but I can't seem to get this to work:

var tables = document.getElementById('iframecontent').getElementsByClassName('sortable');

Any ideas? Has anyone been able to get this to work? Any sample FOCUS code you could share would be much appreciated.

This message has been edited. Last edited by: kadkins,

You're asking a non-WebFOCUS question here.

Are you using prototype.js?

Are you sure your iframe has an id of "iframecontent"? If you're using IE, are you sure getElementsByClassName works in IE? Have you looked at the source of the iframe - do the html elements you want to sort have the class "sortable"?

Perhaps not what you're looking for, this is a quickie WebFOCUS solution to sorting table rows by clicking on column titles:

-*-- sortdemo1.fex - Francis Mariani -------------------------------------------

-SET &ECHO=ALL;

-DEFAULT &SORT     = 'COUNTRY';
-DEFAULT &PREVSORT = 'COUNTRY';
-DEFAULT &SORTDIR  = 'HIGEST';

-SET &SORTDIR  = IF &SORT EQ &PREVSORT AND &SORTDIR EQ 'LOWEST' THEN 'HIGHEST' ELSE 'LOWEST';
-SET &DIRCOLOR = IF &SORTDIR EQ 'LOWEST' THEN 'RED' ELSE 'GREEN';

-*-SET &RNDM = EDIT(HHMMSS('A8'),'99$99$99');

TABLE FILE CAR
PRINT
COUNTRY
CAR
MODEL
SALES

BY &SORTDIR &SORT NOPRINT

ON TABLE SET PAGE NOLEAD

ON TABLE SET STYLESHEET *
TYPE=REPORT, GRID=OFF,FONT='ARIAL', SIZE=8, $

TYPE=TITLE, STYLE=BOLD, $
TYPE=TITLE, COLUMN=&SORT(2), COLOR=&DIRCOLOR,$

TYPE=TITLE, COLUMN=P1, FOCEXEC=SORTDEMO1( \
SORT='COUNTRY' \
PREVSORT='&SORT' \
SORTDIR='&SORTDIR' \
-*RNDM=&RNDM \
), $

TYPE=TITLE, COLUMN=P2, FOCEXEC=SORTDEMO1( \
SORT='CAR' \
PREVSORT='&SORT' \
SORTDIR='&SORTDIR' \
-*RNDM=&RNDM \
), $

TYPE=TITLE, COLUMN=P3, FOCEXEC=SORTDEMO1( \
SORT='MODEL' \
PREVSORT='&SORT' \
SORTDIR='&SORTDIR' \
-*RNDM=&RNDM \
), $

TYPE=TITLE, COLUMN=P4, FOCEXEC=SORTDEMO1( \
SORT='SALES' \
PREVSORT='&SORT' \
SORTDIR='&SORTDIR' \
-*RNDM=&RNDM \
), $

ENDSTYLE
END
-RUN

"Are you sure your iframe has an id of "iframecontent"?" No, this was generic. I replaced this with my iframe name.

"If you're using IE, are you sure getElementsByClassName works in IE?" Yes, it works.

"Have you looked at the source of the iframe - do the html elements you want to sort have the class "sortable"?" Yes, I added the sortable class to the iframe element


Thanks Francis. This at least got me on the right track.

kadkins, good news, but how did you resolve it?

Cheers,

There was some bad coding in the external .js file. Once I corrected that, it worked fine.

Also, the output for the .fex MUST be in HTMTABLE format for it to work. Standard HTML did not work form me when troubleshooting.

Thanks again for the FOCUS example.