|
HTML - Text Area Resizing On Chrome 2 And Safaro 4
hello all,
I am facing a wiered pbm on text area resizing in chrome 2 and safari 4. I have on textarea which gets enabled/focus upon completion of one method (init()) . But after successful execution of init() method that text area doesnt enable user to type UNTIL user resizes the text area. I have put a css to disable the resizing of text area with resize:none style. but still the text area on chrome 2 and safari 4 isnt getting snabled/focus after init() method. Any one plz help me to solve this , will be very thank ful to him. I have even tried few options like increase the size of text area but didnt wrk, What worked is if while defining text area if I put default value , then only it focus the text area afyer init() method. But this options clashes with my requirment thanks Ani Similar TutorialsHello everybody, I'm writing here because I'm having a problem with Chrome resizing a table. I have a table representing one day (24 hours). In this table I draw activity bars using colspan. The precision for activities start/stop is 2 minutes, so I draw a table containing 30*24 <td/> tags. The table has 100% width as I want the chart to be resizable. The result is great in Firefox and IE8 (all columns resize the same way), but in Chrome, when downsizing page width, the columns resize one after the other, starting from the first. So the chart scale gets corrupted. Here is a sample code I used to reproduce the issue : Code: <html> <body> <table border="1" cellspacing="0" cellpadding="0" style="table-layout:fixed;width:100%;word-wrap:break-word;"> <tr> <td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/><td/> </tr> <tr height="30" valign="middle" align="left"> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex;">0h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">1h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">2h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">3h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">4h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">5h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">6h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">7h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">8h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">9h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">10h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">11h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">12h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">13h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">14h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">15h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">16h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">17h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">18h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">19h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">20h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">21h</div></td> <td colspan="30" align="left" style="border-right:1px solid #dddddd;"><div style="padding-left:1ex">22h</div></td> <td colspan="30" align="left"><div style="padding-left:1ex">23h</div></td> </tr> </table> </body> </html> Any idea about what's going on? Thank you very much for your help Stephane Hi there, I have some text inside a layer and I am pretty happy with it. Trouble is that I would like to disable the resizing from the browser so that the user cannot choose a text size that would mess up my text. I am refering to "View > Text Size" in IE. Can u help? Thks hi Everyone, I have a html form in which i have a text area.I enter some thing in the text area and when i again request for the same html page i want to now display the html page with the changes i made last in the texta area. Can anyone help me out with this doubt. Thanks in advance I have made a layout for guild in an online game i play im new to html because im 14 so im not very good. The text at the top i want as one blog area but i want a second blog area underneath thats under a spaer here is the code i used for the first blog area <div style="position:absolute;left:450;top:330;width:375;height:304;overflow:auto"> But when i use the same code to make a second area but change the pixels to place it elsewere it just keeps messing up please could someone help me with this i need it soon Ok im pulling my hair out, im trying to make a small text area scrollbox. How od I change the font face, color and background color? Thank you, this is what I have so far please help. Quote: <html> <head> <title>Page title</title> </head> <body> <textarea rows="3" cols="10"> </textarea> </body> </html> Hey all, I'm not sure if this goes here, but I believe my question is a combination of both HTML and perl (cgi script). I have a website with multiple forms, one being a text area. The user is going to copy/paste test from a file into that text area. The thing is, it has to keep the formatting, so whatever the user typed in the text area is EXACTLY what gets sent through the email. I have worked around this and when using the unix's mail client, i sent it as a content-type: text/enriched. this kept the formatting of the text area and still allowed me to bold some things on the email. What I WANT to do, is send it using Content-type: text/html but still keep the formatting in the text area. Hope this makes sense, thanks. Hello Everyone, I know it's been forever since I made a post, but I ran into something I can't figure out on my own and I am hoping that someone here might be able to give me a hand. I recently spoke with a potential client that wants to copy a feature on another website: http://batchgeo.com/ as you can see, on batchgeo.com the end user can paste data from excel into the textarea field, then when the user clicks out of the textarea, it formats the data to look like it is in a table. Does anyone know how they are doing this? Thanks in advance for any help. -A Ok, I don't have a way to show you how it's not working, but I would like to put text boxes under each comment picture on my comments page (much like you see on comment sites for MySpace and other networking sites), where the user may copy and paste the code into their own pages and use the images I provide. I found out how to do a basic 'form' with the name being "blank" and the value being the link to my desired image in my FTP, with the "ftp://ftp." taken out and replaced with "http://". So far, all attempts have been futile, and I'm not sure just what I'm doing right or wrong anymore...can anyone help me out? Please note that I'm vision impaired, and it may be somthing as small as me not seeing a particular tag or something, but I doubt it, as I've used my screen reader to read th ecode for me both when inputting it and reading it. I also note that my posts are in larger font so I can read them easier, I'm not telling anyone to do this, only asking, to please reply in size 3-4 for me please...and th kindly Here is an example of what I've done, which didn't work: <form> <input type="text" name="blank" value="<center><a href="http://silverwolfden.com"><img src="http://silverwolfden.com/images/comments/compliments/great_pic/great_pic_10_1_sw.gif" alt="Silver Wolf Den" border="0"></a><br><a href="http://www.silverwolfden.com" maxlength=30 maxheight= 5></a></center>"> </form> If you'd like to see my website (even though there's no way to see what the problem is I noticed ppl were asking to have ppl post the sites they work on it's http://www.silverwolfden.com Hi, i have the following text <td><span (some style stuff) ><a href="http://www.mysite.co.uk">We are a company in the UK that blah blah blah <br /> Our website is great blah blah </a> </span> </td> This is sitting in a table, i'd like the area where the text is located to be hyperlinked (e.g if you go anywhere inside this table cell, the mouse turns to a link) to 'www.mysite.co.uk' etc., not just the text itself.. how can i do this? Thanks P&P Is there a way to put text in a type of fixed width and height area? If I make a table that is 100 x 10px and type inside it, if there is too much text it will stretch the table until all the text shows inside. I want it to just cut off everything that is bigger than the demensions specified. i am encountering problem when im inserting "%d" charecters in a text area and click submit button... when i insert those two characters individually it is working... but when i insert those two characters together there the browser is giving following error.... Quote: Your browser sent a request that this server could not understand. Hey everyone, I feel like this is a noob question, but I'm going to ask anyway. How do write my site so that my body stays in the same place and doesn't smash together when I manually resize my page? Any help is greatly appreciated. Thanks Hi everybody, I created a training/FAQ/general information website at work and now I'm trying to take the website a step further, both aesthetically and functionally. I don't have a lot of formal training in web page design or coding, so please forgive me ahead of time for my lack of knowledge. I have noticed that when some users view the website on their computer that their zoom or text settings take precedence over my code. Is the fix for this as simple as defining the text size or are there additional steps that I need to take to ensure that the text doesn't resize and my tables/menus don't run off of the visible page? Here's some quick info about my site: - It's essentially a series of documents viewed in a browser (calling it a web page, in the traditional sense, feels like I'm lying since there's no URL & no server). - It's entirely client side scripting...HTML and Javascript, with some external CSS markup. I don't have the resources or permissions to use PHP or ASP or anything like that since I'm not a computer administrator. - The only browsers being used are IE 6.0 and 7.0 Thanks for the help... Hi... I have two (hopefully simple) questions: First, is there any way to make a table resize automatically to fit a browser window regardless of the size of the window when the table contains images? I know how to make the table fit the window using <width="85%">, but that only works to a certain point. What I would like to have the image resize itself as the table shrinks. Is this possible? Also, How do I get text to wrap around an image. Like have the image in the upper left corner. Then the text would start at the top of the image directly to it's right and continue on to the bottom of the image. Then it would drop down below the image all the way to the images left edge. I hope I am asking this correctly. Thanks in advance! I was just wondering if this here was the right code: HTML Code: textarea {
resize:none;
I'm just checking because my editor seems to have a problem with this code. (Coffe Cup) Hello, I have a text area which is programmed to be dragged around the screen, and then the coordinates are saved. Would anyone happen to know if there is any way of changing the shape of a text area to be circular? Thanks! Is it possible to get the initial value of a text area to be in any tags (like the italics tag for example)? How I can set the scrool bar so that the vertical bar will show? When the typed text exceeds the horizontal space area, cursor will be moved into next line without hitting the Enter key. Hi I have a php form on the contact section of my website. It has a Name, Email and Message Box My Problem is in the message box i have made it quite large so they can type in what they need. But the blinking line to show where the start of the text is is in the centre of the box. How can I align this to the top left? Many Thanks I'm using a jquery plugin that creates a grid view using a table. Inside the cells i have text areas that i'm manually sizing using the rows attribute, to fill the td. It's not working very cleanly though. Does anyone know of a way to get text areas to automatically size themselves to a containing td? thanks, max |
|||||||