[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[no subject]
- <!--x-content-type: text/plain -->
- <!--x-date: Tue Apr 26 16:10:47 2005 -->
- <!--x-from-r13: wbu6aa ng ubgcbc.pbz (wbu6aa) -->
- <!--x-message-id: [email protected] -->
- <!--x-reference: [email protected] --> "http://www.w3.org/TR/html4/loose.dtd">
- <!--x-subject: [ale] OT: target= with css? -->
- <li><em>date</em>: Tue Apr 26 16:10:47 2005</li>
- <li><em>from</em>: joh6nn at hotpop.com (joh6nn)</li>
- <li><em>in-reply-to</em>: <<a href="msg00688.html">[email protected]</a>></li>
- <li><em>references</em>: <<a href="msg00688.html">[email protected]</a>></li>
- <li><em>subject</em>: [ale] OT: target= with css?</li>
first, you could use an Iframe instead of a Div; Iframes, if you're not
familiar with them, act like Frames just stuck into a page (like an
Image), without the need for Framesets.
pros: really simple to implement, fairly cross-browser.
cons: dissociates the content from the main page (ie, the stuff on
fprof.html is very loosely associated with the page it gets loaded from).
Option 2 is to keep all of the optional content on that main page, in
separate Divs, and use a combination of javascript and CSS to show only
one of the divs at the same time.
pros: no content dissociation; everything is there on the main page.
the javascript here is fairly low level
cons: everything's on one page, so the file size starts to really jump.
also, a bunch more divs there on the page could really start to get
confusing when you go to edit the content
For method 3 you could use some mid-level javascript to pull content
from other places and stuff it into your Div tag.
pros: if done right, it'll look both cleaner and more visually
appealing than an iframe.
cons: it'll be way harder to implement than the first 2 methods, there
will almost definitely be browser compatability issues for the
javascript, and there's still content dissociation.
the fourth and final thing that i can think of is that you could use
some kind of server side solution, like PHP or SSI to build your page
dynamicly, and insert the content on the fly, as you need it.
pros: absolutely guarenteed to work in every browser, but otherwise
without advantage
cons: unless you get really clever/complicated, you're still gonna have
content dissociation, this method requires you to reload the page every
time you want to change the content of your Div, and will also lead to
URL ugliness, unless you decide to add a layer of complication to keep
the URLs pretty, but uglify your .conf/.htaccess files instead.
i can't think of any other ways to do this, though that doesn't mean
there aren't any.
</pre>
<!--X-Body-of-Message-End-->
<!--X-MsgBody-End-->
<!--X-Follow-Ups-->
<hr>
<!--X-Follow-Ups-End-->
<!--X-References-->
<ul><li><strong>References</strong>:
<ul>
<li><strong><a name="00688" href="msg00688.html">[ale] OT: target= with css?</a></strong>
<ul><li><em>From:</em> Robert.L.Harris at rdlg.net (Robert L. Harris)</li></ul></li>
</ul></li></ul>
<!--X-References-End-->
<!--X-BotPNI-->
<ul>
<li>Prev by Date:
<strong><a href="msg00690.html">[ale] Anyone want Linux Journal Sept '97 to present?</a></strong>
</li>
<li>Next by Date:
<strong><a href="msg00692.html">[ale] Anyone want Linux Journal Sept '97 to present?</a></strong>
</li>
<li>Previous by thread:
<strong><a href="msg00689.html">[ale] OT: target= with css?</a></strong>
</li>
<li>Next by thread:
<strong><a href="msg00694.html">[ale] OT: target= with css?</a></strong>
</li>
<li>Index(es):
<ul>
<li><a href="maillist.html#00691"><strong>Date</strong></a></li>
<li><a href="threads.html#00691"><strong>Thread</strong></a></li>
</ul>
</li>
</ul>
<!--X-BotPNI-End-->
<!--X-User-Footer-->
<!--X-User-Footer-End-->
</body>
</html>