Home/ Questions/Q 5942131
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T16:12:30+00:00

I am developing a website updater. My idea is to have certain HTML elements

  • 0

I am developing a website updater. My idea is to have certain HTML elements be part of the class updatable. I will then change each element with that class to a textarea element. That way it can be updated.

What I want to do is divide my updater.html into 2 areas, the left side will have a select element (with a list of page names) the right side will show/load a specific webpage inside the updater.html webpage.

Is it possible to do this & what HTML element would I need to do this? Is it a frame or iframe (What about object or is that only for HTML5)? Is an iframe cross browser? My aim is to have this work on IE, FireFox, Chrome & Safari.

What do you think would be the best HTML element to do this with? Also will the newly loaded HTML page(WITH its css style sheet) affect the updater.html layout (because it has a different css style sheet)?

<html>
<head>

</head>
<body>
   <table>
      <tr>
        <td class="updaterSection">
          <select>
            <option> home </option>
             ...
          </select>
        </td>

        <td class="updatableWebpage">
          <!-- What would you put here? -->
        </td>
       </tr>
     </table>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You would want to use an iframe to accomplish this task.

    <html>
    <head>
    </head>
    <body>
        <table>
            <tr>
                <td class="updaterSection">
                    <select>
                        <option> home </option>
                        ...
                        </select>
                </td>
                <td class="updatableWebpage">
                    <iframe src="yourwebpage.html" id="webpage">
                    </iframe>
                </td>
            </tr>
        </table>
    </body>
</html>
    • 0