HTML - How Do I Allow Users To Pic A Color... With A Gui Color Type Input?
I have a social network. I want my users to be able to pic colors for certain things...
I'd really like to use the GUI that twitter has for this, but that could be expensive... So how do I do it? And how do i get smilies to input text into a text box like this one... Dynamic pages are going to be hard i think Similar TutorialsHi, I want to change the background color of my textbox on focus and change it back to white on onblur event. Issue: When i change the back ground color for text box on focus it properly changes it. But when i leave the focus from textbox border color for text box is impacted and its changed to white. Please help so that border color for textbox is not impacted only background color should change here is the sample code <code> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onfocus="this.style.background ='#cad5df'" onblur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> </body> </html> </code> Hello all! Does anybody noticed that font colors are treated as background color while printing in IE? I just set a <font color=#f0f0f0>MY TEST</font> or <span style="color: #f0f0f0">MY TEST</span> and, on screen, it's OK. On print preview, it goes black. I can print in grayscale only if I turn "print background images and colors" on. Does anybody has a workaround on it? It will be a watermark, so it should be printed in grayscale. I dont think I'm setting a background color, specially on first example (color of the font). Thanks! Hi everyone! I have the following input box code: Code: <style type="text/css"> textarea {background-color:FFFFF; background-image:url(); border-width:1px; border-style:inset; border-color:; color: 00000; font-family:Arial;} input {background-color: 3b5998; border-width:1px; border-style:inset; border-color:; color: FFFFF; font-family:Arial;} </style></center> <center> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input type="hidden" name="friendID" value="95663980"> <textarea name="f_comments" cols="50" rows="10">Write Something...</textarea><br> <input type="submit" value="Post"> <input type="reset" value="Reset"></form><br> </center> But for some reason, it isnt showing the background colors/font colors that I specify! Just black text with white background for buttons Any ideas on this? Also -- sidenote, is there a way to have it so when the user clicks into the textarea, it automatically clears the text thats in there already ("write something...") Thank you! I have the following tables coded in an e-mail which I send to new contacts to invite them to subscribe to our information network - there is more to the message but the rest seems to be working fine. When a contact receives the message and is just reading it, she or he can check the selections or the button to select the information category or the method of communication, but when she or he replies to or forwards the e-mail the selections disappear. Is there a way to retain the selections on the reply or forward? I also need this functionality for other e-mail requests. Any suggestions would be gratefully received. Please note: I am very much a novice and have inherited a lot of documents etc from my predecessor, i.e. the original e-mail is not of my own creation but one that I am attempting to modify to do what I need it to do. <TABLE class=resultscolor1> <TBODY> <FORM> <TR> <TD colSpan=5><BR> <DIV class=inputlabel1><FONT style="FONT-SIZE: 12pt; FONT-FAMILY: 'Times New Roman'" color=#0000ff size=4><B>Which of the following notices would you like to receive from GFTC? (Click to check a category; please select all that apply.) <BR></DIV></B></FONT> <TR> <TD vAlign=top><INPUT type=checkbox></TD> <TD><STRONG>Upcoming Courses & Events</STRONG></TD></TR> <TR> <TD vAlign=top><INPUT type=checkbox></TD> <TD><STRONG>GFTC Newsletter</STRONG> (Email editions in March & September. Print editions in June & December)</TD></TR> <TR> <TD vAlign=top><INPUT type=checkbox></TD> <TD><STRONG>Innovation Seminar Notices</STRONG> (events held for Members only; occasionally attendance is offered to Non-Members also; GFTC reserves the right to determine membership status)</TD></TR> <TR> <TD vAlign=top><INPUT type=checkbox></TD> <TD><STRONG>Industry Alerts</STRONG></TD></TR></FORM></TBODY></TABLE><TD colspan="5"><BR>How would you prefer to receive GFTC information updates? (Please select one.)<BR><BR> <DIV></DIV> <TABLE> <FORM> <TBODY> <TR> <TD><INPUT type=radio value="Email, Post" name=key4> </FONT>Email & Post<BR><INPUT type=radio value=Email name=key4> Email Only<BR><INPUT type=radio value="Fax, Post" name=key4> Fax & Post<BR><INPUT type=radio value=Fax name=key4> Fax Only<BR><INPUT type=radio value=Post name=key4> Post Only</TD></FORM></TR> </TBODY> </TABLE> When I view my site at 32 bit color at a res of 1028x1200, I can't see my hr lines. But when I view it at 16 bit I can. Anyone know why? And yes it and my CSS validate. Geoserv. edit: site www.apnaonline.ca Hi, I have got an anonymous emailer service but i want to change the input type into a drop down menu, How can I do this Here is my Code: Code: <!--Email Sender--> <h3>Your Email</h3> Select your email address from the list, Enter Subject, Then enter your text (use the additional header if you want). <div style="display: block; width: 1px; height: 10px;"><spacer type="block" width="1" height="10"></div> <form method=post action="https://riot.eu.org/cgi/remailer.cgi"> <label for="to" accesskey="r"></label> E-mail address:<br> <input TYPE="text" SIZE="20" NAME="to" id="to" MAXLENGTH="60"> <div style="display: block; width: 1px; height: 4px;"><spacer type="block" width="1" height="4"></div> Subject:<br> <input TYPE="text" SIZE="20" NAME="subject" MAXLENGTH="60"> <div style="display: block; width: 1px; height: 4px;"><spacer type="block" width="1" height="4"></div> Additional header (CC:,Bcc:,Newsgroup:..):<br> <textarea name="header" rows=3 cols=30></textarea> <div style="display: block; width: 1px; height: 4px;"><spacer type="block" width="1" height="4"></div> Message Text:<br> <textarea name="message" rows=10 cols=30 wrap=virtual></textarea> <div style="display: block; width: 1px; height: 6px;"><spacer type="block" width="1" height="6"></div> <div style="display: block; width: 1px; height: 8px;"><spacer type="block" width="1" height="8"></div> <input type="submit" value="Send" class="button"> </form> <div style="display: block; width: 1px; height: 20px;"><spacer type="block" width="1" height="20"></div> <table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td background="i/hr.gif"><div style="display: block; width: 1px; height: 1px;"><spacer type="block" width="1" height="1"></div></td></tr></table> <!--end Email Sender--> Thanks Hi, I'm novice in webpage creating, and i have this kind of problem : I'm creating a webpage, where users could post some kind of a comment... I don't know did i choose rigth, but i'm using "input type="text" ...> users write there a comment, and press submit button. This comment is sent to mysql database and saved there, after submiting it. Next step is placing it in a webpage. It works, but ot that way as i want. A problem is : I've added a code like <input type="text" style="650px; height:150px" name="msg"> Input area is about height of 7-8 rows. I want that it worked like this : user types a text, and when it reaches the end of a line, cursor jumpt to the beneath row. Now, user is writing everything in one row, and when it reaches the end - scrollbar apear on the bottom. I would like that scrollbar would apear then, when user reaches the bottom of the input area. Moreover - i would like that user could press the ENTER button, to jump to next row. Now, when he does this - submit button is activated, and a written text is sent to the database. Should i use CSS? or ... i'm really green here, and don't know what to do .. hope anypne will answer to my SOS call How do I change the color of my links? Hi guys, I have this style: .inputlink { font-family: Arial; font-size: 8pt; color: #CF2F31; font-weight: regular; } and using it here. <span class="inputlink"><a href="www.atglink.com">www.atglink.com</a></span><br/>\n'); But still the link is showing in usual blue. Can someone help, please? Thanks in advance. Shiyam I have googled and googled and i still can find this simple question. I wanna know how to make text color boxes. So for example like.. what im talking about is like. picture just inverting a box around a word. so its a black box around in and white text inside. I wanna know how alter the text color and the box color. thx again. Hi, I'm having a problem with layout I'm doing. I'm currently using all HTML. I have <div> tags for each section, and, not that I have to keep it that way - but it seemed uniformed. Anyway, onto the problem. I have the bg of my page, let's say yellow. Then I've got two <div> sections - one for navigation and one for content. The <div> section for content has a white bgcolor, and I set up the <div> section for the navigation the same way - with a white bgcolor. Problem is, everytime I type in the <div> navigation & content section the yellow bg shows up. When I press enter, the white bg shows, press enter again and type, the yellow bg. I'm also working with a style sheet so there's not alot of formatting in the body, which I prefer. Here is the code for the layout: <body> <!--Sagmar logo at top of page--> <div id="img"> <img src="siteImg/logo.jpg" width="607" height="230" alt="Sagmar Leather"> </div> <!--Navigation section--> <div id="nav"> <p> </p> <p><a href="#">Home</a> <p><a href="#">Products</a> <p><a href="#">Contact Us</a> <p><a href="#">Disclaimer</a> </div> <!--Content for webpage--> <div id="content"> <!--Start typing content here--> dsfdfds</div> </body> _____________________________________ Also here is the style sheet code I'm using: body, p { background-color: #FF9D0B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #993300; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FF9D0B; scrollbar-track-color: #FFFFFF; } #nav { border: 2px; border-style: solid; border-color: #993300; background-color: #FFFFFF; position:absolute; width:105px; height:592px; left: 10px; top: 254px; text-align: center; font-weight: bold; } #content { border: 2px; border-style: solid; border-color: #993300; background-color: #FFFFFF; position: absolute; width: 491px; height: 592px; left: 125px; top: 255px; } ______________________________ I'm also using a style sheet so that I don't have so much formatting in the actual body. So the question is - is there someway to get the <div> navigation & content sections to stop acting like this (yellow, white, yellow, white)? Should I just use tables instead? (But if there is a way to stop it and keep using <div> I would like that too). BUT if tables are the way to go, it wouldn't kill me. Thanks for any input on this. This thread at the other site hasn't helped: http://www.coffeecup.com/forums/webs...colored-lines/ Is there any code I can use that will render a color line in Internet Explorer and the other browsers? All I have working now at http://www.ColoradoProcessServers.net is the Netscape browsers. I need help deciding on a color scheme for the Washington Huskies. I don't want it to be to bright but right now it's purple and black so it needs to be a little lighter. Could you also specify what to make the colors like text or background or whatever. Thanks. Hi, Could anyone say what the exact color codes for every color on this picture are for HTML? Or should I take colors, which look almost the same? Or Do i have to mix colors myself? hi all how do i change color for this code its for php tags Code: echo 'Not bad, you scored average'; i want it to be red thanks I'm just wondering how I can find the code to change for the background color of my site. Someone else designed it, and they have left the project so I can't ask where it is. Here is the index.html file, where I'm guessing I should be able to find the place to change it (?) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Baller Magazine</title> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <link href="baller.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> <!-- function openwin() { window.open('http://www.goodglobalgames.org/js/', 'win','width=870,height=700,status=no,scrollbars=yes,directories=no,menubar=no,resizable=no,toolbar= no'); } // --> </script> <script type="text/javascript"> <!-- function openwindow() { window.open("contact.html", "", "width=600,height=650"); } // --> </script> <SCRIPT SRC="select.js" LANGUAGE="javascript"></SCRIPT> <style type="text/css"> <!-- .style4 {color: #FFFFFF} --> </style> </head> <body onload="MM_preloadImages('images/head-o_05.jpg','img/defblog2.1-o.jpg','img/signup-o.gif')"> <div style="width:940px; margin: 0 auto;"> <table border="0" cellpadding="10" cellspacing="0" style="margin:0 auto; width:940px;"> Or is it in the css stylesheet? I would appreciate any help someone out there can provide. Thank you ima noob. To this forum and html as well so please be gentle. i brought lube...lol I'm trying to change the color of the 'bar' between two frames. The frame on the left I have set to 'no scroll' and i want to change the color of it. I know how to change the color of scroll bars, arrows... but how do i change just the bar? I've been using JS to change the colors of the scroll bar. Is there another way? like css. Hello, all! Newbie here.. and I mean a newbie! I am desperate to find out the color code for the attached color... any idea how I can find out? I tried to do a side by side comparison on a color chart.. and it just never matches right. I am hoping that one of you folks who have a clue what you're doing have a trick for figuring this out! Thanks so much!! Can you change the color of the 'Title' of a page? For instance, I would like to update the title of my webpage to warn when the site is going down for maintenance, so during these times, I would like the message to be red. Thanks. hiii. this may be a silly question, but i still cant figure out how to add the color of the border in the <img src> code. for example... <img src="lalala.jpg" border="2" BORDERCOLOR="??"> or is it not possible? |