Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web
Expertise: Intermediate
Aug 20, 1998

Create Horizontal and Vertical Lines Using DHTML

It's possible to dynamically create horizontal and vertical lines and rectangles using Internet Explorer 4.0 Dynamic HTML to alter the width and/or height of a single pixel image. Using this method and lots of code it could even be possible to create a rudimentary bar graph. The following code shows you how to alter the length of a line in response to the user clicking on a link.
 
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function setLine (linewidth) {
   redline.width=linewidth;
}
</SCRIPT>
</HEAD>

<BODY>

Select width for line below: <A
HREF="javascript:setLine(50)">50 pixels</A> or
<A HREF="javascript:setLine(200)">
  200 pixels</A><BR>
<IMG ID="redline" SRC="redpixel.gif" WIDTH="125"
  HEIGHT="2">

</BODY>
</HTML>
Boris Feldman
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap
Thanks for your registration, follow us on our social networks to keep up-to-date