Wrox Programmer Forums
Javascript General Javascript discussions.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Javascript section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
Old March 6th, 2006, 11:59 AM
Registered User
Join Date: Mar 2006
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default Drawing Shapes


I am trying to find a way for drawing shapes on a web page.
(specially rectangles)
But i don't want to use <div> or <span> tags for this.
Because i want to use my rects in table rows.If i use these tags problems occur in FF or IE.
I expressed my problem in Javascript Forum because i think this problem can be overcomed with Javascript.
As i say i try to use <div> or <span> tags and absolute positioning but i met with problems genarally in FF.So i don't want to use them.

Is there any OTHER method for this problem???
If you help me i will be pleased.

Thank You...:)

Old March 6th, 2006, 01:33 PM
richard.york's Avatar
Wrox Author
Join Date: Jun 2003
Posts: 1,706
Thanks: 0
Thanked 6 Times in 6 Posts

Without more information about what you're doing, I assume you're looking for SVG, which unfortuanately only works with the latest browsers; Firefox 1.5, Opera 9, Safari 2. Support in these browsers is also preliminary, and may not quite be up to snuff for production usage of this new technology.

IE does not support the SVG standard. Alternatively, in Explorer, there is the proprietary VML feature.


Then there is also the <canvas> element, which is part of the WHATWG HTML 5.0 specification.


I can't recall which browsers support that, but think it is Firefox 1.5, Safari 2, and Opera 9, again no support in Explorer.

Then again, there may be a simpler solution for your problem using plain CSS and markup, but it's difficult to ascertain what you're going for from the description you've provided.


Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design
Old March 6th, 2006, 02:25 PM
Registered User
Join Date: Mar 2006
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts

Let me explain it as i can;

I try to develop a tree component that already exits.This tree works like this:(shortly)
|img1 (open or close)|checkbox|img2(image)|title|NEW AREA|
    |img1 (open or close)|checkbox|img2(image)|title|NEW AREA|
.... and so on

NEW AREA:I want to add here a graphical area.(a rectangle)
I try this with <div> and <span> tags but problems occured.
I give absolute positioning in these tags but i never achieved what i want in both FF and IE.

I do not post the code,because adding this area is just a module in the tree script so it will not be understandable.

But if you want i can explain it like this:In the function for each itemObject a row is inserted to the table.And each column in the row stores the variables above.
itemobject-- <TR>
.... and so
              </TR> itemobject finished

I try to add my graphical area to a new column in the row.And as i say i use <div> or <span>.

I just try to find the way that is possible for this so i do not waste time with impossible ways.
The possible way that gives the same result both in FF and IE.

Thank You Very Much Again...

Similar Threads
Thread Thread Starter Forum Replies Last Post
drag and drop shapes michaelcy Java GUI 0 March 16th, 2007 09:27 AM
.Shapes.AddFormControl(xlListBox Wall st Guru Excel VBA 0 March 18th, 2006 08:36 AM
drawing shapes (advanced) FFinn Javascript How-To 1 September 28th, 2005 10:19 AM
Dragging shapes rajanikrishna Pro VB 6 0 October 19th, 2004 08:35 PM
saving images and shapes together saiyedriyaz BOOK: Beginning Java 2 1 June 12th, 2004 08:23 AM

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.