Solved

List Layers and Coldfusion

Posted on 2010-08-16
13
373 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Back Up Your Microsoft Windows Server®

Back up all your Microsoft Windows Server – on-premises, in remote locations, in private and hybrid clouds. Your entire Windows Server will be backed up in one easy step with patented, block-level disk imaging. We achieve RTOs (recovery time objectives) as low as 15 seconds.

 
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
 
LVL 14

Assisted Solution

by:Scott Bennett
Scott Bennett 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:Scott Bennett
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

Simple, centralized multimedia control

Watch and learn to see how ATEN provided an easy and effective way for three jointly-owned pubs to control the 60 televisions located across their three venues utilizing the ATEN Control System, Modular Matrix Switch and HDBaseT extenders.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

752 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