954,600 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

how do i keep a blinking cursor on the site?

hello, my 1st post....
i want to have a blinking cursor at the end of a sentence on my site. just like the blinking cursor on this page. does anyone know how to do this?
i cant figure it out. im a rookie at website design so please dont get too technical. any help would be greatly appreciated.
thanks.

defens29
Newbie Poster
10 posts since Jan 2004
Reputation Points: 10
Solved Threads: 0
 

The only way I could think of doing this is with DHTML. Check out http://www.dynamicdrive.com for some cool special effects.

cscgal
The Queen of DaniWeb
Administrator
19,437 posts since Feb 2002
Reputation Points: 1,474
Solved Threads: 231
 

thanks. i took a look around on the site you suggested. they have some cool stuff. but i guess im just looking for the HTML code that will enable a blinking cursor at the end of the paragraph that basically does nothing. it is just to give the effect that someone was just typing text. kind of like the movie 2010 if you know what i mean.
heres a link to my site that might give a better idea of where im coming from. its supposed to be kind of outer-spacey feel to it.
http://spacedive.panicnow.net/
any other suggestions anyone?

defens29
Newbie Poster
10 posts since Jan 2004
Reputation Points: 10
Solved Threads: 0
 

I understand what you mean. It's just that what you're asking for cannot be done with standard HTML. You need a scripting language such as DHTML to accomplish special effects on web pages. A blinking cursor is, indeed, a special effect ;)

cscgal
The Queen of DaniWeb
Administrator
19,437 posts since Feb 2002
Reputation Points: 1,474
Solved Threads: 231
 

hmmm, ok. i think i understand now. but after looking at that site, im still just a s puzzled.. LOL. i did a search for "blinking cursor" and didnt find what i was looking for. i found code for creating a custom cursor and i barely understand that...
can ya help a bit further?

defens29
Newbie Poster
10 posts since Jan 2004
Reputation Points: 10
Solved Threads: 0
 

Sure. Most web pages use HTML, hypertext markup language, to add formatting to standard text. For example, you can use tables, colors, bold/italic fonts, etc.

If you want to do anything beyond the scope of that, you need a scripting language such as DHTML or JavaScript, for example.

Dynamic Drive is the only site I know of that suppliies free DHTML code snippets. Unfortunately, I don't know the language myself.

If you could provide us with an example of where you've seen what you're asking for, I could help further. You mentioned you saw it here, at TechTalkForums? Perhaps you're referring to a blinking cursor inside a textbox where you type? (A blinking text I-beam inside a textbox is a standard Windows feature).

cscgal
The Queen of DaniWeb
Administrator
19,437 posts since Feb 2002
Reputation Points: 1,474
Solved Threads: 231
 

This would probably take alot of complex coding; it is easier done in flash, you can Google for Swish and mess around with the typewriter effect on there.

rixius
Posting Whiz in Training
233 posts since Nov 2003
Reputation Points: 12
Solved Threads: 3
 

thanks for the responses.
i didnt see it here. i think i just thought it would be a good idea.
basically, the idea is to have a non-functional cursor blinking at the end of a paragraph. just something that is blinking as if the writer has momentarily stopped typing in his word document. the mouse cursor would still be functioning seperately from this cursor because it is simply just something blinking on the page.
i just dont know how to make a cursor blinking on the webpage.
it would be an animated gif file that i would insert onto the page and place it wherever.
i hope i explained it better. because even im confused now. my ideas are always a problem.....

defens29
Newbie Poster
10 posts since Jan 2004
Reputation Points: 10
Solved Threads: 0
 

make an animated GIF and put it at end of each paragraph :)

jayant
Junior Poster in Training
95 posts since Nov 2003
Reputation Points: 46
Solved Threads: 1
 

great idea, but i wouldnt even know where to begin in making a gif...

defens29
Newbie Poster
10 posts since Jan 2004
Reputation Points: 10
Solved Threads: 0
 

use any good Image Editor program.
GIF Animator, PhotoShop (ImageReady) being the biggie/costly options but you can search for free ones also. They exist.

jayant
Junior Poster in Training
95 posts since Nov 2003
Reputation Points: 46
Solved Threads: 1
 

The best way is to do it with a GIF editor. You would need two frames. One with a "|" graphic and one without one. If you don't want a graphic, you could try something like this, but the only flaw is when the user clicks somewhere else, they would need to click back on this "invisible input box" to see the blinking cursor. This is the simplest way to do it. It's better to go with an animated GIF.

<html>
<head>
<script language="JavaScript">
 function setFocus() {
  document.someform.blinkcursor.focus(); 
 }
</script>
<style>
 input.cursor { 
  /* makes the inputbox borders disappear */
  border:none; 
 }
</style>
</head>
<body onLoad="setFocus()">
<form name="someform">
 The following is a blinking cursor <input type="text" class="cursor" size="1" maxlength="0" name="blinkcursor">
</form>
</body>
</html>
samaru
a.k.a inscissor
Team Colleague
1,256 posts since Feb 2002
Reputation Points: 262
Solved Threads: 18
 

use this html code
_

b0x
Newbie Poster
6 posts since Jan 2004
Reputation Points: 10
Solved Threads: 0
 
SMterminator
Light Poster
44 posts since Jan 2004
Reputation Points: 30
Solved Threads: 2
 
use this html code _

Does not work in Internet Explorer and AOL Browsers. I'm pretty sure its Netscape proprietary and I think it's deprecated as it is.

samaru
a.k.a inscissor
Team Colleague
1,256 posts since Feb 2002
Reputation Points: 262
Solved Threads: 18
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You