HTML - Cannlt Click Into Html Input Fields
Hi guys,
I am working on a site and one of the pages has a weird issue. Sometimes, you cannot click in to: First name: Last name: E-mail: Phone : It is weird, as it usually affects 2 fields at a time and appears to happen randomly. Occurs in IE7 and Konqueror (KDE browser), but not in Firefox. If someone could tell me what is causing the problem, that would be perfect! The page in question is: http://www.premiumdjs.com/contact.php Thanks! Similar TutorialsI am creating a small crm and would like to have the input fields look like regular text until clicked on. At that point I would like the input field to be edited....is this possible? For example... First name : James would appear like this....when clicking on James, it puts a input box so you are able to edit the field. I will be using php. I'm very, very new to HTML, and quite bad at it. I've recently figured out how to use forms. I was wondering the following: Is it possible to have guests to my website input information that then end up on/in images. For example, let's say I wanted them to fill in the following information: Store Manager: Sales Manager: Advertising Manager: Human Resources: Research and Development Manager: Sales Rep 1: Sales Rep 2: Sales Rep 3: Advertiser 1: Advertiser 2: R+D Engineer 1: R+D Engineer 2: Once they filled in the information, I would want that information to populate an image (namely, an organizational flow chart like this one: http://www.sddot.com/images/org_chart.gif) Any help that anyone can give me would be greatly appreciated! I'm quite desperate. Hi everyone, What I am asking is more complicated than the thread title says. Can someone please tell me how, or post some code to show how I can make input fields with these properties: 1. Make text appear in an input field whilst off focus but dissapear whilst on focus, re-appear again if put back on focus. 2. The user can type text in the field and edit it and when the input field is off focus the text he wrote remains there. 3. If the user completely erases the text he wrote and puts the input field off focus the default text (stated in 1.) re-appears. 4. Make a password input field without the default text (1.) being displayed as stars (hidden charaters) with same features as 1. , 2. , and 3. ofcourse. Can anyone please help me?... Evan Hello Does anyone knows since when (or which html version) it is allowed to define form input names as arrays such as: ex: <form ...> <input name="MyArray[email]" /> <input name="MyArray[phone]" /> </form> Help! How to put text in input fields? -------------------------------------------------------------------------------- Hi everyone, What I am asking is more complicated than the thread title says. Can someone please tell me how, or post some code to show how I can make input fields with these properties: 1. Make text appear in an input field whilst off focus but dissapear whilst on focus, re-appear again if put back on focus. 2. The user can type text in the field and edit it and when the input field is off focus the text he wrote remains there. 3. If the user completely erases the text he wrote and puts the input field off focus the default text (stated in 1.) re-appears. 4. Make a password input field without the default text (1.) being displayed as stars (hidden charaters) with same features as 1. , 2. , and 3. ofcourse. Can anyone please help me?... Evan At the least you need to use a scripting language like javascript to achieve what you are trying to do. The page can be found he http://www.trinityacademy.org/alumni/addressBook. You can tab from field to field but can't click on the fields. IF Google toolbar is enabled then you can click on the fields that Google recognizes for autofil but not on the fields it does not. I am baffled by this one. Any ideas??? [SOLVED!] I have a basic input box with a default value of "Enter Your Email Address". I am looking to have that clear as soon as the user clicks in the text area to type their address. Any suggestions on how to do this? suppose i have a form in which all the information are asked about a person. if person is male then the fields which are meant for female should be locked.. and same with vice versa... so please tell me how i can do that in html????? this is a noob question how can i align input fields? like Code: <html> <body> <form> username:<input type="text" name="user" /> password:<input type="password" name="pass" /> </form> </body> </html> take this in this by default the text and password fields will come on left hand side but i want it in right . so how can i do that ? Hi there, I have created a basic HTML Form but wish to make some fields mandatory. What code do i use to make the fields mandatory Thanks In advance Richard Hi all, I need your help. I have created an HTML web form that's processed by a PHP script. It works absolutely fine but I now need to do add a couple of conditional fields on this in this HTML Form which I don't know how to. The first field in the form is Presenter's Name. Underneath this field, I want to have a checkbox stating "Click here if additional Presenters". As soon as this option is checked off, a new input text field should appear underneath it and at the bottom of the form, a text box should appear for additional presenter's bio. How do I do that? Thanks a trillion in advance for your help. Ok i'm making a Runescape Server Status Checker for private servers If you dont know what that means well.... it doesnt matter all i need is this on a button called add server theres something that asks for Server Name: ____________ Server IP : _______________ Server Port : ________________ Server Description :______________________________ Button = "Add Server" I want it so when you add the server by clicking that button it adds it to the list. I have teamviewer. Now for the pics. Thats the thing where you add server info like above. Homepage so you understand where i want to add the info So if anybody can help then i dont know what i could give you in return ill think of something maybe... I need a simple example to take input, and give an output, such as input: height weight output: body BMI thanks Greetings Please is there a way to execute these two scripts bellow, one of them is html and the other is javascript, with one click: <input type="button" onClicK="top.clearCountings(), top.clearIt()" value="CLEAR TABLES AND INTERNAL COUNTERS"> <a href="lottoDown.html" target="lottoDown">CLEAR RIGHT FRAME</a> Both belong to this: http://2move.me.uk/londoner.html Regards Hi I have site it has windows media player embeded in it, it plays some live stream, I want page to load than stream to load it take about 5 seconds to load, I want html code to double click on windows media player so it will be full screen automatically without user doing it. Please help me Thank you. hi all, One strange issue with html <a> tags.We have XP English and Japanese machines and issue is getting only in XP Japanese machines. Issue is tat on clicking any link,link font size gets increased and its comes over other links.Its like a new layer of big font sized links over the old links. Any idea why this happens? Following is my JSP section ============================= <div onselectstart="return false" id="systemMenu" style="position:absolute;top:-75px; left:-20px; "> <label>Screen # : </label> <input tabindex="1" suggest_sel_event="selectScreenIdValue" type="text" title="Provide screenId and Hit Enter key" id="screenIdEntry" name="screenIdEntry"/> <button tabindex="-1" id="SUGGEST_screenIdEntry" onclick="suggestScreenIds()"></button> | <a tabindex="2" href="javascript:selMenu('showHomePage.do','PARENT','')">Home</a> | <a tabindex="3" href="javascript:doHelpFunc()" onmouseover="">Help</a> | <a tabindex="4" href="javascript:aboutiCargo('<%=mainWebBuildVersion%>')" onmouseover="">About</a> | <a tabindex="5" accesskey="o" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','logOffApp')">Lo<u>g</u>off</a> | <a tabindex="6" accesskey="x" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','exitApp')" >E<u>x</u>it</a> </div> =================================================== CSS Used In the page ===================== <STYLE> body{ margin:-1px; scrollbar-base-color: #C6CEDE; scrollbar-arrow-color: #000000; scrollbar-track-color: #C6CEDE; scrollbar-face-color: #C4CED9; scrollbar-highlight-color: #C6CEDE; scrollbar-shadow-color: #C6CEDE; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; } #footer{ position:absolute; left:1%; top:99%; width:97%; text-align:center; font-size : 8pt;font-family : Arial,Verdana,Sans-Serif; /*font:menu;*/ color : #000000; /*background-color:#CCCCCC; */ } .footer{ text-align:center; font-size : 8pt;font-family : Arial,Verdana,Sans-Serif; /*font:menu;*/ /*background-color:#CCCCCC; */ } div.footer table{ border-collapse:collapse; padding:0px; word-spacing : 0px; width: 99%; /*100% of container produces horiz. scroll in Mozilla*/ border: 0px; } div#systemMenu{ color:#ffffff; font-weight:bold; } div#systemMenu button{ border-collapse:collapse; color:#ffffff; font-weight:bold; font-size:12px; border: 0px none; background-color:1F3E6C; width:0px; height:0px; } div#systemMenu input{ /*font-family : Arial,Verdana,Sans-Serif; font-size : 8pt;*/ font:menu; width : 75px; height : 15px; color : #000000; text-transform : uppercase; background : #ffffff; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; border-top-width : 0px; border-top-style : none; border-left-style : none; border-right-style : none; border-bottom-style : none; border-collapse:collapse; } div#systemMenu label{ border-collapse:collapse; color:#ffffff; border: 0px none; background-color:1F3E6C; text-decoration : none; /*font-weight:bold; font-size:12px;*/ /*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/ font:menu; } div#systemMenu a{ border-collapse:collapse; color:#ffffff; border: 0px none; background-color:1F3E6C; text-decoration : none; /*font-weight:bold;font-size:12px;*/ /*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/ font:menu; } div#mainErrorDiv table{ padding:0px; word-spacing : 0px; width: 99%; /*100% of container produces horiz. scroll in Mozilla*/ } /*********************************FONT STYLES********************************/ .iCargoRedText { font-family : Arial,Verdana,Sans-Serif; font-size : 10pt; color : #336666; font-weight : bold; } .iCargoSmallText { font-family : Arial,Verdana,Sans-Serif; font-size : 7pt; color : #000000; } .iCargoPageText { font-family : Arial,Verdana,Sans-Serif; font-size : 10pt; color : #000000; } .iCargoErrorMessage { font-family : Arial,Verdana,Sans-Serif; font-size : 9pt; color : #336666; list-style-position : outside; list-style-type : square; } .iCargoInfoMessage { font-family : Arial,Verdana,Sans-Serif; font-size : 9pt; color : #000000; } div.loadBox { /*font-family: Arial, sans-serif; font-size:9pt;*/ font:menu; color: #FFFFFF; border: 0px none #FF3E3E; background-color: #1F3E6C ; text-align: center; position:absolute; } </STYLE> I have an HTML button on my webpage. When the button is clicked it opens the URL link. <input type="button" value="home" onclick="main.location.href='http://www.srisri.org'"/> I want to modify the button such that after clicking the button not only opens the webpage but also the font of the button changes to bold red. Hello Friends, Plz let me know how to hide content before clicking on Submit Button, the message should be displayed in a new pop up window only if we click on Submit button. Plz let me know hot to write the code for this.... Heya, This is my first post on the forums =] I just wanted to ask if anyone knew a code that produced a clickable button on your website that when clicked by a website visiter raises the number of a visable counter by 1? And, if possible one that could only be pressed once by the same IP address or Computer. I hope this is clear enough =] I don't mean a site counter that raises the number everytime someone comes onto the site. |