Results 1 to 1 of 1
Related
-
HTML EMBED tag Problem Forum: HTML Forum
Replies: 2 -
How do you target links on your page to an IFRAME? Forum: HTML Forum
Replies: 6 -
IFRAME to target at a specific position of external page Forum: Website Scripts Forum
Replies: 4 -
image maps..what should i target links to?? Forum: HTML Forum
Replies: 1
-
03-10-2008, 07:59 PM #1
How to embed a swf in html with links that target iframe
First of all, hello. My name is Ken. I've been using html and css for years, but haven't found an outlet, so I design random pages and see what evolves. I'd like to see what people can craft from this and hope my template can be used somewhere else. Enjoy and I look forward to your responses.
I have a good one that I've been attacking for a little while. My way works, but using objects is the proper way to do this.
I'm trying to use links to send objects (swf) to a target iframe. I'm trying to keep this in one html file.
I have tried many things, but can this be done without javascript and in one html file?
Here is the sample code:
HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en-us"> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Template</title> <style type="text/css" media="screen"> body { margin: 0; } table.main { font-size: 12pt; font-family: sans-serif; border-spacing: ; border-collapse: collapse; background-color: white; text-align: center; border: solid 1px black; width: 100%; } table.sub { font-size: 12pt; font-family: sans-serif; border-spacing: ; border-collapse: collapse; background-color: white; text-align: center; border: solid 1px black; width: 85%; } td.Header { font-size: 16pt; font-weight: bold; padding: 2px; background-color: white; text-align: center; border: solid 1px black; } td { padding: 2px; background-color: white; text-align: center; border: solid 1px black; } div.scroll { height: 768px; overflow: auto; } :link { color: black } :visited { color: black } :active { color: black } iframe.c1 {border: solid 1px black;} </style> </head> <body> <table class="main"> <tbody> <tr><td colspan="2" class="Header" height="40">Template</td></tr> <tr><td><iframe src="about:blank" class="c1" name="Template" id="Template" align="middle" frameborder="0" height="600" scrolling="no" width="800"></iframe></td><td> <!--Beginning of Links--> <div class="scroll"> <table class="sub"> <tbody> <tr><td><a href="./swf/link1.swf" target="Template">Link 1</a></td></tr> <tr><td><a href="./swf/link2.swf" target="Template">Link 2</a></td></tr> <tr><td><a href="./swf/link3.swf" target="Template">Link 3</a></td></tr> <tr><td><a href="./swf/link4.swf" target="Template">Link 4</a></td></tr> <tr><td><a href="./swf/link5.swf" target="Template">Link 5</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> <tr><td><a href="about:blank" target="Template">Empty</a></td></tr> </tbody> </table> </div> <!--End of Links--> </td></tr></tbody></table> </body> </html>
Cloudjiffy- PaaS for Developers
10-05-2020, 12:30 AM in Web Hosting Forum