Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: Javascript CSS HTML
Basically I want the green scroller to end up at the bottom of the video.
 
You can view it at :
 
http://mydemos.site90.net
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD><TITLE>Martial Arts</TITLE>
<META name=
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
<STYLE type=text/css> body {
	BACKGROUND-COLOR: #000000
}
</STYLE>
 
<STYLE type=text/css>A:link {
	COLOR: #bdbdbd
}
A:visited {
	COLOR: #bdbdbd
}
A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A:active {
	COLOR: #bdbdbd; TEXT-DECORATION: none
}
</STYLE>
 
<SCRIPT type=text/javascript src="index_files/swfobject.js"></SCRIPT>
<!--[if lt IE 7]> 
<style type="text/css">    
  img { behavior: url("pngfix.htc"); } 
</style> 
<![endif]-->
<STYLE type=text/css media=screen>#YouTube2 {
	VISIBILITY: hidden
}
</STYLE>
 
<META name=GENERATOR content="MSHTML 8.00.6001.19088"></HEAD>
<BODY>
<p> </p>//logo// 
<div>
style="Z-INDEX: 0; POSITION: fixed; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; HEIGHT: 20px; TOP: 6px; PADDING-TOP: 0px; LEFT: 1%" 
id=bv_Text2><a style="TEXT-DECORATION: none"><span>
style="FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 18px">Martial<span>
style="COLOR: red">A</span>rts</span></a></div>
 
//translator// 
<div>
style="Z-INDEX: 0; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 52px; PADDING-RIGHT: 0px;  TOP: 36px; PADDING-TOP: 0px; LEFT: 76%" 
id=bv_Text15><span style="COLOR: #000000; FONT-SIZE: 20px" color="#black">
face="Arial" Arial;? font-family: ;><a style="TEXT-DECORATION: none">
href="" a="">
<div>
style="BORDER-BOTTOM-COLOR: #000000; BACKGROUND-COLOR: #000000; BORDER-TOP-COLOR: #000000; MIN-HEIGHT: 83px; WIDTH: 200px; BORDER-RIGHT-COLOR: #000000; BORDER-LEFT-COLOR: #000000" 
id=MicrosoftTranslatorWidget><NOSCRIPT><a>
href="http://www.microsofttranslator.com/bv.aspx?a=http%3a%2f%2fhttp://mydemos.site90.net/.com%2f">Translate 
this page</a><br>Powered by <a href="http://www.bing.com/translator"></a></NOSCRIPT></br></div>
<SCRIPT type=text/javascript> /* <![CDATA[ */ setTimeout(function() { var s = document.createElement("script"); s.type = "text/javascript"; s.charset = "UTF-8"; s.src = ((location && location.href && location.href.indexOf('https') == 0) ? "https://ssl.microsofttranslator.com" : "http://www.microsofttranslator.com" ) + "/ajax/v2/widget.aspx?mode=manual&from=en&layout=ts"; var p = document.getElementsByTagName('head')[0] || document.documentElement; p.insertBefore(s, p.firstChild); }, 0); /*  */ </SCRIPT>
</a></span></div>//demo// 
<div>
style="Z-INDEX: 0; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TOP: 150px; PADDING-TOP: 0px; LEFT: 76%" 
id=bv_Text15><span style="FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 20px">
color="#FFFFFF" face="Arial"><a style="TEXT-DECORATION: none">
href="http://http://mydemos.site90.net//" 
a="">Demonstration</a></span></div>//during// 
 

<div>
style="Z-INDEX: 0; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TOP: 2400px; PADDING-TOP: 0px; LEFT: 76%" 
id=bv_Text15><span style="FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 8px">
color="#FFFFFF" face="Arial"><a style="TEXT-DECORATION: none">
href="http://http://mydemos.site90.net/livevideoclassesenter/" 
a=""><p>Content @ 2012 by the respective content owners.</p>All"Trademarks™ ®, Copyrights © "Reg. U.S. & Tm. Off." are the property of there respective owners.</a></span></div>
 
</html>
</iframe>
 
<div style="z-index: 0; removed: fixed; text-align: left; margin: 0px; width: 75%; height: 93%; removed 29px; removed 0%; padding: 0px;" id="bv_YouTube2"><span style="color: #000000; text-decoration: none;"></span> <object style="visibility: visible;" id="YouTube2" data="index_files/v2umcQAszcAUamp" width="75%" height="100%" type="application/x-shockwave-flash"></object>
<script type="text/javascript">// <![CDATA[
var flashvars = {};
   var params = {};
   params.quality = "High";
   params.scale = "ExactFit";
   params.wmode = "Transparent";
   params.play = "true";
   params.loop = "true";
   params.menu = "false";
   params.allowfullscreen = "false";
   params.allowscriptaccess = "sameDomain";
   params.salign = "tl";
 
 swfobject.embedSWF("http://www.youtube.com/v/iM5plsDy2pk&autoplay=1&rel=1 color1=0x000000&color2=0xffffff", "YouTube2", "100%", "100%", "7.0.0.0", false, flashvars, params);
// </script>
</div>  
   <div id="top"></div>
<div id="container">
   
    <div id="footer-spacer"></div>   
</div>
<div id="footer">
 
<script language="JavaScript1.2">
 
/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
 
//Specify the marquee's width (in pixels)
var marqueewidth="1100px"
//Specify the marquee's height
var marqueeheight="25px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//configure background color:
var marqueebgcolor="#DEFDD9"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
 
//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
 
var marqueecontent='<nobr><font face="Arial">Thank you for visiting... Town requires citizens to own guns & ammo<a href="http://www.cnn.com">CNN</a> Missing Girl Found <a href="../link.htm">click here.</a> Enjoy your stay!</font></nobr>'
 

////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;removed:absolute;removed-100px;removed-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
 
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
 
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
 
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}
 
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="removed:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="removed:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" önmouseover="copyspeed=pausespeed" önmouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="removed:absolute;removed0px;removed0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="+marqueewidth+" height="+marqueeheight+" name="ns_marquee" bgcolor="+marqueebgcolor+">')
write('<layer name="ns_marquee2" left="0" top="0" önmouseover="copyspeed=pausespeed" önmouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
</nobr></div></meta>
Posted 2-Apr-13 7:28am
Edited 3-Apr-13 23:38pm
(no name)33.8K
v3
Comments
Prasad Khandekar at 2-Apr-13 14:46pm
   
Hello,
 
You can find a good example here (http://ryanfait.com/sticky-footer/). The idea is simple. you can use following css rules.
 
.footer {
position:absolute;
bottom:0px;
width: 100%;
margin: 0;
background-color: #000;
height: 100px;/* or however high you would like */
}
 
Regards,
vinodkumarnie at 5-Apr-13 7:55am
   
Why are you posting this much source code..? Is actually needed..?

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 295
1 OriginalGriff 274
2 Shweta N Mishra 216
3 PIEBALDconsult 184
4 CPallini 155
0 OriginalGriff 7,630
1 Sergey Alexandrovich Kryukov 7,022
2 DamithSL 5,586
3 Manas Bhardwaj 4,946
4 Maciej Los 4,525


Advertise | Privacy | Mobile
Web03 | 2.8.1411023.1 | Last Updated 4 Apr 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100