Solved

List Layers and Coldfusion

Posted on 2010-08-16
13
356 Views
Last Modified: 2013-12-24
I really do not know if this can be done.

I have a page with a layer that layer has to have a fixed height. I have a list that displays in the layer. The list has two lines of text in each entry. Sometimes the entry wraps to another line. Right now I use a loop to look through the top 17 entries in the list and adjust the list accordingly.

Here is the issue. Some lines warp at 50 characters and some at 53 or so. So if I set the limit to 50 some pages the layer does not fill up and some go slightly past.

See the  page here. Look under the PAC-10 at different schools and you will see what I mean.
http://www.pigskinu.com/oregon.html

See my code below.
The result of this code it for every two articles that warp it deletes one article from the list.
<cfif len(title) gt 50>

        	<cfif overagen is 1>

	       <cfset newscount = newscount - 1>

                <cfset overagen = overagen + 1>            

	<cfelseif overagen lt 2>

	       <cfset overagen = overagen + 1>

         <cfelse>

                <cfset overagen = 0>

         </cfif>

        </cfif>

    </cfloop>

Open in new window

0
Comment
Question by:RickEpnet
  • 7
  • 3
  • 2
13 Comments
 
LVL 16

Accepted Solution

by:
s8web earned 334 total points
ID: 33449136
What different schools?
0
 
LVL 14

Author Comment

by:RickEpnet
ID: 33449238
Did you click on PAC-10 in the main menu?
0
 
LVL 16

Assisted Solution

by:s8web
s8web earned 334 total points
ID: 33449764
Are you talking about the area on the left under the heading "Team News Around the Web"?
0
 
LVL 16

Expert Comment

by:s8web
ID: 33449796
Check this out. It may simplify things - http://www.cflib.org/udf/abbreviate
0
 
LVL 14

Author Comment

by:RickEpnet
ID: 33450790
Maybe I am missing something. Either that or you do not understand what I am looking for. At any rate I appreciate you taking the time to post.

Just so I am clear I want it to wrap and there is no HTML in the Title Field. The problem is different Titles wrap at different points. For example if I had a line that was all IIIIIIIIIIIIIIIIIIIIIIII it would wrap at a different point than if I had a line of all WWWWWWWWWWW. Not this is an extreme example but I think this will help demonstrate what I am talking about.  

IIIIIIIIIIIIIIIIIIII
WWWWWWWWWWWWWWWWWWWW

Basically what I need it a way to figure out how many articles to list without overflow.
0
 
LVL 14

Author Comment

by:RickEpnet
ID: 33551564
Can we close this
0
Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 14

Assisted Solution

by:SBennett
SBennett earned 166 total points
ID: 33754989
The only way I could think of to handle this on the CF would be to actually take the time to measure the pixel with of each possible character and assign it a value in a structure then use that to figure out how wide each line would be to determine if it would wrap.

On the client side, if you use AJAX or a javascript array to populate that news box you could have the javascript determine when the box is full by measuring the distance between the bottom of each list item and the bottom of the containing div layer using x/y coordinates and stop when its full.

0
 
LVL 14

Author Comment

by:RickEpnet
ID: 33762132
How would you do this with JavaScript

On the client side, if you use AJAX or a javascript array to populate that news box you could have the javascript determine when the box is full by measuring the distance between the bottom of each list item and the bottom of the containing div layer using x/y coordinates and stop when its full.
0
 
LVL 14

Author Comment

by:RickEpnet
ID: 33814886
Ask again

How would you do this with JavaScript

On the client side, if you use AJAX or a javascript array to populate that news box you could have the javascript determine when the box is full by measuring the distance between the bottom of each list item and the bottom of the containing div layer using x/y coordinates and stop when its full.
0
 
LVL 14

Expert Comment

by:SBennett
ID: 33815080
What version of CF are you running? if you have 8 or 9 i will give you a different example then if you have 7 or lower.
0
 
LVL 14

Author Comment

by:RickEpnet
ID: 33815217
8
0
 
LVL 14

Author Closing Comment

by:RickEpnet
ID: 33952080
No one answered the question I just want it off my list
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

When it comes to showing a 404 error page to your visitors, you do not want that generic page to show, and you especially do not want your hosting provider’s ad error page to show either. In this article, I will show you how to enable the custom 40…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now