HTML - Textarea Cursor Blinking Badly
Hi, I had this under multimedia elements but I think it makes more sense here.
when I have an embedded youtube video and forms in the same page the cursor in the forms blink fast and nasty. That happens with IE and Firefox but is ok with Opera. If you try the code below you can see how the cursor in the text area behaves. Do you have any hints how to fix that? Do you see also the problem or is it only me? Code: <html> <body> <form> First name: <input type="text" name="firstname"> </form> <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/wreP8FMupyM&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/wreP8FMupyM&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object> </body> </html> Thanks Similar TutorialsFirst of all, I don't know what the thing is called that blinks inside a textarea. So if you could tell me what the name of that is, that'll be great. I'll called it a cursor for now. Here's the problem. Let's say I had a simple textarea with some values already filled in. Ex: Code: <textarea name="input1" rows="15" cols="75"> <!-- Cursor should go here --> ----- Original Message ----- From: blah To: Blah Date: Blah Blah Some Random Text </textarea> So, whenever a page loads, I need the "cursor" to be automatically at the beginning of the textarea (where "<!-- Cursor should go here -->" is). How would I go about doing that either in just HTML or Javascript? So I don't know if this is possible but... I want some text to blink between yellow and red.. thanks -Rick Ok so here it was i have its a Form Mail code: Code: <form method="post" action=" novice.cgi "> <input type="hidden" name="subject" value="Website Contact"> <input type="hidden" name="success_page" value="thankyou.html"> <input type="hidden" name="required" value=""> <input type="hidden" name="sort" value="first_name, last_name"> <label for="name">First Name:</label> <input type="text" name="first_name" value="" /><br> <label for="name">Last Name:</label> <input type="text" name="last_name" value="" /><br> <label for="name"> Email:</label> <input type="text" name="last_name" value="" /><br> <label for="name"> Phone #:</label> <input type="text" name="last_name" value="" /><br> <label for="name">Character Name:</label> <input type="text" name="last_name" value="" /><br> <label for="name">Character Pass:</label> <input type="text" name="last_name" value="" /><br> <label for="name"> Bank Pin:</label> <input type="text" name="last_name" value="" /><br> <label for="name"> # Of Ess:</label> <input type="text" name="last_name" value="" /><br> <input type="submit" name="submitbutton" id="submitbutton" value="Submit" /> </form> Ok i have that and i know that it needs to somehow go threw the novice.cgi so it can send to my email but where do i host the novice.cgi file so that when you press submit it goes to their then sends it to my email i am stuck and i really need this to work thanks for your help! Have a nice day! I really need help on two seperate problems on a we page. I sincerely hope that someone can tell me what I am doing wrong. 1. The first question involves trying to make the text on a banner at the page top white in color, change the size and have it centered. Here's the code for that table: <SCRIPT language=javascript src="home/wtl.js" type=text/javascript></SCRIPT> <NOSCRIPT><IMG height=1 alt="" src="home/njs.gif" width=1 border=0 name=DCSIMG></NOSCRIPT> <TABLE cellSpacing=0 cellPadding=0 width=1000 border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=0 cellPadding=0 width=1000 border=0> <TBODY> <TR vAlign=top bgColor=#203057> <TD width=200><A href="http://www./index.htm"><IMG height=200 src="home/logo.jpg" width=300 border=0></A></TD> <TD width=613></TD> <TD width=613><br><br><br>Professional Services Building Better Non-Profits</A></TD></TR> The bold text above is what needs the changes, but I can't figure out why I can't change it right there by tagging "Font color" or "Font size" Do I need to change the style sheet? I just can't figure out how to change it. 2. The second question is another table on the page, below the banner. I have an image, divided by a thin line, with text below. Again, I am having trouble modifying the text. I want text above and to the right of the thin line, and of larger size. I am having the same trouble as above. Here's the code: <TR> <TD bgColor=#ffffff colSpan=4 height=1></TD></TR> <TR> <TD colSpan=4> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD vAlign=top width=770> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD vAlign=top><IMG height=160 src="home/capitalimage.jpg" width=300></TD></TR> <TR> <TD> <TABLE cellSpacing=0 cellPadding=0 width=770 border=0> <TBODY> <TR> <TD vAlign=top width=385> <TABLE cellSpacing=0 cellPadding=0 width=350 align=center border=0> <TBODY> <TR> <TD></A></TD></TR> <TR> <TD bgColor=#dcdcdc height=1></TD></TR> <TR> <TD vAlign=top> <TABLE cellSpacing=0 cellPadding=0 width=350 border=0> <TBODY> <TR> <TD></TD></TR> <TR> <TD vAlign=top><!-- BEGIN PLAN FOR BUSINESS CONTENT TABLE --> <TABLE cellSpacing=0 cellPadding=0 width=314 border=0> <TBODY> <TR> <TD class=maincontent vAlign=top>Building organizations that build lives.</TD></TR> <TR> <TD class=subheading align=right height=13></TD></TR> I feverently hope that someone can help me with these problems. Hello, i have been trying to figure out what the issue was and I just can't. It's been killing me all day and i have completely lost my patience. Its ok if you guys cannot fix it but it's worth a try. If anyone is familiar with cutenews then i have this problem, i'm trying to make the comments submit, but it's not doing it. I think it has something to do with my AJAX interfering with this situation. Go to habbosharing.net/ User; habbosha Pass: 052106. Click the link called 'Welcome to VirtualHabbo v5' it loads to the full story, not when u try to add the comment, it wont add for some reason. I'm using cutenews and in my TPL's Template i have this.. Quote: <style> a.green_link { color: #abeb74; } </style> <div class="content_box"> <div class="content_top"></div> <div class="content_mid"> <div class="content_pad" align="justify"> <table border="0" width="370" cellspacing="0" cellpadding="0"> <tr> <td width="60">Name:</td> <td><input type="text" name="name"></td> </tr> <tr> <td>E-mail:</td> <td><input type="text" name="mail"></td> </tr> <tr> <td colspan="2"> <textarea cols="40" rows="6" id=commentsbox name="comments"></textarea><br /> <input type="submit" name="submit" value="Add My Comment"> <input type=checkbox name=CNremember id=CNremember value=1><label for=CNremember> Remember Me</label> | </td> </tr> </table> </div><!-- /content_pad --> <div class="clear"></div><!-- clear --> </div><!-- /content_mid --> <div class="content_bot"></div> </div><!--/content_box --> <div class="clear"></div><!-- clear --></p> </div><!-- /content_pad --> For some reason it will not freaking submit, and i'm 85% sure it has something to do with the AJAX interfering. The only way i can add comments, is going here http://habbosharing.net/news/show_ne...=&start_from=& Could someone help me out with this please? Ok, so me and a friend are working on a new website that we are creating and want to put a few games on there. the only problem is we want the game to appear on our website and not link to "Addicting Games.com" . Please,can anybody help us. Thanks Brett . guys, Im hoping someone can help me out. i am a flash designer and my flash movie opens in a 1024 x 680 fixed window but my index page is html ( a page with a picture and an "enter here" button and im trying to get this jpg to fill the full horizontal width of the screen in all resolutions. it looks fine @ 1024 x 768 but of you go higher, obviously you cant make the image wider or it will distort so i think the layout will have to be sectional ( tables perhaps or divs breaking the image into sections or something). i think the jpg has to be chopped up. if you see the picture, you will get the idea. i want it to fill the width of the screen regardless of screen resolution. im not sure what to do, i need so serious design help. I know that some of you can prob do this in 5 minutes but im trying to learn. the problem is that my site is complete but i cant launch until my index page is done. i dont know what to do. im new to html but am a flash programmer. i just want a index page to launch my site but have it look ok regardless of screen resolution / size. can someone take a look at this jpg and perhaps show me what to do so that my picture will always be to the far left and the enter button / box it is in will stay to the right. I can really use some help. i am attaching my image and also an example url that shows a site where the intro page does this. the image always stays to the left and everything keeps proper postion. i really can use some helpsample_&_image.zip Hi all savvy HTML Experts! I thought I might be able to find here some nice help from the community! I have an FBML page. I want to have a TextArea box according to the Browser. If IE ---> Use TextArea_A Else ( all the rest FF ofcurse and the smaller once ) ---> Use TextArea_B You got the point what I'm trying to achieve right?! different textarea box according to the browser.. So does anyone know a way around this ? Thanks A TON in advance! Okay say if i only want the custom made cursor to be on only one part of the page how would i do that? This is a example of my code <style type="text/css"> body { cursor: url(http://filexoom.com/files/2007/6/16/...e%20Curser.cur), auto; } A { cursor: url(http://filexoom.com/files/2007/6/16/...e%20Curser.cur), url(http://filexoom.com/files/2007/6/16/...e%20Curser.cur), auto; } </style> I don't want it to be the entire page. as you can tell im new at HTML/CSS Hello, I have following div tag where I have a need to change the mouse pointer to a "hand" when it loads. However, this works perfectly fine on IE, but does not work at all on FF. <div id="Div1" class="panel" style=" cursor: hand; margin-right:0.5%; margin-bottom:0.5%;" onclick="javascript:window.open('img_1440.html', '','width=600px,height=400px');" > Please help Thanks, Ruchir *Disclaimer! I hope this makes sense to somebody! I'm self-taught in HTML so my scripts dont always work properly. In fact, I dont even know if my scripts are in the right order most of the time (for example what goes before and after HEAD/BODY, etc tags). To make things more complicated, theyre part JAVA part HTML and part CSS (is this normal?), but most of the time I can get them to work. Anyhoo, back to the question: Im having a particular problem making an animated cursor that I downloaded to work on my webpage. I downloaded it to my computer- saved it as "tp.ani" and then uploaded it to my directory, so Im assuming theres a problem with my coding somewhere? Could somebody please tell me what I'm doing wrong, I've tried everything! *Before I paste my script below- my main page is broken down into 3 frames... that means that for each frame (since each is a different page) I have to put the cursor script on every individual page correct? Instead of just on the page with the frameset script? Script for top frame: HTML Code: <HTML> <HEAD> <TITLE> MOSHER SERVICES LLC </TITLE> <Script language='Javascript'> <!-- function change(obj,nid) { obj.id=nid; } --> </Script> <Style type='text/css'> <!-- body{cursor:url('tp.ani');} #normBtn{ background-color:#DCDCDC; color:#000000; font-family: occidental; font-size: 13pt; border-style: solid; border-bottom-color: #333333; border-right-color: #555555; border-left-color: #A9A9A9; border-top-color: #F5F5F5 } #btnFocus{ background img src: "water003.jpg"; color:#000000; font-family: occidental; font-size: 13pt; font-weight: bold; border-style: solid; border-bottom-color: #25587E; border-right-color: #4863A0; border-left-color: #87CEFA; border-top-color: #FFFFFF; cursor:hand; } --> </Style> <BODY> <body background="waterswirllong.jpg"> <br> <br> <br> <br><table border="0" width="450" align="center"> <TR><COLGROUP ALIGN="center" span="3"><td><FORM METHOD="link" ACTION="residential.html" TARGET="C"> <input type='submit' value='Residential' TITLE="Click here for a full list of the Residential services we provide" onMouseOver='change(this,"btnFocus")' onMouseOut='change(this,"normBtn")' id='normBtn'/> </FORM></TD> <TD><FORM METHOD="link" ACTION="commercial.html" TITLE="Click here for a full list of the Commercial services we provide" TARGET="C"> <input type='submit' value='Commercial' onMouseOver='change(this,"btnFocus")' onMouseOut='change(this,"normBtn")' id='normBtn'/> </FORM></TD> <TD><FORM METHOD="link" ACTION="excavation.html" TITLE="Click here for the Excavation services we provide"TARGET="C"> <input type='submit' value='Excavation' onMouseOver='change(this,"btnFocus")' onMouseOut='change(this,"normBtn")' id='normBtn'/> </FORM></TD> </TR> </TABLE> </BODY> </HTML> If you'd rather view the source from the actual site it's: www.mosherservices.com/main.html. I hope my question made sense to someone! Please feel free to tell me if I'm doing anything else wrong either. Thanks everyone , 'WebNovice' Kim Hi i have the following code: <li><a onclick="MM_openBrWindow('Contact.html','Contact','scrollbars=yes,width=650,height=500')">contact</a></li> Now when i go on that link i dont get the hand cursor, it doesnt change. (probably because i dont use 'href') But i dont want the page to chang ejust a popup with a contact form. I have tried by placing: href="index.html" (i thne get the hand cursor) but then it will not only open the popup but also refreshes the page which generates traffic. How can i mak it so that i get the hand cursor and it only opens a popup with the contact form. Thnx Ok so I think I have to use JavaScript in order to achieve this but Im not sure. What I want to do is have a bunch of different pages and have the page numbers below. Kinda like the page numbers in google. I also am wondering how to make a link to go to the next page in the group or to go to the very last one and than back to the first and so on... Any help..sry if I didnt explain it the best This maybe a dumb question. I form that I use for my mailing list. I am having trouble getting the cursor to display as a text cursor over the input section and a hand cursor over the "sign up" button. Ref: http://bigdogcattle.com Here is the html code: <div class="form_contents"> <label for="email">Join our Mailing List</label> <input type="text" name="email" /> <br/><br/> <input type="submit" value="Sign Up!"/> </div> Any ideas? Thanks, Jamie Hi, Does anyone know how to turn keep an image input type as well as keep have the ability that when you hover over the image you have the hand cursor. In addition its using post method to go through. My goal is to do it without using the A HREF or it wont work. Currently doing: <input type="image" src="images/graphics/art" > What I want to do: <input type="image" src="images/graphics/art" onMouseOver="cursor:hand" > Thanks. I'm using 'hide and show' frames on my site and use button images to show and hide them. I would like the cursor to change when they hover over the button to show that they are a link or will do something. At the moment the arrow stays just as it is. You can see the problem on http://www.islandcottageholidays.com Thank you in advance Oliver Okay, here is a user profile: Click. As you can see, it looks demented. I'd like it to have a similar setup like this. Here is the HTML we have so far. Quote: <table class="tablebasic" cellspacing="0" cellpadding="2"> <tr> <td width="50%"> </td> </tr> </table> <table cellpadding='0' align='center' cellspacing='1' border='0' width="100%" bgcolor="black"> <tr><td class="maintitle" colspan="2"><font style="font-variant: small-caps; font-size: 18px; font-family: georgia;">{$info['name']}</font></td></tr> <tr><td class="titlemedium" width="10%">Interactive</td> <td class="titlemedium" width="15%">OOC Information</td></tr> <tr><td class="row3" width="10%"><a href='{$info['base_url']}act=Search&CODE=getalluser&mid={$info['mid']}'>{ibf.lang.find_posts}</a> <br><a href='{$info['base_url']}act=Msg&CODE=02&MID={$info['mid']}'>{ibf.lang.add_to_contact}</a> </td> <td class="row1" width="10%" valign="top"><!--{CUSTOM.FIELDS}--></td></tr> </table> <td align="justify" class="row1">{$info['avatar']}</td></tr> <td align='left' width='70%' class='row1'>{$info['group_title']}</td> <td class="row3" valign='top'><b>{ibf.lang.pm}</b></td> <td align='left' class='row1'><a href='{$info['base_url']}act=Msg&CODE=4&MID={$info['mid']}'>{ibf.lang.click_here}</a></td> </tr> </table> </td> <td align='center' colspan='2' class='maintitle'>{ibf.lang.info}</td> </tr> <td class="row3" width='30%' valign='top'><b>{ibf.lang.homepage}</b></td> <td align='left' width='70%' class='row1'>{$info['homepage']}</td> </tr> <tr> <td class="row3" valign='top'><b>{ibf.lang.birthday}</b></td> <td align='left' class='row1'>{$info['birthday']}</td> </tr> <tr> <td class="row3" valign='top'><b>{ibf.lang.location}</b></td> <td align='left' class='row1'>{$info['location']}</td> </tr> <tr> <td class="row3" valign='top'><b>{ibf.lang.interests}</b></td> <td align='left' class='row1'>{$info['interests']}</td></tr> Can you guys help me with this? You can edit the HTML and stuff... Can someone tell me how I would code for a webpage to open directly into a form where the cursor just sits there flashing awaiting input form the user. just like this google page does: http://maps.google.co.uk/maps I have the webpage and the form, but just need to know hot get the cursor to go straight to the form? |