?
Solved

coldfusion conditional formatting if text string contains "buzzwords"

Posted on 2010-09-15
11
Medium Priority
?
1,291 Views
Last Modified: 2013-12-24
In one column, "remarks",  of my real estate database is a varchar field that contains comments about each property. What I want to do is create a list of "buzzwords" like Granite, Quartz, Pool, etc... and if the remarks text for that property contain these words I want them to be bolded when output on my page.

 The code below bolds the complete remarks field, how can I just bold the buzzwords?

<cfif #remarks# CONTAINS "Quartz" OR "Granite"><b>#remarks#</b><cfelse>#remarks#</cfif>

Thanks!
0
Comment
Question by:Bang-O-Matic
[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
  • 4
  • 4
  • 3
11 Comments
 
LVL 3

Expert Comment

by:Gjslick
ID: 33686733
This might be a bit of a simplistic solution, but should work.  
<cfset buzzWords = "quartz,granite">
<cfloop list="#buzzWords#" index="buzzWord">
	<!--- Replace occurrences of the current buzz word with all lowercase letters --->
	<cfset remarks = replace( remarks, buzzWord, "<b>#buzzWord#</b>", "all" )>
	
	<!--- Replace occurrences of the current buzz word where the word is at the 
	      beginning of a sentence, where its first letter is capitalized. --->
	<cfset cappedBuzzWord = uCase( left( buzzWord, 1 ) ) & right( buzzWord, len( buzzWord ) - 1 )>
	<cfset remarks = replace( remarks, cappedBuzzWord, "<b>#cappedBuzzWord#</b>", "all" )>
</cfloop>

<cfoutput>#remarks#</cfoutput>

Open in new window

0
 

Author Comment

by:Bang-O-Matic
ID: 33688130
Thanks for the help! the code ran without error but didn't bold or capitalize any words.
0
 
LVL 3

Expert Comment

by:Gjslick
ID: 33688150
Hmm, worked fine on my end.  Can you post what you have of your code, and what the variable 'remarks' would have stored in it before running the replacement code on it?
0
Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

 
LVL 52

Expert Comment

by:_agx_
ID: 33690494
(no points please...)

>> replace( remarks,

I haven't tested the code but could it be a case-sensitivity issue?  replace() is case sensitive. Try it with replaceNoCase() ..

0
 

Author Comment

by:Bang-O-Matic
ID: 33692513
AGX I tried replaceNoCase() and still didn't work for me.

GJslick here is the detail.cfm page code below and an example url that has granite and quartz in the remarks.
http://68.101.50.2/cbsskwr/details.cfm?col1=93328

Please note that the field in my table is actually "col101" not "remarks" .

Here is the text copied directly from the table field for the property in the above url.

What more could you possibly want?This home has EVERYTHING plus it's located in prestigious  Eagle Springs.This home offers a Formal DR, Keeping room w/ fireplace, LR w/ fireplace, beautifully hand scraped hardwood floors,Open kitchen w/ stainless appliances,Quartz granite counter tops,tile in wet areas,Master bath has jetted tub,oversized limestone shower w/ large double shower heads, granite countertops in ALL bathrooms,oversized garage w/ door entry,large covered patio, privacy fence, full sod/sprinkler.

<cfset variables.IDnumber = "#URL.col1#">
<cfset CurrentPage=GetFileFromPath(GetTemplatePath())>
<cfif Not structkeyexists(cookie,"favpage")>
  <cfset cookie.favpage="">
</cfif>
<cfquery name="details" datasource="CGMLS">
SELECT * FROM cgmls.wrlistings WHERE col1=#URL.col1#
</cfquery>
<cfoutput query="details">


 <cfset buzzWords = " granite,quartz">
<cfloop list="#buzzWords#" index="buzzWord">
	<!--- Replace occurrences of the current buzz word with all lowercase letters --->
	<cfset col101 = replace( col101, buzzWord, "<b>#buzzWord#</b>", "all" )>
	
	<!--- Replace occurrences of the current buzz word where the word is at the 
	      beginning of a sentence, where its first letter is capitalized. --->
	<cfset cappedBuzzWord = uCase( left( buzzWord, 1 ) ) & right( buzzWord, len( buzzWord ) - 1 )>
	<cfset col101 = replace( col101, cappedBuzzWord, "<b>#cappedBuzzWord#</b>", "all" )>
</cfloop>  

  
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html>
  <head>
  <title></title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="cbstyle.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/easySlider1.5.js"></script>
  <script type="text/javascript" src="js/slider.js"></script>
  <script type="text/javascript" src="js/bslider.js"></script>
  <link href="slider.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
  <div id="site">
    <cfinclude template="header.cfm">
    <!---left main div--->
    <div id="main3_left">
      <h1>#col6# #col8# &nbsp;#col10#, GA #col12#</h1>
      <P>&nbsp;</P>
      <h3>#RemoveChars(DollarFormat(col5),Len(DollarFormat(col5))-3,3)# | SQFT: #col68# | Status: #col13# | Subdivision: #col58#</h3>
      </br>
      <p>&nbsp;</p>
      <div id="photos">
        <div id="left">
          <div id="object1">
            <!---mainpic--->
            <cfdirectory action="list" directory="C:\inetpub\idx\ftp\pics_wr\images\" filter="#variables.IDnumber#*.jpg" name="files">
            <cfif files.recordCount eq 0>
              <img src="images/nophoto.jpg" alt="no photo"  class="alignleft" id = "picmain" />
              <cfelse>
              <p> <img src="http://68.101.50.2/ftp/pics_wr/images/#col1#.jpg" height="240" width="320" alt=""  class="left" id = "picmain" /></p>
            </cfif>
          </div>
        </div>
        <div id="right">
          <div id="object3">
            <!---thumbs--->
            <cfdirectory action="list" directory="C:\inetpub\idx\ftp\pics_wr\images\" filter="#variables.IDnumber#*.jpg" name="files">
            <cfif files.recordCount eq 0>
              <cfelse>
              <cfloop query="files">
                <a href="javascript:;" onmouseover="picmain.src='http://68.101.50.2/ftp/pics_wr/images/#files.name#';"><img src="http://68.101.50.2/ftp/pics_wr/images/#files.name#" width="47" height="40" alt="" /></a>
              </cfloop>
            </cfif>
          </div>
        </div>
      </div>
      <p>&nbsp;</p>
      <p class="subheadingMedBlue">Remarks:</p>      
      
     <p>#col101#</p>     
      
      
       <p>&nbsp;</p>
       <hr class="line" />
       <p>&nbsp;</p>
      <p>MLS Number: #col1#</p>
      <p>Type: #col3#</p>
      <p>Status: #col13#</p>
      <p>Number of Living Areas: #col16#</p>
      <p>Number of Bedrooms: #col17#</p>
      <p>Number of Full Baths: #col18#</p>
      <p>Number of Half Baths: #col23#</p>
      <p>Master Bedroom on Main Floor?: #col20#</p>
      <p>Garage: #col19#</p>
      <p>Split bedroom Plan?: #col22#</p>
    </div>
    <!---right column main div--->
    <div id="main3_right"></br>
      <div>
        <p class="welc1">Features:</p>
        <hr class="line" />
        <p>&nbsp;</p>
        <div id="features">
          <div id="left">
            <div id="object1"><img src="images/icon_beds.gif" alt="" width="45" height="45" align="middle" class="alignleft" /> <span class="smallorangetext">#col17#</span></div>
          </div>
          <div id="right">
            <div id="object3"><img src="images/icon_baths.gif" alt="" width="45" height="45" align="middle" class="alignleft" /><span class="smallorangetext">#col18#</span></div>
          </div>
        </div>
        <hr class="line" />
        <p>&nbsp;</p>
        <div id="features">
          <div id="left">
            <div id="object1"><img src="images/icon_sqft.gif" alt="" width="45" height="45" align="middle" class="alignleft" /> <span class="smallorangetext">#col68#</span></div>
          </div>
          <div id="right">
            <div id="object3"><img src="images/icon_garage.gif" alt="" width="45" height="45" align="middle" class="alignleft" /> <span class="smallorangetext">#col19#</span></div>
          </div>
        </div>
        <hr class="line" />
        <p>&nbsp;</p>
        <div>
        <a href="addfavorites.cfm?favID=#col1#|#trim(col6)# #trim(col8)#" target="hide">
        <cfif listfindnocase(cookie.favpage,"#col1#|#trim(col6)# #trim(col8)#")><img src="images/favs-lg.jpg" alt="" /><br />Remove From Favorites
		<cfelse>
        <img src="images/fav.gif" alt="" align="middle" />Add To Favorites</cfif></a>
        <p>&nbsp;</p></div>
        <iframe name="hide" id="hide" style="height:0px;width:0px;"></iframe>
        <div>
          <p>
          <div></div>
          </p>
        </div>
        <p>&nbsp;</p>
      
      </div>
    </div>
    <br />
    <div id="spacer"></div>
  <cfinclude template="footer.cfm">
  </body>
  </html>
</cfoutput>

Open in new window

0
 
LVL 52

Expert Comment

by:_agx_
ID: 33694891
Wait a sec....  (I still haven't tested the code). But it's entirely possible it IS working. But CF isn't actually using your new value.  It's displaying the old one.  Try using a different variable name when you do the replace

ie
<cfset newCol101Value = replace( col101, buzzWord, "<b>#buzzWord#</b>", "all" )>
....
<!--- later on display the new value --->
#newCol101Value#


Unfortunately it's one of those gotcha's that happens when using <cfoutput query="..">. Here's an example to demonstrate. You'd expect to see "I was changed". But instead you see "Original Value"


<cfset q = queryNew("")>
<cfset queryAddColumn(q, "col101", listToArray("Original Value"))>
<cfoutput query="q">
      <cfset col101 = "I was changed">
      #col101#
</cfoutput>
0
 
LVL 52

Assisted Solution

by:_agx_
_agx_ earned 200 total points
ID: 33694953
>> <cfoutput query="q">
>>      <cfset col101 = "I was changed">


Apparently when you modify the value inside the output loop, CF adds the value to the VARIABLES scope.  It doesn't modify the query value.  So if you wanted to display the new value, you'd have to specify the scope explicitly

<cfset q = queryNew("")>
<cfset queryAddColumn(q, "col101", listToArray("Original Value"))>
<cfoutput query="q">
      <cfset col101 = "I was changed">
      #VARIABLES.col101#   <!---- specify the scope ---->
</cfoutput>

... OR specify the query explicitly when you modify the value.

<cfset q = queryNew("")>
<cfset queryAddColumn(q, "col101", listToArray("Original Value"))>
<cfoutput query="q">
      <cfset q.col101[currentRow] = "I was changed">
      #col101#
</cfoutput>


Personally, I'd just use a different variable name instead ;-)

0
 

Author Comment

by:Bang-O-Matic
ID: 33695176
<cfset buzzWords = "granite,quartz">
<cfloop list="#buzzWords#" index="buzzWord">
      <!--- Replace occurrences of the current buzz word with all lowercase letters --->
      <cfset newCol101Value = replace( col101, buzzWord, "<b>#buzzWord#</b>", "all" )>
      
      <!--- Replace occurrences of the current buzz word where the word is at the
            beginning of a sentence, where its first letter is capitalized. --->
      <cfset cappedBuzzWord = uCase( left( buzzWord, 1 ) ) & right( buzzWord, len( buzzWord ) - 1 )>
      <cfset newCol101Value = replace( col101, buzzWord, "<b>#buzzWord#</b>", "all" )>
</cfloop>  


AGX I tried what you suggested and got mixed results:

 <cfset buzzWords = "granite,quartz"> neither word bolded.
 <cfset buzzWords = "granite,Quartz"> Quartz is bolded but granite is not.
 <cfset buzzWords = "Quartz">works, bolded.
 <cfset buzzWords = "quartz">not bolded
 <cfset buzzWords = "granite"> works, bolded
 <cfset buzzWords = "quartz,granite">granite is bolded but quartz is not.
 <cfset buzzWords = "Quartz,granite">granite is bolded but Quartz is not.

it seems that it's picking up the last buzzword in the list and skipping over the others?

0
 
LVL 3

Accepted Solution

by:
Gjslick earned 1800 total points
ID: 33696013
Ah, I see, I didn't realize that you were outputting this in a query loop.  The problem you were having was actually a scoping issue, where even though it looked like you replaced a variable with the same name, a new variable was actually being created and put into a different scope (the 'variables' scope).  The 'query' scope is at the top of the search chain when a variable's value is requested, but when you use , the variable that you set is automatically put into the 'variables' scope (which is lower on the variable name search chain).

So basically you had two separate variables:
'query.col101' (the original string) and,
'variables.col101' (the string with the bold replacements)

So 'variables.col101' was holding the replacements with the bold text, but when you went to output #col101# later, it was really outputting #[query].col101# (which had none of the replacements).

--------------------------------------

With replace(), I did actually want to use the regular replace() function instead of replaceNoCase(), because I didn't want to replace say, "Quartz" with "quartz" by accident.  That's why there are two replace() function calls: one to replace all lower case occurrences with the lowercase equivalent, and the other to replace any occurrences that had a capital first letter with the appropriate capped-first-letter transformation of the buzz word.  Btw, just to note, put your buzz words in the list as all lowercase and it should work correctly.

--------------------------------------

The way that you have the code in the latest post with using a new variable for the replacements is the reason why only the last buzz word is getting bolded.  If you follow the code, you will see that you are actually replacing the first buzz word on the first loop iteration, but then the code overwrites that first result when the second loop iteration executes, therefore only giving you the replacements for the second (i.e. last) buzz word in the list.  The idea of a separate variable was a good one though, but you just needed to initialize it above the loop. The solution should be the code snippet below.


Thanks for responding and giving your input on this btw _agx_, you deserve some of the points.

-Greg
<cfset boldedCol101 = col101>

<cfset buzzWords = "granite,quartz">
<cfloop list="#buzzWords#" index="buzzWord">
	<!--- Replace occurrences of the current buzz word with all lowercase letters --->
	<cfset boldedCol101 = replace( boldedCol101, buzzWord, "<b>#buzzWord#</b>", "all" )>
	
	<!--- Replace occurrences of the current buzz word where the word has its 
	      first letter capitalized. --->
	<cfset cappedBuzzWord = uCase( left( buzzWord, 1 ) ) & right( buzzWord, len( buzzWord ) - 1 )>
	<cfset boldedCol101 = replace( boldedCol101, cappedBuzzWord, "<b>#cappedBuzzWord#</b>", "all" )>
</cfloop>

<cfoutput>#boldedCol101#</cfoutput>

Open in new window

0
 

Author Comment

by:Bang-O-Matic
ID: 33696793
Thanks Gjslick and agx, it worked perfectly!
0
 
LVL 52

Expert Comment

by:_agx_
ID: 33697595
Cool.  Glad to hear it, and nice job Gjslick  :)
0

Featured Post

Moving data to the cloud? Find out if you’re ready

Before moving to the cloud, it is important to carefully define your db needs, plan for the migration & understand prod. environment. This wp explains how to define what you need from a cloud provider, plan for the migration & what putting a cloud solution into practice entails.

Question has a verified solution.

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

Most ColdFusion developers get confused between the CFSet, Duplicate, and Structcopy methods of copying a Structure, especially which one to use when. This Article will explain the differences in the approaches with examples; therefore, after readin…
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
Add bar graphs to Access queries using Unicode block characters. Graphs appear on every record in the color you want. Give life to numbers. Hopes this gives you ideas on visualizing your data in new ways ~ Create a calculated field in a query: …
We’ve all felt that sense of false security before—locking down external access to a database or component and feeling like we’ve done all we need to do to secure company data. But that feeling is fleeting. Attacks these days can happen in many w…

649 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