473,685 Members | 2,719 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

No events with "background-color:transpare nt" style

I'm trying to duplicate functionality found in a Windows application
at one of my clients. Essentially, another programmer was able to
arrange a lot of search options into a single dialog box by positioning
the descriptive label behind the textbox instead of beside it. When
the user enters text, the label disappears and the user types in their
information into the textbox.

I've figured out how to arrange a label behind the textbox (yes, the
label format has to be altered to differentiate), but events are not
being captured. I can't type into the textbox, and it doesn't even
recognize click events. I've narrowed this problem down to the
"background-color:transpare nt" since changing 'transparent' to
'white' captures the events.

Here's my code.
---------------------------
<label style="position :absolute;left= 100;top:100;z-index:1;">Test
label</label>
<input type="text"
style="position :absolute;left: 100;top:100;z-index:2;backgro und-color:transpare nt;"
/>
--------------------------

If anybody could enlighten me as to what the problem might be, it would
be greatly appreciated.

Regards,
John

Jul 27 '06 #1
3 3190
In article <11************ **********@h48g 2000cwc.googleg roups.com>,
bu*********@hot mail.com wrote:
I'm trying to duplicate functionality found in a Windows application
at one of my clients. Essentially, another programmer was able to
arrange a lot of search options into a single dialog box by positioning
the descriptive label behind the textbox instead of beside it. When
the user enters text, the label disappears and the user types in their
information into the textbox.

I've figured out how to arrange a label behind the textbox (yes, the
label format has to be altered to differentiate), but events are not
being captured. I can't type into the textbox, and it doesn't even
recognize click events. I've narrowed this problem down to the
"background-color:transpare nt" since changing 'transparent' to
'white' captures the events.

Here's my code.
---------------------------
<label style="position :absolute;left= 100;top:100;z-index:1;">Test
label</label>
<input type="text"
style="position :absolute;left: 100;top:100;z-index:2;backgro und-color:transpare
nt;"
/>
--------------------------

If anybody could enlighten me as to what the problem might be, it would
be greatly appreciated.
Hi John,
I don't mean to be snide or grouchy, but it'd help if you (a) post a URL
to an example that demonstrates the problem and (b) tell us what browser
you're using. I don't have time to code up a form around your snippet of
HTML above, sorry.

--
Philip
http://NikitaTheSpider.com/
Whole-site HTML validation, link checking and more
Jul 28 '06 #2
To further the education of mankind, bu*********@hot mail.com vouchsafed:
I'm trying to duplicate functionality found in a Windows application
at one of my clients. Essentially, another programmer was able to
arrange a lot of search options into a single dialog box by
positioning the descriptive label behind the textbox instead of beside
it. When the user enters text, the label disappears and the user
types in their information into the textbox.

I've figured out how to arrange a label behind the textbox (yes, the
label format has to be altered to differentiate), but events are not
being captured. I can't type into the textbox, and it doesn't even
recognize click events. I've narrowed this problem down to the
"background-color:transpare nt" since changing 'transparent' to
'white' captures the events.

Here's my code.
---------------------------
<label style="position :absolute;left= 100;top:100;z-index:1;">Test
label</label>
<input type="text"
style="position :absolute;left: 100;top:100;z-index:2;backgro und-color:tr
ansparent;" />
--------------------------
It's possible that 'transparent' is becoming invalid per the j/s.

--
Neredbojias
Infinity has its limits.
Jul 28 '06 #3
(Follow-ups set)

bu*********@hot mail.com wrote:
<label style="position :absolute;left= 100;top:100;z-index:1;">Test
You have three syntax errors in that line alone.
http://jigsaw.w3.org/css-validator/
http://diveintomark.org/archives/200..._wont_help_you
Essentially, another programmer was able to arrange a lot of search
options into a single dialog box by positioning the descriptive label
behind the textbox instead of beside it.
The usual (and horribly hackish) way to achieve that is to use the value of
the field to act as the label and fiddle with it using JavaScript when the
user enters or deletes things from the field.

--
David Dorward <http://blog.dorward.me .uk/ <http://dorward.me.uk/>
Home is where the ~/.bashrc is
Jul 29 '06 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

20
2807
by: Karl Smith | last post by:
I heard a rumour that Opera succeeded where none have before, and implemented the tables described in HTML4 and CSS2. So I thought I'd try it out with the well known Periodic Table. http://users.tpg.com.au/karl6740/css/table_elements_periodic.html CSS: Notice in the TRs with the lanthanides and actinides, the empty TDs at the end taking the background colour of the TR? I say they shouldn't
5
5868
by: Thomas Hoheneder | last post by:
Hello, I have a web page that contains the following things. 1) Lots of text, so that the page is longer/higher than one browser screen. 2) Within that text there is an input text field. 3) On some place after there, there is a select tag. 4) I have the following div tag absolutely positioned on the page, somewhere between all the text. <div id="fixeddiv" style="position:absolute;left:0px;top:50px;width:300px;height:100px;border:s
4
3949
by: Els | last post by:
Hi, I would like an opinion on the following: I have a page which is made up of background-images with transparent linked images in front of it, which on hover show text in CSS popups. Due to appropriate alt text, anyone viewing the page with images turned off, will see the alt text instead, and on hover will see the popups.
2
2521
by: Just D. | last post by:
Who knows what should we include into aspx file to show some image as a background picture but only once at the top of the page? I don't want to add the Image control because even if it uses a transparent gif image I can't use LinkButtons over this image. The string that I'm using now is: <body background="BMP/Header.gif" MS_POSITIONING="GridLayout"> Maybe I should use something else in place of GridLayout?
3
7625
by: kaczmar2 | last post by:
Hey there, I have a large image in a browser window, and I would like a way to overlay grid lines on top of the image, so a user can show the grid or hide the grid lines. The grid would cover 100% of the image, and all I would need is a set of horizontal and vertical lines over the image to create a grid overlay. Two requirements would be to:
15
8940
by: pbd22 | last post by:
Hi. I want to create a tab with a little "active tab" arrow below it to tell the user where they are. An example is here: http://personals.yahoo.com/us/search/dashboard Does anybody know of any examples out there on how to do this? Thanks!
4
2201
by: MarcuEusebiu | last post by:
Hello... I have to bmps (100X100) and 1`st has an A on the left side and the other has a B on the right side. I want to "sum" this bitmaps to obtain a bitmap that contains "AB". I thought to use GDI32 SelectObject and BitBtl methods.... but I had no luck... Can someone help me? Thanks
2
5833
by: Warren Tang | last post by:
Hello, everyone Can I make a <input type="text"tag transparent? I mean I can see through it and see the background of its container. Regards Warren
3
1800
by: DelphiCoder | last post by:
I wrote a gallery div where you see a photo, and at the top right corner of the photo I have images of arrows to go back and forth to see other photos, along with other controls. My question is: My "controls" images (which I drew by hand) have a black background. Is there a way to make the background transparent so that all I see on the photo is the control itself? If this is not doable in Javascript, is it doable in Photoshop, etc, or some...
0
8512
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9048
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
8763
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8774
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7591
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6436
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5793
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4525
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
3
1931
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.