views:

309

answers:

0

Hopefully this is a new question, if not, please point me to the answer.

I am using jquery.truncate-2.3.js in a website. I am using the script to truncate/expand text in many stories, each in a div tag. The story text within the tags is coming from an RSS feed (using the RSSFeed ASP.NET server control), and dropped in like this:

        <skm:RssFeed 
        id="AutomotiveID"
        runat="server"
        MaxItems="100" 
        HeaderText="Automotive"
        HorizontalAlign="left" 
        width="615px"    
     Font-Names="Times"
     Font-Size="10pt">

     <AlternatingItemStyle BackColor="#dce4fb"></AlternatingItemStyle>
     <HeaderStyle Font-Size="8pt" HorizontalAlign="Center" Font-Bold="True" ForeColor="#1d388d" BackColor="#1d388d" ></HeaderStyle>

 <ItemTemplate>
     <a name="<%# Container.ItemIndex%>">
        <div class="storytitle"><%# Container.DataItem.Title %></div>
            <br />
        <div class="story"><%# Container.DataItem.Description %></div>
        <a href="#Top">Back to Menus</a>
    </ItemTemplate>

    </skm:RssFeed>

The "story" div is the one to truncate. The script appears to work well for "static text" in a div, and for the feed text in Firefox. In IE (6, 7, & 8) the script shows all the text, and it is chopped up and reorganized:

"Truncated Text" "Full Original Text" "Initial Blurb" "'more...' link"

Has anyone seen this bug, or know of a fix? It works together in FF. I havee also tried the expand JQuery, as well as a couple other truncate methods, and they either do nothing, or mix up the text in the same way.

Thanks for any help.