Update:

This code is more efficient:

<style type="text/css">
        #testautosuggest {
                z-index:10;
        }
        #test2autosuggest {
                z-index:9;
        }
        #test3autosuggest {
                z-index:8;
        }
        #test4autosuggest {
                z-index:7;
        }
        #test5autosuggest {
                z-index:6;
        }
</style>

<cfform action="" method="POST">
        <cfinput type="Text"
autosuggest="Jake,Ryan,Jason,Jimbo,Jonathan,James" name="test"><br>
        <br>
        <cfinput type="text" autosuggest="Mark,Nicole" name="test2">
        <br>
        <br>
        <cfinput type="text" autosuggest="Mark,Nicole" name="test3">
        <br>
        <br>
        <cfinput type="text" autosuggest="Mark,Nicole" name="test4">
        <br>
        <br>
        <cfinput type="text" autosuggest="Mark,Nicole" name="test5">
</cfform>

_____ 

Jake Churchill 
Team Leader
11204 Davenport, Ste. 100
Omaha, NE  68154 
http://www.cfwebtools.com 
402-408-3733 x103 

-----Original Message-----
From: Jake Churchill [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, January 30, 2008 7:24 AM
To: CF-Talk
Subject: RE: Using cfinput causes form fields to "show through"?

That would do the trick.  The issue in CF8 was conflicting floats.  It's
actually a fairly common problem.

----------

Jake Churchill 
 Team Leader
11204 Davenport, Ste. 100
Omaha, NE  68154 
http://www.cfwebtools.com   
 402-408-3733 x103 

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

From: "William Seiter" <[EMAIL PROTECTED]>
Sent: Wednesday, January 30, 2008 12:49 AM
To: CF-Talk <[email protected]>
Subject: RE: Using cfinput causes form fields to "show through"? 

Looking at the code from back then, (the pages were never launched and I
don't have php loaded locally, so can't test), this is the css I used for
that 'autofill' section.

z-index:99; 
position:absolute; 
visibility: visible; 
display: block;

It may have been the 'position:absolute' that did the trick for me.

William

-- 
William E. Seiter

Have you ever read a book that changed your life?
Go to: www.winninginthemargins.com
Enter passkey: goldengrove

Web Developer 
http://William.Seiter.com
-----Original Message-----
From: Jake Churchill [mailto:[EMAIL PROTECTED] 
Sent: Tuesday, January 29, 2008 9:09 PM
To: CF-Talk
Subject: RE: Using cfinput causes form fields to "show through"?

William,
I looked into this (see my other post) and the z-index for the input field
gets set to 0, the autosuggestcontainer gets set to 9050 and the shadow to
9049. The problem lies in that IE6 and z-index don't get along (at all).
IE6 literally resets all z-index to 0 once the page loads.

----------

Jake Churchill 
Team Leader
11204 Davenport, Ste. 100
Omaha, NE 68154 
http://www.cfwebtools.com 
402-408-3733 x103 

----------------------------------------
From: [EMAIL PROTECTED]
Sent: Tuesday, January 29, 2008 10:08 PM
To: CF-Talk 
Subject: RE: Using cfinput causes form fields to "show through"? 

I am not certain of the cf solution for this problem, but i can give you
some insight on the problem.

I had built an autosuggest system for a public website using css and
javascript. The solution to my problem, when the same scenario occured, was
to change the layer number (z-index) from the default to a declared value so
that the autosuggest was always on top.

I know that this doesn't solve your issue since you are using cf's dynamic
solutionm, but hopefully it will help some.

William 

William Seiter (mobile)

Have you ever read a book that changed your life?
go to: http://www.winninginthemargins.com
and use passcod: GoldenGrove

-----Original Message-----
From: "Ryan Stille" 
To: "CF-Talk" 
Sent: 1/29/2008 7:25 PM
Subject: Using cfinput causes form fields to "show through"?

I have a form with three text fields lined up vertically on top of each
other. The first field was a cfinput, so I could use the autosuggest
feature. Worked great. Then I changed the other two fields to be cfinputs,
and now they show through the autosuggest popup area.

Here's a screen shot of what I'm talking about:
http://aycu24.webshots.com/image/43863/2002850445526073769_rs.jpg
Happens on IE6 for sure, don't know about other browsers yet.

Anyway to fix this? I'm thinking it might have something to do with how
cfinput wraps the input tag in a few other tags, including a div.





~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to 
date
Get the Free Trial
http://ad.doubleclick.net/clk;160198600;22374440;w

Archive: 
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:297727
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Reply via email to