Hej.
Jeg har lavet den video boks.
<embed type="application/x-mplayer2" id="music1"
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Windows Media Player components..."
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
src="http://www.adressen.dk/filnavnet.wmv"
name="RAOCXplayer"
width="250"
height="250"
controltype="2"
showcontrols="1"
ShowPositionControls="0"
showstatusbar="1"
ShowDisplay="0"
AutoStart="1">
</embed>
Også kunne jeg godt tænke mig, at der var en tæller som talte hvor mange gange videoen var blevet set.!
Og sådan man kunne rate den. Nogle der kan hjælpe med en kode evt. Eller andet?
Hurtigt tak.
Her er min rating kode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rating</title>
<style type="text/css">
#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 10px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('media/stars.gif') repeat-x; CURSOR: pointer; }
#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
#star li.curr { BACKGROUND: url('media/stars.gif') left 25px; FONT-SIZE: 1px; }
#star div.user { LEFT: 15px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; FONT-FAMILY: Arial; COLOR: #888; }
.style1 {
font-size: x-large;
}
</style>
<script type="text/javascript">
function $(v,o) { return((typeof(o)=='object'?o:document).getElementById(v)); }
function $S(o) { return((typeof(o)=='object'?o:$(o)).style); }
function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function abPos(o) { var o=(typeof(o)=='object'?o:$(o)), z={X:0,Y:0}; while(o!=null) { z.X+=o.offsetLeft; z.Y+=o.offsetTop; o=o.offsetParent; }; return(z); }
function XY(e,v) { var o=agent('msie')?{'X':event.clientX+document.body.scrollLeft,'Y':event.clientY+document.body.scrollTop}:{'X':e.pageX,'Y':e.pageY}; return(v?o[v]:o); }
star={};
star.mouse=function(e,o) { if(star.stop || isNaN(star.stop)) { star.stop=0;
document.onmousemove=function(e) { var n=star.num;
var p=abPos($('star'+n)), x=XY(e), oX=x.X-p.X, oY=x.Y-p.Y; star.num=o.id.substr(4);
if(oX<1 || oX>84 || oY<0 || oY>19) { star.stop=1; star.revert(); }
else {
$S('starCur'+n).width=oX+'px';
$S('starUser'+n).color='#111';
$('starUser'+n).innerHTML=Math.round(oX/84*100)+'%';
}
};
} };
star.update=function(e,o) { var n=star.num, v=parseInt($('starUser'+n).innerHTML);
n=o.id.substr(4); $('starCur'+n).title=v;
req=new XMLHttpRequest(); req.open('GET','/AJAX_Star_Vote.php?vote='+(v/100),false); req.send(null);
};
star.revert=function() { var n=star.num, v=parseInt($('starCur'+n).title);
$S('starCur'+n).width=Math.round(v*84/100)+'px';
$('starUser'+n).innerHTML=(v>0?Math.round(v)+'%':'');
$('starUser'+n).style.color='#888';
document.onmousemove='';
};
star.num=0;
</script>
</head>
<body>
<div id="star">
<span class="style1"></span><br />
<br />
<ul id="star0" class="star" onmousedown="star.update(event,this)" onmousemove="star.mouse(event,this)" title="Bedøm dette">
<li id="starCur0" class="curr" title="98" style="width: 82px;"></li>
</ul>
<div style="color: rgb(136, 136, 136);" id="starUser0" class="user">98%</div>
<br style="clear: both;">
<ul id="star1" class="star" onmousedown="star.update(event,this)" onmousemove="star.mouse(event,this)" title="Bedøm dette">
<li id="starCur1" class="curr" title="50" style="width: 42px;"></li>
</ul>
<div style="color: rgb(136, 136, 136);" id="starUser1" class="user">50%</div>
<br style="clear: both;">
<ul id="star2" class="star" onmousedown="star.update(event,this)" onmousemove="star.mouse(event,this)" title="Bedøm dette!">
<li id="starCur2" class="curr" title="99" style="width: 83px;"></li>
</ul>
<div style="color: rgb(136, 136, 136);" id="starUser2" class="user">99%</div>
<br style="clear: both;">
<ul id="star3" class="star" onmousedown="star.update(event,this)" onmousemove="star.mouse(event,this)" title="Bedøm dette">
<li id="starCur3" class="curr" title="70" style="width: 59px;"></li>
</ul>
<div style="color: rgb(136, 136, 136);" id="starUser3" class="user">70%</div>
<br style="clear: both;">
<ul id="star4" class="star" onmousedown="star.update(event,this)" onmousemove="star.mouse(event,this)" title="Bedøm dette">
<li id="starCur4" class="curr" title="30" style="width: 25px;"></li>
</ul>
<div style="color: rgb(136, 136, 136);" id="starUser4" class="user">30%</div>
</div>
</body>
</html>
Men kan ikke få billederne af stjernen frem.
Nogle der kan og gider hjælpe?
Giver gode point.
Tak på forhånd sætter stor pris på. At i gider at svare.
Indlæg senest redigeret d. 26.03.2009 15:49 af Bruger #14741