Jump to content

Join the dots or rather the check boxes.


Recommended Posts

Hi

 

Does anyone know of a way to get this <a href="http://trichuris.cap.ed.ac.uk/tmp/required.jpg">screenshot</a> type of display in all browsers.

 

My curret set up (<a href="http://zeldia.cap.ed.ac.uk/clade_test.shtml">here</a>) uses a background image in a table and it's great in firefox if you don't change the size of the text but what good's that...

 

So is there another way to tackle the problem; showing the relations between checkboxes (drawing the lines) relative to where the browser positions the checkboxes? Something like an image map but I don't think you can have checkboxes with them.

 

Any advice/sugestions appreciated

Thanks

Link to comment
https://forums.phpfreaks.com/topic/38343-join-the-dots-or-rather-the-check-boxes/
Share on other sites

You could probably do it in javascript and draw the lines dynamically. The javacript will then put in spans that are 5 pixels high and have a black background and absolutely position them.

 

Or rather than use HTML check box do it in flash instead. You can not really do what you want with just html and CSS.

I agree with wildteen88; probably there is no good or easy way to do this with html/css/js.

Seems like a fun challenge though :-)

 

My suggestion would be to arrange your hierarchial structure horizontally rather than vertically. Then you will eliminate the problems with text size etc. and in most aspects get an easier task to accomplish. You could make use of solutions typically used in forum-threading etc.

 

 

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.