hello friends,
i require a help from u all. i m working on a XHTML page. There all the images and the texts are editable. User can drag, edit, copy, paste all the elements present there. i m using a code like -
<span class="drag" contenteditable="true" onmouseover="borderit(this,'green')" onmouseout="borderit(this,'000000')" style="border: 2px solid #000000; border-style: dashed;">
<span contenteditable="true">
<img src="images/logo.jpg" alt="CompanyLogo" /></span></span>
.drag {
position:relative;
cursor:pointer;
}
It works like, when a user rollovers the mouse over any object a border appears and on rollout it disappears. On clicking it can be editable. Thats fine.
Now i want the border to be present there when clicked and it will disappear when i click on any other object or any where else.
If any one can help me regarding this topic i will be extremely thankful to u all.
regards
