Home/ Questions/Q 8876125
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T19:08:12+00:00

This should work according to all the stuff I’ve looked up, but it just

  • 0

This should work according to all the stuff I’ve looked up, but it just doesn’t.

I have a html with a document. It has a div, which contains a specific element which I want to access.

<li><a href="FAQ.html#" target="page" id="Faq">FAQ</a></li>

The html document also contains an iframe with the FAQ.html, which has the following loadup code:

<script>
function loaded() {
    parent.document.getElementById("Faq").style.color = "green";}
</script>

However, nothing happens. What am I doing wrong?
The error console reports nothing which could facilitate my analasys.

EDIT:
Here’s a basic concept.

https://dl.dropbox.com/u/32831239/Screenshots/htmlstructure.png

(Unfortunately stackoverflow doesn’t let me post images as of now)

The left div should serve as a nav bar. Upon page load, the li entry should be marked with a color (e.g. green).

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use onload event of the body of FAQ.html to invoke loaded function 

    <html>
<head>
    <script>
        function loaded() {
            alert("Hello !"); //alert to check if this is being invoked.
            parent.document.getElementById("Faq").style.color = "green";
        }
    </script>
</head>
<body onload="loaded();" >
...
</body>
</html>

    Or just remove the function (no need to use body onload event)

    <script>            
   parent.document.getElementById("Faq").style.color = "green";
</script>
    • 0