Page 1 of 1

How to change <div> position dynamicaly

Posted: Mon Dec 08, 2008 2:34 am
by rasana
Hi All,

I'm working on a project where I have to display list of users and when we take mouse over to perticular user name, an image of that user should be displayed on right hand side.
I know I'll have to use javascript. but how would I set position of <div> dynamicaly..?

The result should exactly look like following url

http://www.corcoran.com/agents/agent...sults.aspx?L=A

Re: How to change <div> position dynamicaly

Posted: Mon Dec 08, 2008 5:02 am
by pbs
Load all user images next to there username and keep img tag style->display->none. Now onmouseover effect of username just display img tag by style->display->block and onmouseout hide the respective image.

Re: How to change <div> position dynamicaly

Posted: Mon Dec 08, 2008 2:31 pm
by watson516
You could probably fairly easily do it all with css no javascript required.

Re: How to change <div> position dynamicaly

Posted: Mon Dec 08, 2008 3:39 pm
by pickle
CSS or Javascript, the solution isn't in PHP - Code, but rather Client Side.

Moving to the appropriate forum.

Also, your link is broken.

Re: How to change <div> position dynamicaly

Posted: Fri Dec 19, 2008 7:20 pm
by josh
I'd learn jquery or any of the other jscript libraries.

Re: How to change <div> position dynamicaly

Posted: Sun Jan 11, 2009 3:48 pm
by jason.carter
Also give script.aculo.us a try for this.