Home/ Questions/Q 6056779
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T08:24:53+00:00

Lets say there are two iframes on my webpage and one toolbar for operations

  • 0

Lets say there are two iframes on my webpage and one toolbar for operations like make the text bold, underline, italic etc. The iframe is set to DesignMode so that user can input text and use it as a text editor. Im trying to use a single toolbar for the iframes….so is there a way that i can knw which iframe did the user edit so that the operation(bold, italic etc) can be applied to that iframe Id?

the algorithm that comes to my mind is that get the active element id first and then apply the operation, but i dont knw the syntax for doing it!!

Thanks!!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    ok heres the answer to it…

    just register an onClick event with that element passing the id or name and u have the element id in the called function…

    <html>
<head>
<script type="text/javascript">
function def()
{
    myFrame1.document.designMode="on";
    myFrame2.document.designMode="on";
    document.getElementById("myFrame1").contentWindow.document.addEventListener('click', function(event) {clic("myFrame1");}, false);
    document.getElementById("myFrame2").contentWindow.document.addEventListener('click', function(event) {clic("myFrame2");}, false);
}
function clic(id) 
{
        alert(id + " is clicked/focused");


}

</script>
</head>
<body onLoad="def()">
<iframe id="myFrame1" border="0">
</iframe>
<iframe id="myFrame2" border="0">
</iframe>

</body></html>

    im pretty sure this will work for any other html element too!! (dint check it tho)

    • 0