l i n u x - u s e r s - g r o u p - o f - d a v i s
L U G O D
 
Next Meeting:
August 18: A professional photographer's view of Linux
Next Installfest:
TBD
Latest News:
Aug. 18: Discounts to "Velocity" in NY; come to tonight's "Photography" talk
Page last updated:
2006 Aug 02 12:22

The following is an archive of a post made to our 'vox-tech mailing list' by one of its subscribers.

Report this post as spam:

(Enter your email address)
Re: [vox-tech] webpage element positioning via coordinates
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: [vox-tech] webpage element positioning via coordinates



On Tue, Aug 01, 2006 at 09:31:10PM -0700, Rod Roark wrote:
> On Tuesday 01 August 2006 21:00, Peter Jay Salzman wrote:
> ...
> > Is it possible to position things via coordinates like this on a web page?
> 
> Yes.  It's called absolute positioning.  You'll need to read up on
> the DOM and CSS, and also JavaScript if you want to position elements
> dynamically.
> 
> Just to get you started, this will define an image positioned 100
> pixels from the left and 50 pixels from the top edge of a page:
> 
>   <img src='...' id='myimage' style='position:absolute;left:100px;top:50px;' />
> 
> You can reposition it with JavaScript like this:
> 
>   var myimage = document.getElementById('myimage');
>   myimage.style.left = 110;
>   myimage.style.top = 60;
> 
> BTW if you like backgammon and want to see a cool application of this
> stuff, check out www.parlorplay.com.

<style>
#round {position:absolute;left:0px;top:0px;width:200px;height:200px;
   list-style-type:none}
#round li {position:absolute}
</style>
<ul id="round">
   <li>A</li>
   <li>B</li>
   <li>C</li>
   <li>D</li>
   <li>E</li>
</ul>
<script>
var linker=document.getElementById("round");
var children=linker.getElementsByTagName("li");
var l=children.length;
for (var i=0;i<children.length;i++){
   children[i].style.left=100+100*Math.sin(i *2*Math.PI/l);
   children[i].style.top=100-100*Math.cos(i *2*Math.PI/l);
}
</script>

I was having trouble getting more of this off into a self-contained
function, however.

--Ken

-- 
Ken Bloom. PhD candidate. Linguistic Cognition Laboratory.
Department of Computer Science. Illinois Institute of Technology.
http://www.iit.edu/~kbloom1/

Attachment: signature.asc
Description: Digital signature

_______________________________________________
vox-tech mailing list
vox-tech@lists.lugod.org
http://lists.lugod.org/mailman/listinfo/vox-tech


LinkedIn
LUGOD Group on LinkedIn
Sign up for LUGOD event announcements
Your email address:
facebook
LUGOD Group on Facebook
'Like' LUGOD on Facebook:

Hosting provided by:
Sunset Systems
Sunset Systems offers preconfigured Linux systems, remote system administration and custom software development.

LUGOD: Linux Users' Group of Davis
PO Box 2082, Davis, CA 95617
Contact Us

LUGOD is a 501(c)7 non-profit organization
based in Davis, California
and serving the Sacramento area.
"Linux" is a trademark of Linus Torvalds.

Sponsored in part by:
EDGE Tech Corp.
For donating some give-aways for our meetings.