Including Only A Small Portion of Original Text

Question

I'm trying to create a <div> tag that will reference a
long article via <?php include()?> but would like for the
<div> container to only show the first few lines or
paragraphs from the included document.
I found an easy way to use javascript to toggle the
visibility of two div tags with unique id's and am trying to create
the first div as a "teaser" or "snippet" of the entire article with
a "Read More" link at the bottom that will hide the snippet and
display the full article.
I'm having a hard time figuring out how to reference only a
small portion of the complete article inside of the first div
element. Is there some way that this might be possible to do?
Reducing the height of the div with CSS does seem to work. Anybody
have any suggestions?
Thanks,
~Greg

Answer 1

Myrrhlin225 wrote:
> I'm trying to create a <div> tag that will
reference a long article via <?php
> include()?> but would like for the <div>
container to only show the first few
> lines or paragraphs from the included document.
>
> I found an easy way to use javascript to toggle the
visibility of two div tags
> with unique id's and am trying to create the first div
as a "teaser" or
> "snippet" of the entire article with a "Read More" link
at the bottom that will
> hide the snippet and display the full article.
maybe you'd better use only one div, and toogle its style via
javascript. In that div, only the
toogle link would need to change.
That would be easier and more efficient in my opinion.
for example, if your div ID is "divID", this javascript
should work:
function toogleDiv(myToogle,theDiv){
var divId = theDiv
if(myToogle == "teaser"){
document.getElementById(divID).style.height = "auto"
document.getElementById("toogleDiv").innerHTML = '<a
href="javascript:;"
onClick="toogleDiv(\'full\',divID)">Read full
article</a>'
}else{
document.getElementById(divID).style.height = "30px"
document.getElementById(divID).style.overflow = "hidden"
// you can add styles to your div using the aboce construct
document.getElementById("toogleDiv").innerHTML = '<a
href="javascript:;"
onClick="toogleDiv(\'teaser\',divID)">close</a>'
and in your HTML:
<div id="someId">
<p id="toogleDiv"><a href="javascript:;"
onClick="toogleDiv('teaser','someId')">Read full
article</a></p>
<?php include(yourtext.txt); ?>
</div>
>
> I'm having a hard time figuring out how to reference
only a small portion of
> the complete article inside of the first div element. Is
there some way that
> this might be possible to do? Reducing the height of the
div with CSS does seem
> to work. Anybody have any suggestions?
>
> Thanks,
> ~Greg
>
seb ( [email protected])
http://webtrans1.com | high-end web
design
An Ingenious WebSite Builder:
http://sitelander.com