Web Development

Mohammad Dayyan wrote:

.rightSide searchBox{

}

Mohammad Dayyan wrote:

So, How we can write a class that affect any div tags within rightSide tag.

.rightSide div

var top = object.style.top;         //for the top pixel co-ordinate
var left = object.style.left;        //for the left pixel co-ordinate

image.style.top = top;
image.style.left = left+(589-216);   //Positions it at the top right-hand corner of the object

var top = object.style.top;
var left = object.style.left;

<object type="application/x-shockwave-flash" height="309" width="589" data="http://videos2.videobloom.com/container.swf" allowScriptAccess="never" allowNetworking="internal">
<param name="allowScriptAccess" value="never" >
<param name="allowNetworking" value="internal" >
<param name="movie" value="http://videos2.videobloom.com/container.swf" >
<param name="flashvars" value="contentId=48ea33ceb84fb" >
<param name="wmode" value="transparent" ></object>
        
image.style.position = absolute;
image.style.top = top;
image.style.left = left+(589-216);

<img alt="" src="http://app4.websitetonight.com/projects/5/2/0/6/520685/images/video_list_cover_hkpg.jpg" uid="ece60e54-bc33-4328-92ec-6815c5488089" wstxclass="Image" mainsrc="http://app4.websitetonight.com/projects/5/2/0/6/520685/images/video_list_cover_hkpg.jpg" /></p>

1. Any Javascript in the page must be put in <script> tags.
2. Sorry I didn't make it clear - object and image were just names assigned to the image and the object to demonstrate how you would do it. They must actually be assigned a value (the handle to both objects - see the code below)
3. As absolute is a string and not a variable, it must be put in speech marks (""s).
4. It would also be beneficial to put the two bits of Javascript together (it helps to neaten everything up, too).
5. Also, after looking at your code, it would be better to use the offsetLeft and offsetTop properties of the object, as this will account for any page margins etc.

<object type="application/x-shockwave-flash" id="object" height="309" width="589" data="http://videos2.videobloom.com/container.swf" allowScriptAccess="never" allowNetworking="internal">
<param name="allowScriptAccess" value="never">
<param name="allowNetworking" value="internal">
<param name="movie" value="http://videos2.videobloom.com/container.swf">
<param name="flashvars" value="contentId=48ea33ceb84fb">
<param name="wmode" value="transparent" ></object>

<img alt="" id="image" src="http://app4.websitetonight.com/projects/5/2/0/6/520685/images/video_list_cover_hkpg.jpg" uid="ece60e54-bc33-4328-92ec-6815c5488089" wstxclass="Image" mainsrc="http://app4.websitetonight.com/projects/5/2/0/6/520685/images/video_list_cover_hkpg.jpg" /></p>

<script language="Javascript">
var object = document.getElementById("object");

var top = object.offsetTop;
var left = object.offsetLeft;

var image = document.getElementById("image");
  
image.style.position = "absolute";
image.style.top = top;
image.style.left = left+(589-216);

</script>

.topRight{
	background: #CC9900;
	top: 0px;
	height: 150px;
	width: 150px;
	position: fixed;
	float: right;
}

brimbis wrote:

Wouldn't that put the image behind the object?

Waleed Eissa wrote:

by the way, I already implemented some restrictions on the number of messages a member can send per session but not a limit