greenerpastures
asked on
How to make entire DIV's clickable and still validate?
I have pages with numerous listing search results and need to make entire listing on the search results hyperlinked similar to this page: http://www.homeaway.com/vacation-rentals/florida/r30
(scroll down to the listings and hoover over each)
I have read that it is not a good practice to hyperlink a <div> as the code will not validate.
1. What would be a good approach to modify my CSS and HTML below to make this entire block link to http://site1.com/component/acctexp/act.html ?
2. I also need to make this entire block to change background color or image when a user hovers ver.
(scroll down to the listings and hoover over each)
I have read that it is not a good practice to hyperlink a <div> as the code will not validate.
1. What would be a good approach to modify my CSS and HTML below to make this entire block link to http://site1.com/component/acctexp/act.html ?
2. I also need to make this entire block to change background color or image when a user hovers ver.
<div class="module-hilite4"><div><div><div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="98%" border="0" cellpadding="4" cellspacing="0" >
<tr><td width="135px" align="left" valign="top" style=" padding: 10px;"><a href="http://site1.com/component/acctexp/act.html"><img src="http://img.com/a/missing_all_m.gif" /></a><br></td><td align="left"><strong><a href="http://site1.com/component/acctexp/act.html">Great opportunity for ….. </a></strong><br>run. Sold as is with no disclosures. Possible non-recourse .<br/> posted: 08/27/2012</td><td width="100px" align="right" valign="top"style="padding: 5px;"><a href="http://site1.com/component/acctexp/act.html"><img src="http://site1.com/images/act1.png" alt=""/></a></td></tr></table>
</td>
</tr>
</table>
</div></div></div></div>
ASKER
Plain vanilla. not using jquery.
How was homeaway site above able to accomplish this without javascript? I looked at their code and my head hurts....
How was homeaway site above able to accomplish this without javascript? I looked at their code and my head hurts....
I'm sure they did it with javascript. I'm not going tot try to figure out their code - that's a big site..
Yeah - it's done with javascript. When you hover over a block, javascript adds a class to the block, which in turn adds the rounded-corner border style. The click is added by javascript, and CSS is used to turn the cursor into the hand ( cursor: pointer; )
If you can wait until I get into my office, (couple hours) I'll write you a script.
Here's a jQuery version.
$(document).ready(function() {
$('.module-hilite4').hover(
function() { $(this).addClass('hovered'); },
function() { $(this).removeClass('hovered'); }
);
$('.module-hilite4').click(function() {
window.location = "http://site1.com/component/acctexp/act.html";
});
});
I'll leave it for others if you need a non-jquery version :)
This validates correctly.
http://www.laprbass.com/RAY_ajax_jquery.php
Note line 6. It's pretty easy to use jQuery!
http://www.laprbass.com/RAY_ajax_jquery.php
Note line 6. It's pretty easy to use jQuery!
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8" />
<title>Ajax Example Using jQuery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
$("#signal").click(function(){
indata = $("#xinput").val();
$.post("RAY_ajax_server.php", {myArg:indata}, function(response){
$("#output p#target").html(response);
});
});
});
</script>
</head>
<body>
<input id="xinput" value="Enter your name here" />
<div id="signal">This is not a link, but Click Me Anyway!</div>
<div id="output">
<p id="static">This element remains unchanged</p>
<p id="target">This element gets the AJAX response</p>
</div>
</body>
</html>
sorry i got delayed...
i'm writing a little plain javascript function that will look for divs with a given class, and link that entire div to the link inside the div. i'm assuming thats what you want - as opposed to hardcoding the link in the script? then you can have more than just that one div container -as per the example site you posted...
makng it cross browser compatible in plain javascript is a little more verbose... so just bear with me.
cheers
i'm writing a little plain javascript function that will look for divs with a given class, and link that entire div to the link inside the div. i'm assuming thats what you want - as opposed to hardcoding the link in the script? then you can have more than just that one div container -as per the example site you posted...
makng it cross browser compatible in plain javascript is a little more verbose... so just bear with me.
cheers
ASKER
Yeah, that's what I am looking for...
Also, could you make the <div> highlight with a border on hover?
Thank you
Also, could you make the <div> highlight with a border on hover?
Thank you
See lines 20-22: http://www.laprbass.com/RAY_ajax_jquery.php
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8" />
<title>Ajax Example Using jQuery with Two Variables</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
$("#signal").click(function(){
datax = $("#xinput").val();
datay = $("#yinput").val();
$.post("RAY_ajax_server.php", {x:datax, y: datay}, function(response){
$("#output p#target").html(response);
});
});
});
</script>
<style type="text/css">
#signal:hover { width:300px; border:1px solid red; }
</style>
</head>
<body>
<input id="xinput" value="Enter your name here" />
<input id="yinput" value="Enter your email here" />
<div id="signal">This is not a link, but Click Me Anyway!</div>
<div id="output">
<p id="static">This element remains unchanged</p>
<p id="target">This element gets the AJAX response</p>
</div>
</body>
</html>
Best regards, over-and-out, ~Ray
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
CORRECTED:
kozaiwaniek, thanks, your code works, but my modul window is not operating when I click on the contents within the <div> . It still works on all links though. Here's how the link looks like:
a href="site.com" rel="rokbox[fullscreen]" class="link">tratra</a> where rel="rokbox[fullscreen] is to initiate modul window.
Any idea how I can perhaps change the modul window initiation so it starts on the contents within the <div> just like the link?
kozaiwaniek, thanks, your code works, but my modul window is not operating when I click on the contents within the <div> . It still works on all links though. Here's how the link looks like:
a href="site.com" rel="rokbox[fullscreen]" class="link">tratra</a> where rel="rokbox[fullscreen] is to initiate modul window.
Any idea how I can perhaps change the modul window initiation so it starts on the contents within the <div> just like the link?
It has to do with event bubbling.
_______________
| |
| container |
| _______ |
| |_ link_| |
|______________|
When you click the link, the event for the link will execute, and then the event underneath (the goToLink event) on the container will execute.
So you have to stop the default bubbling behavior on the click event for the link (the modal window). So that when you click the link, you stop all other events from executing, and the goToLink event doesn't happen.
You have to do that in the modal window script.
You should also include a return false statement in the link:
<a href="site.com" onclick="return false;" rel="rokbox[fullscreen]" class="link">tratra</a>
_______________
| |
| container |
| _______ |
| |_ link_| |
|______________|
When you click the link, the event for the link will execute, and then the event underneath (the goToLink event) on the container will execute.
So you have to stop the default bubbling behavior on the click event for the link (the modal window). So that when you click the link, you stop all other events from executing, and the goToLink event doesn't happen.
You have to do that in the modal window script.
You should also include a return false statement in the link:
<a href="site.com" onclick="return false;" rel="rokbox[fullscreen]" class="link">tratra</a>
Ok, so I think I misunderstood your comment.
You want the modal window to appear instead of going to the link?
I'm guessing the modal window gets its info from the href?
I would need to see the modal window script. It's not that trivial. It appears the modal window script detects the rel attribute, and executes based on that. So we would need to rewrite it so that our click event triggers the modal window instead.
You want the modal window to appear instead of going to the link?
I'm guessing the modal window gets its info from the href?
I would need to see the modal window script. It's not that trivial. It appears the modal window script detects the rel attribute, and executes based on that. So we would need to rewrite it so that our click event triggers the modal window instead.
ASKER
Perhaps this code is responsible for initiating the rokbox modal window on click (this part is in the <head> of the page):
Here's the rokbox code file that's also linked in the <head>:
<script type="text/javascript">
var rokboxPath = '/plugins/system/rokbox/';
window.addEvent('domready', function() {
SqueezeBox.initialize({});
$$('a.modal').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
window.addEvent('domready', function(){ var t=new QTabs('60', {contWidth:100,tabsWidth:700,scrolling:1,duration:1000,transition:'linear'}); })
</script>
Here's the rokbox code file that's also linked in the <head>:
/**
* RokBox System Plugin
*
* @package Joomla
* @subpackage RokBox System Plugin
* @copyright Copyright (C) 2009 RocketTheme. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see RT-LICENSE.php
* @author RocketTheme, LLC
*
* RokBox System Plugin includes:
* ------------
* SWFObject v1.5: SWFObject is (c) 2007 Geoff Stearns and is released under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
* -------------
* JW Player: JW Player is (c) released under CC by-nc-sa 2.0:
* http://creativecommons.org/licenses/by-nc-sa/2.0/
*
*/
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('V.6f({\'2K\':D(){L 8.1D(\'2C\',\'\')},\'1U\':D(){L 8.1D(\'2C\',\'3C\')}});8A.6f({\'8v\':D(){l 6i=/^(25|6h):\\/\\/([a-z-.0-9]+)[\\/]{0,1}/i.4S(I.35);l 1x=/^(25|6h):\\/\\/([a-z-.0-9]+)[\\/]{0,1}/i.4S(8);L 6i[2]===1x[2]}});l 43=B 6T({2Y:\'2.1\',t:{\'1L\':\'8y\',\'6M\':\'8I\',\'1I\':2p.4d.4k.8S,\'1J\':4c,\'4x\':40,\'1g\':\'6K\',\'2U\':M,\'5W\':8T,\'4C\':G,\'36\':M,1j:{\'33\':\'#8U\',\'1e\':0.85,\'3t\':8P,\'1J\':4c,\'1I\':2p.4d.4k.6S},\'6x-6s\':0,\'6v-2T\':0,\'15-u\':50,32:{\'C\':6k,\'u\':8K},\'22\':\'M\',\'2N\':\'G\',\'1b\':\'#8J\',\'5d\':G,\'3c\':\'5p\',\'3X\':G,\'3Q\':G,\'3V\':M,\'3P\':G},6W:D(t){8.6X(t);l 5Y=B 8L("^"+8.t.1L),17=8.t.1L,k=8;8.1M=[];8.1P=B 8O({});8.2w=G;8.2f=G;8.8s=$$(\'a\').8c(D(1x){l 1y=1x.2c(\'1y\'),W=G,4E=G,1z=G;l 2P=(1y||\'\').2P(5Y);j(2P){j(1y)W=1y.A(/\\([a-6U-9A-Z]+\\)/g)||G;j(1y)1z=1y.A(/\\[1z\\=(.+)+\\]/)||G;j(1z[1]){1x.1z=1z[1]}N{1x.1z=G};j(W[0]){W=W[0].1S("(","").1S(")","");j(!8.1P.8m(W))8.1P.52(W,[]);l 1P=8.1P.4H(W);1P.8g(1x);4E=1P.1h;8.1P.52(W,1P)};1x.W=W;1x.44=4E;1x.1Q(\'1K\',8.1K.6d(1x,[1x.19,1x.1c,1x.1y,8]))};L 2P}.5F(8));l 6L=$8h(8.t.1j,{\'J\':17+\'-1j\',\'1n\':17+\'-1j\'});8.2J=B 46(G,6L).1Q(\'6H\',D(){k.2m(k.1M)}).1Q(\'6G\',D(){j(k.2w){k.2w=G;l e=k.1R[0],3z=k.1R[1],1p=k.1R[2],1i=k.1R[3],1w;j(3z.2c(\'J\').2P(\'2G\'))1w=1p[1i];N 1w=1p[1i-2];k.1K.3K(27,k,[G,1w.19,1w.1c,1w.1y,k,1w])}});8.1j=8.2J.1j.1Q(\'1K\',D(){k.2f=G;k.2l()});8.P=B V(\'1q\',{\'J\':17+\'-P\',\'1n\':17+\'-\'+8.t.6M}).Y(1f.49).1Z({\'1d\':\'6Z\',\'3t\':6R,\'1e\':0}).1U();l 6N=B V(\'1q\',{\'J\':17+\'-T\',\'1n\':17+\'-16\'}).Y(8.P);l 6O=B V(\'1q\',{\'1n\':17+\'-3m\'}).Y(6N);l 9t=B V(\'1q\',{\'1n\':17+\'-11\'}).Y(6O);l 73=B V(\'1q\',{\'J\':17+\'-9v\',\'1n\':17+\'-16\'}).Y(8.P);l 6Q=B V(\'1q\',{\'1n\':17+\'-3m\'}).Y(73);8.11=B V(\'1q\',{\'1n\':17+\'-11\'}).Y(6Q);l 58=B V(\'1q\',{\'J\':17+\'-9T\',\'1n\':17+\'-16\'}).Y(8.P);l 7a=B V(\'1q\',{\'1n\':17+\'-3m\'}).Y(58);l 9h=B V(\'1q\',{\'1n\':17+\'-11\'}).Y(7a);B V(\'1q\',{\'1n\':\'7F\'}).Y(8.P);8.1O=B V(\'a\',{\'J\':17+\'-2l\',\'1c\':\'#\'}).2y(\'<1Y>[x] 2l</1Y>\').Y(8.11);8.1O.1Q(\'1K\',D(e){B 3l(e).3j();k.2f=G;k.2l(e)});8.1E={\'P\':B 2p.6m(8.P,{\'1J\':8.t.1J,4a:M,\'1I\':8.t.1I,5B:D(){j(k.K==\'31\')L;j(!8.7M.1e&&k.2J.2m){k.P.1U();j(!k.2f){k.2J.1U()}N{j(k.2w){k.2w=G;l e=k.1R[0],3z=k.1R[1],1p=k.1R[2],1i=k.1R[3],1w;j(3z.2c(\'J\').2P(\'2G\'))1w=1p[1i];N 1w=1p[1i-2];k.1K.3K(27,k,[G,1w.19,1w.1c,1w.1y,k,1w])}}}N{k.74.3K(50,k)}}}),\'11\':B 2p.6m(8.11,{\'1J\':8.t.1J,4a:M,\'1I\':8.t.1I}),\'u\':B 2p.6P(8.11,\'u\',{\'1J\':8.t.1J,4a:M,\'1I\':8.t.1I})};I.1Q(\'7p\',D(){k.2h(k.P);k.2J.2h()});j(8.t.4C)I.1Q(\'24\',D(){k.2h(k.P)})},1K:D(e,19,1c,t,k,3k){j(e)B 3l(e).3j();l 2V=\'\';l A=t.A(/([0-9]+\\s?[0-9]+)/g)||[\'\'];A=A[0].1v(" ");l A=t.A(/([0-9%]+\\s?[0-9%]+)/g)||[\'\'];2V=A[0].1v(" ");A=A[0].1v(" ");j(t.A(/3f/g))2V=\'3f\';l 1T=k.1B();j(!3k)3k=G;l W=8.W||3k.W;l 1H=k.1O.1m(\'u\').X()||k.1O.18().E.y||0;l 1X=k.t[\'15-u\']||0;A[0]=(A[0])?A[0]:\'\';A[1]=(A[1])?A[1]:\'\';j((!A[0].3y("%")&&!A[1].3y("%"))&&!A[0].1h||!A[1].1h){j(1c.A(/3R\\.1k\\/3h/i)){A[0]=6k;A[1]=7b}N j(1c.A(/4b\\./i)){A[0]=7c;A[1]=7h}N j(1c.A(/4u\\.1k\\/3h/i)){A[0]=4m;A[1]=7g}N j(1c.A(/4p\\.1k\\/5A/i)){A[0]=4m;A[1]=7d}N j(1c.A(/3A\\.1k\\/[0-9]{1,}/i)){A[0]=4m;A[1]=7e}N j(1c.A(/\\.(69|4J|3D|5G|5D|5E|5g|57|4l|5z|5H|5J|5M|55)$/i)){A[0]=7r;A[1]=7w}N j(1c.A(/\\.(5s|3I|5r)$/i)){A[0]=7P;A[1]=45}};l 1t=I.18().E;j(2V==\'3f\')A[0]=((I.2z)?I.4D:1t.x)-k.1B(M)-20;j(2V==\'3f\')A[1]=((I.2z)?I.4N:1t.y)-k.1B()-1H-1X-20;j($K(A[0])!=\'6q\'&&$K(A[1])!=\'6q\'){j(A[0].3y("%")&&A[1].3y("%")){l 6y=(I.2z)?I.4D:1t.x;l 6z=(I.2z)?I.4N:1t.y;A[0]=A[0].1S("%","").X();A[1]=A[1].1S("%","").X();A[0]=A[0]>27?27:A[0];A[1]=A[1]>27?27:A[1];A[0]=6y*A[0]/27;A[1]=6z*A[1]/27;A[0]=A[0]-k.1B(M)-20;A[1]=A[1]-k.1B()-1H-1X-20}}t={C:(A[0]||k.t.32.C).X(),u:(A[1]||k.t.32.u).X()};6B={C:(A[0]||k.t.32.C).X()+k.1B(M),u:(A[1]||k.t.32.u).X()+k.1B()+1H};k.1M=[8,19,1c,t,W,8.44||3k.44,6B,8.1z];j(!k.2f)k.2J.6E();N k.2m(k.1M)},1B:D(7V){l 1T=(8.t[\'6x-6s\']*2)+(8.t[\'6v-2T\']*2);L 1T},2m:D(){23=23[0];l b=23;l 4j=23[0],19=23[1],1c=23[2],E=23[3],t=23[6],1z=23[7],k=8;8.1O.1D(\'4e\',\'7A\');l 1H=k.1O.1m(\'u\').X()||k.1O.18().E.y||k.1O.7x.u.X()||0;l 1X=k.t[\'15-u\']||0;8.P.1Z({\'C\':t.C,\'u\':t.u+1X+1H}).2K();8.11.1Z({\'C\':E.C,\'u\':E.u+1H+1X});j(k.t.2U&&!8.U){l 26=k.26(19)||[G,G];l 19=26[0],2a=26[1];8.U=B V(\'1q\',{\'J\':8.t.1L+\'-U\'}).Y(8.11).1D(\'1e\',0).5c(19,2a)};j(k.t.2U&&8.U)8.U.1U().1D(\'u\',0);j(k.13)k.13.4g();l 1d=8.2h(8.P,t)[1];8.1E.P.1o(8.3p(8.t.1g,1d).1o).2M(D(){j(k.t.2U&&k.U){(D(){l u=k.U.18().E.y||0;l 11=k.11.1m(\'u\').X();l 7y=k.U.7C().7D().1h;k.1E.u.1o(11+u-1H).2M(D(){k.U.1g(\'1e\').1o(1);j(k.t.36){k.4A=k.36.6d(k);1f.1Q(\'5S\',k.4A)}})}).3K(k.t.5W)}});l h=E.u+1H+1X;l f=8.3p(8.t.1g,1d).1o;j(f.C||f.u)8.1E.11.1o({\'C\':($K(f.C)==\'5O\')?[0,E.C]:E.C,\'u\':($K(f.u)==\'5O\')?[0,h]:h});N 8.11.1Z({\'C\':E.C,\'u\':h})},2l:D(7z,54){l k=8,1g;l 1d={\'16\':8.P.1m(\'16\').X(),\'T\':8.P.1m(\'T\').X()};8.1O.1D(\'4e\',\'56\');8.13.2v(\'2t\');8.5e();1g=8.3p((54)?54:8.t.1g,1d).3e;j(8.t.2U)8.U.1g(\'1e\').52(0);j(8.t.36)1f.7T(\'5S\',k.4A);j(8.15)8.15.4s();8.15=G;l 1T={};j($5Z(1g.C))1T.C=6b.66(1g.C-k.1B());j($5Z(1g.u))1T.u=6b.66(1g.u);8.1E.11.1o(1T).2M(D(){k.1E.u.3j();j(k.U)k.U.1D(\'u\',\'\');k.11.1Z({\'C\':\'\',\'u\':\'\'});k.13.1Z({\'C\':\'\',\'u\':\'\'})});8.1E.P.1o(1g);L 8},36:D(e){B 3l(e);48(e.1A){1W\'16\':j(8.15)8.3a.3s(\'1K\',e);2d;1W\'3m\':j(8.15)8.39.3s(\'1K\',e);2d;1W\'7K\':8.2f=G;8.2l(e,\'3q\')}},2h:D(P,E){l 1t=I.18();j(!P)P=$(8.P);j(!E){l 1T=P.18().E;E={\'C\':1T.x,\'u\':1T.y}};l 76=8.t[\'15-u\'];l 16=1t.24.x+(((I.2z)?I.4D:1t.E.x)/2)-(E.C/2)-P.1m(\'2T-16\').X();l T=1t.24.y+(((I.2z)?I.4N:1t.E.y)/2)-(E.u/ 2) - P.1m(\'2T-T\').X() - (76 /2);l 1d={\'T\':(T>0)?T:0,\'16\':(16>0)?16:0};L[P.1Z(1d),1d]},74:D(){j(8.13)8.13.4s();j(8.U)8.U.1U();l U=8.1M[1],H=8.1M[2],E=8.1M[3],W=8.1M[4],1i=8.1M[5],17=8.t.1L;l 1z=8.1M[7];l 1H=8.1O.1m(\'u\').X()||8.1O.18().E.y||0;l 1X=8.t[\'15-u\']||0;8.K=G;j(1z){8.K=\'1z\';8.F=$(1z)}N j(H.A(/\\.(7O|7N|7L|7Q|7R)$/i)||8.1M[0].7U==\'31\'){8.K=\'31\';l k=8;8.F=B 7S.31(H,{J:\'1r\',7E:D(){k.13.2v(\'7W\').5j(\'7G\');k.13.2y(\'<6J>7I 7B 7J.</6J>\')},5h:D(){E.C=8.C;E.u=8.u;j(k.15)k.15.1U();k.13.1Z(E);l 6V=8,1t=I.18();l T=1t.24.y+(1t.E.y/2)-(8.u/2)-k.P.1m(\'2T-T\').X();j(T<0)T=0;j(k.11.1m(\'C\').X()!=E.C&&k.11.1m(\'u\').X()!=E.u){k.1E.11.1o({\'C\':E.C,\'u\':E.u+k.1B(M)+1X})};l 16=1t.24.x+(1t.E.x/2)-(8.C/ 2) - (k.1B(M) /2)-k.P.1m(\'2T-16\').X();k.1E.P.1o({\'16\':(16>0)?16:0,\'C\':8.C+k.1B(M),\'u\':8.u+k.1B()+1X+1H}).2M(D(){k.13.2v(\'2t\');6V.Y(k.13);j(k.15)k.15.2K()})}})}N j(H.A(/\\.(69|4J|3D|5G|5D|5E|5g|57)$/i)){8.K=\'4J\';j(1C.2A&&1C.2A.1h){8.F=\'<F J="1r" 3U="3O..." K="4n/5n" 5a="25://2B.5L.1k/5v/5w.5x" 3i="\'+H+\'" C="\'+E.C+\'" u="\'+E.u+\'"><R O="2D" S="\'+H+\'" /><R O="5o" S="5q" /><R O="2N" S="\'+8.t.2N+\'" /><R O="22" S="\'+8.t.22+\'" /><R O="1b" S="\'+8.t.1b+\'" /><R O="5y" S="M" /></F>\'}N{8.F=\'<F 51="5Q:7k-7l-7m-7j-7u" 3U="3O..." 5a="25://2B.5L.1k/5v/5w.5x" K="4n/5n" C="\'+E.C+\'" u="\'+E.u+\'" J="1r"><R O="2D" S="\'+H+\'" /><R O="5o" S="5q" /><R O="2N" S="\'+8.t.2N+\'" /><R O="22" S="\'+8.t.22+\'" /><R O="1b" S="\'+8.t.1b+\'" /><R O="5y" S="M" /></F>\'}}N j(H.A(/\\.(4l|5z|5H|5J|5M|55)$/i)){8.K=\'4l\';j(1C.2A&&1C.2A.1h){8.F=\'<F J="1r" 3U="3O..." K="2x/x-5f" 3i="\'+H+\'" C="\'+E.C+\'" u="\'+E.u+\'" /><R O="2D" S="\'+H+\'" /><R O="5i" S="\'+8.t.22+\'" /><R O="1b" S="\'+8.t.1b+\'" /></F>\'}N{8.F=\'<F J="1r" 3U="3O..." 51="7f:7v-7i-7q-7s-7t" K="2x/x-5f" 3i="\'+H+\'" C="\'+E.C+\'" u="\'+E.u+\'" /><R O="4F" S="\'+H+\'" /><R O="7o" S="\'+8.t.2N+\'"><R O="5i" S="\'+8.t.22+\'" /><R O="1b" S="\'+8.t.1b+\'" /><R O="7n" S="M" /></F>\'}}N j(H.A(/3R\\.1k\\/3h\\?v=/i)||H.A(/3R\\-7H\\.1k\\/3h\\?v=/i)){8.K=\'28\';l 2O=3n(H);8.2i=2O[\'2I\'][\'v\'];8W 2O[\'2I\'][\'v\'];j(8.t.5d&&!2O[\'2I\'][\'22\'])2O[\'2I\'][\'22\']=1;8.F=B 1u("25://2B.3R.1k/v/"+8.2i+\'&\'+2E.9i(2O[\'2I\']),"1r",E.C,E.u,"9",8.t.1b,"3b","2W");8.F.1l(\'2n\',\'2k\');8.F.1l(\'2r\',\'M\')}N j(H.A(/4b\\./i)){8.K=\'28\';l 1N=H.1v("9g")[0].1v(\'/\');8.1N=1N[1N.1h-1];8.F=B 1u("25://2B.4b.1k/1F/"+8.1N+"&9f=1&9d=33:9e;9j:9k;9p:9o;9n:9l;&9m=1&9c=0","1r",E.C,E.u,"9",8.t.1b);8.F.1l(\'2n\',\'2k\');8.F.1l(\'2r\',\'M\')}N j(H.A(/4u\\.1k\\/3h/i)){8.K=\'28\';l 1N=H.1v(\'/\');8.2i=1N[4];8.F=B 1u("25://2B.4u.1k/9b/"+8.2i+"/.1F","1r",E.C,E.u,"9",8.t.1b,"3b","2W");8.F.1l(\'2n\',\'2k\');8.F.1l(\'2r\',\'M\')}N j(H.A(/4p\\.1k\\/5A/i)){8.K=\'28\';l 1N=H.1v(\'=\');8.2i=1N[1];8.F=B 1u("25://4n.4p.1k/92.1F?93="+8.2i+"&22=1&91=90","1r",E.C,E.u,"9",8.t.1b,"3b","2W");8.F.1l(\'2n\',\'2k\');8.F.1l(\'2r\',\'M\')}N j(H.A(/3A\\.1k\\/[0-9]{1,}/i)){8.K=\'28\';l 1N=H.1v(\'/\');8.2i=1N[3];8.t.3V=(8.t.3V)?1:0;8.t.3Q=(8.t.3Q)?1:0;8.t.3P=(8.t.3P)?1:0;8.t.3X=(8.t.3X)?1:0;8.t.3c=(8.t.3c.A(/[0-9]{6}/))?8.t.3c:\'5p\';8.F=B 1u("25://2B.3A.1k/8Y.1F?8Z="+8.2i+"&2R;94=2B.3A.1k&2R;3f="+8.t.3V+"&2R;95="+8.t.3Q+"&2R;9a="+8.t.3P+"&2R;99="+8.t.3X+"&2R;6Y="+8.t.3c+"","1r",E.C,E.u,"9",8.t.1b);8.F.1l(\'2n\',\'2k\');8.F.1l(\'2r\',\'M\')}N j(H.A(/\\.1F/i)){8.K=\'28\';8.F=B 1u(H,"1r",E.C,E.u,"9",8.t.1b,"3b","2W");8.F.1l(\'2n\',\'2k\');8.F.1l(\'2r\',\'M\')}N j(H.A(/\\.98/i)&&I.5u){8.K=\'28\';H=I.5u+\'5t/5t.1F?78=\'+H;8.F=B 1u(H,"1r",E.C,E.u,"9",8.t.1b,"3b","2W");8.F.1l(\'2n\',\'2k\');8.F.1l(\'2r\',\'M\')}N j(H.A(/\\.(5s|5r)$/i)){8.K=\'2F\';8.F=\'<F J="1r"" C="\'+E.C+\'" u="\'+E.u+\'" 3i="\'+H+\'"" K="\'+((I.3E)?\'2x/x-3w\':\'2F/3D\')+\'"><R S="\'+H+\'" O="2D"/><R S="\'+H+\'" O="4F"/><R S="\'+((I.3E)?\'2x/x-3w\':\'2F/3D\')+\'" O="K"/><R O="1b" S="\'+8.t.1b+\'" /><p>5K 5k 5C 2j 5b: \'+H+\'</p></F>\'}N j(H.A(/\\.3I$/i)){8.K=\'2F\';8.F=\'<F J="1r"" C="\'+E.C+\'" u="\'+E.u+\'" 3i="\'+H+\'"" K="\'+((I.3E)?\'2x/x-3w\':\'2F/3I\')+\'"><R S="\'+H+\'" O="2D"/><R S="\'+H+\'" O="4F"/><R S="\'+((I.3E)?\'2x/x-3w\':\'2F/3I\')+\'" O="K"/><R O="1b" S="\'+8.t.1b+\'" /><p>5K 5k 5C 2j 5b: \'+H+\'</p></F>\'}N{8.K=\'4I\';l 59="1r"+$96()+$4t(0,27);8.F=B V(\'4I\').4G({J:59,C:E.C,u:E.u,97:0,4C:\'9r\',2D:H});l k=8;8.F.5h=D(){k.13.2v(\'2t\')}}8.4T=$(\'1r\');j(8.K){8.13=B V(\'1q\',{\'J\':17+\'-13\',\'1n\':17+\'-13\'}).5j(\'2t\').1Z(E).9O(8.11);j(8.K==\'28\')8.F.5U(8.13);N j(8.K==\'1z\'){8.F.9Q(M).Y(8.13.2v(\'2t\')).1D(\'2C\',\'9V\')}N j(8.K==\'9N\'){8.F.Y(8.13);B 9M(H,{\'9L\':\'4H\',\'9J\':M,\'9K\':8.F,5B:D(){8.13.2v(\'2t\')}.5F(8)}).9P()}N j(8.K==\'4I\'){8.F.Y(8.13)}N j(8.K!=\'31\')8.13.2v(\'2t\').2y(8.F);j(W){l 1p=8.1P.4H(W),k=8;j(1p.1h>1){j(!8.15){8.15=B V(\'1q\',{\'J\':8.t.1L+\'-15\'}).Y(8.11).1U();j(1i!=1){8.3a=B V(\'a\',{\'J\':8.t.1L+\'-3o\'}).Y(8.15).2y(\'<1Y>&5I;3o</1Y>\');8.3a.4G({\'1c\':1p[1i-2].2c(\'1c\'),\'19\':1p[1i-2].2c(\'19\')})};j(1i!=1p.1h){8.39=B V(\'a\',{\'J\':8.t.1L+\'-2G\'}).Y(8.15).2y(\'<1Y>2G &5m;</1Y>\');8.39.4G({\'1c\':1p[1i].2c(\'1c\'),\'19\':1p[1i].2c(\'19\')})};j(1i==1)8.3a=B V(\'a\',{\'J\':8.t.1L+\'-3o\',\'1n\':\'3r\',\'1c\':\'#\'}).Y(8.15,\'T\').2y(\'<1Y>&5I;3o</1Y>\');j(1i==1p.1h)8.39=B V(\'a\',{\'J\':8.t.1L+\'-2G\',\'1n\':\'3r\',\'1c\':\'#\'}).Y(8.15).2y(\'<1Y>2G &5m;</1Y>\');8.3a.1Q(\'1K\',D(e){e=B 3l(e).3j();j(!8.5l(\'3r\')){k.2w=M;k.1R=[e,8,1p,1i];k.2f=M;k.2l(e,\'3q\')}});8.39.1Q(\'1K\',D(e){e=B 3l(e).3j();j(!8.5l(\'3r\')){k.2w=M;k.1R=[e,8,1p,1i];k.2f=M;k.2l(e,\'3q\')}})};8.15.2K()}};j(8.t.2U){l 26=8.26(U)||[G,G];l 19=26[0],2a=26[1];j(8.U)8.U.4g().4s();8.U=B V(\'1q\',{\'J\':8.t.1L+\'-U\'}).Y(8.11).1D(\'1e\',0).5c(19,2a)}}},5e:D(){j(8.K){8.13.1D(\'4e\',\'56\').4g()}8.4T=2u;8.K=G},26:D(U){U=U.1v(" :: ")||G;48(U.1h){1W 0:L G;2d;1W 1:l 19=G;l 2a=B V(\'p\').4h(U[0]);2d;1W 2:l 19=B V(\'9U\').4h(U[0]);l 2a=B V(\'p\').4h(U[1]);2d}L[19,2a]},9S:D(4j){l 1y=4j.2c(\'1y\'),W=G;j(1y)W=1y.A(/\\([a-6U-9A-Z]+\\)/g)||G;j(W[0])W=W[0].1S("(","").1S(")","");N W=G;L W}});43.41(B 6F,B 9R);l 46=B 6T({t:{\'J\':G,\'1n\':G,\'33\':\'#9I\',\'1e\':0.7,\'3t\':6R,\'1J\':4c,\'1I\':2p.4d.4k.6S},6W:D(2o,t){8.2o=$(2o)||$(1f.49);8.6X(t);8.1j=B V(\'1q\',{\'J\':8.t.J||(\'71-\'+$4t(1,70)),\'1n\':8.t.J||(\'71-\'+$4t(1,70)),\'9H\':{\'1e\':0,\'2C\':\'3C\',\'1d\':\'6Z\',\'T\':0,\'16\':0,\'9w\':\'7X\',\'33-6Y\':8.t.33,\'z-1i\':8.t.3t}}).Y(1f.49);8.1E=B 2p.6P(8.1j,\'1e\',{1J:8.t.1J,1I:8.t.1I});8.2m=G;L 8},2h:D(3u){l 2o=8.2o;3u=3u||I.18().3Y;8.1j.1Z({T:2o.6I().y||0,16:2o.6I().x||0,C:I.18().E.x,u:3u.y});L 8},2K:D(){l 1j=8.1j,k=8;8.1j.1D(\'2C\',\'\');8.2m=M;8.2h().1E.1o(8.t.1e).2M(D(){k.3s(\'6H\',1j)});L 8},1U:D(){l 1j=8.1j,k=8;8.2m=G;8.2h().1E.1o(0).2M(D(){1j.1D(\'2C\',\'3C\');k.3s(\'6G\',1j)});L 8},6E:D(){8[8.2m?\'1U\':\'2K\']();L 8}});46.41(B 6F,B 9x);43.41({3p:D(K,1d){l 1g={};j(!1d)1d=0;48(K){1W\'3q\':1g={\'1o\':{\'T\':[1d.T-8.t.4x,1d.T],\'1e\':1},\'3e\':{\'T\':8.P.1m(\'T\').X()+8.t.4x,\'1e\':0}};2d;1W\'6K\':l u=8.P.1m(\'u\').X(),C=8.P.1m(\'C\').X();1g={\'1o\':{\'T\':[1d.T+(u/2),1d.T],\'u\':[0,u],\'1e\':1},\'3e\':{\'T\':1d.T+(u/2),\'16\':I.18().E.x/2-((I.18().3Y.x-10)/2),\'C\':I.18().3Y.x-30,\'u\':0,\'1e\':0}};2d;1W\'9u\':l u=8.P.1m(\'u\').X(),C=8.P.1m(\'C\').X();1g={\'1o\':{\'u\':[0,u],\'C\':[0,C],\'1e\':1,\'T\':[(I.18().E.y/2)+I.18().24.y,1d.T],\'16\':[(I.18().E.x/2)+I.18().24.x,1d.16]},\'3e\':{\'u\':0,\'C\':0,\'1e\':0,\'T\':(I.18().E.y/2)+I.18().24.y,\'16\':(I.18().E.x/2)+I.18().24.x}};2d;1W\'9s\':1g={\'1o\':{\'1e\':1},\'3e\':{\'1e\':0}}};L 1g}});D 3n(5N){l o=3n.t,m=o.3v[o.72?"77":"75"].4S(5N),2H={},i=14;6r(i--)2H[o.1A[i]]=m[i]||"";2H[o.q.O]={};2H[o.1A[12]].1S(o.q.3v,D($0,$1,$2){j($1)2H[o.q.O][$1]=$2});L 2H};3n.t={72:G,1A:["9y","9z","9F","9G","9E","9D","9B","9C","9q","8X","8j","78","8k","8i"],q:{O:"2I",3v:/(?:^|&)([^&=]*)=?([^&]*)/g},3v:{77:/^(?:([^:\\/?#]+):)?(?:\\/\\/((?:(([^:@]*):?([^:@]*))?@)?([^:\\/?#]*)(?::(\\d*))?))?((((?:[^?#\\/]*\\/)*)([^?#]*))(?:\\?([^#]*))?(?:#(.*))?)/,75:/^(?:(?![^:@]+:[^:@\\/]*@)([^:\\/?#.]+):)?(?:\\/\\/)?((?:(([^:@]*):?([^:@]*))?@)?([^:\\/?#]*)(?::(\\d*))?)(((\\/(?:[^?#](?![^?#\\/]*\\.[^?#\\/.]+(?:[?#]|$)))*\\/?)?([^?#\\/]*))(?:\\?([^#]*))?(?:#(.*))?)/}};j(2Z Q=="4L"){l Q=B 2E()}j(2Z Q.3g=="4L"){Q.3g=B 2E()}j(2Z Q.2g=="4L"){Q.2g=B 2E()}Q.1u=D(4Q,J,w,h,53,c,4W,3Z,4U,4M){j(!1f.3S){L}8.79=4M?4M:"8f";8.6e=Q.3g.4i(8.79);8.4K=B 2E();8.3J=B 2E();8.4z=B 6D();j(4Q){8.1s("1F",4Q)}j(J){8.1s("J",J)}j(w){8.1s("C",w)}j(h){8.1s("u",h)}j(53){8.1s("2Y",B Q.29(53.8l().1v(".")))}8.3d=Q.2g.6t();j(!I.2z&&1f.4f&&8.3d.2s>7){Q.1u.6g=M}j(c){8.1l("1b",c)}l q=4W?4W:"8r";8.1l("8q",q);8.1s("3T",G);8.1s("38",G);l 6C=(3Z)?3Z:I.35;8.1s("5V",6C);8.1s("3B","");j(4U){8.1s("3B",4U)}};Q.1u.6j={3T:D(4Y){8.4P=!4Y?"8p.1F":4Y;8.1s("3T",M)},1s:D(64,63){8.4z[64]=63},1a:D(61){L 8.4z[61]},1l:D(62,67){8.4K[62]=67},4Z:D(){L 8.4K},37:D(68,6c){8.3J[68]=6c},8n:D(6a){L 8.3J[6a]},60:D(){L 8.3J},4V:D(){l 3G=B 6D();l 1A;l 4O=8.60();2j(1A 3N 4O){3G[3G.1h]=1A+"="+4O[1A]}L 3G},6u:D(){l 1G="";j(1C.2A&&1C.42&&1C.42.1h){j(8.1a("38")){8.37("5R","8o");8.1s("1F",8.4P)}1G="<8e K=\\"2x/x-8d-28\\" 2D=\\""+8.1a("1F")+"\\" C=\\""+8.1a("C")+"\\" u=\\""+8.1a("u")+"\\" 2X=\\""+8.1a("2X")+"\\"";1G+=" J=\\""+8.1a("J")+"\\" O=\\""+8.1a("J")+"\\" ";l 4y=8.4Z();2j(l 1A 3N 4y){1G+=[1A]+"=\\""+4y[1A]+"\\" "}l 4B=8.4V().5P("&");j(4B.1h>0){1G+="5T=\\""+4B+"\\""}1G+="/>"}N{j(8.1a("38")){8.37("5R","82");8.1s("1F",8.4P)}1G="<F J=\\""+8.1a("J")+"\\" 51=\\"5Q:83-81-80-7Y-7Z\\" C=\\""+8.1a("C")+"\\" u=\\""+8.1a("u")+"\\" 2X=\\""+8.1a("2X")+"\\">";1G+="<R O=\\"4T\\" S=\\""+8.1a("1F")+"\\" />";l 4R=8.4Z();2j(l 1A 3N 4R){1G+="<R O=\\""+1A+"\\" S=\\""+4R[1A]+"\\" />"}l 4X=8.4V().5P("&");j(4X.1h>0){1G+="<R O=\\"5T\\" S=\\""+4X+"\\" />"}1G+="</F>"}L 1G},5U:D(3W){j(8.1a("3T")){l 5X=B Q.29([6,0,65]);j(8.3d.3F(5X)&&!8.3d.3F(8.1a("2Y"))){8.1s("38",M);8.37("84",86(8.1a("5V")));1f.19=1f.19.8b(0,47)+" - 6w 8a 89";8.37("87",1f.19)}}j(8.6e||8.1a("38")||8.3d.3F(8.1a("2Y"))){l n=(2Z 3W=="88")?1f.3S(3W):3W;n.8t=8.6u();L M}N{j(8.1a("3B")!=""){1f.35.1S(8.1a("3B"))}}L G}};Q.2g.6t=D(){l 2e=B Q.29([0,0,0]);j(1C.2A&&1C.42.1h){l x=1C.2A["8N 6w"];j(x&&x.2a){2e=B Q.29(x.2a.1S(/([a-8M-Z]|\\s)+/,"").1S(/(\\s+r|\\s+b[0-9]+)/,".").1v("."))}}N{j(1C.6A&&1C.6A.4v("8Q 8V")>=0){l 1V=1;l 3x=3;6r(1V){3L{3x++;1V=B 3M("2b.2b."+3x);2e=B Q.29([3x,0,0])}3H(e){1V=2u}}}N{3L{l 1V=B 3M("2b.2b.7")}3H(e){3L{l 1V=B 3M("2b.2b.6");2e=B Q.29([6,0,21]);1V.8R="2k"}3H(e){j(2e.2s==6){L 2e}}3L{1V=B 3M("2b.2b")}3H(e){}}j(1V!=2u){2e=B Q.29(1V.8H("$2Y").1v(" ")[1].1v(","))}}}L 2e};Q.29=D(2q){8.2s=2q[0]!=2u?4w(2q[0]):0;8.34=2q[1]!=2u?4w(2q[1]):0;8.4o=2q[2]!=2u?4w(2q[2]):0};Q.29.6j.3F=D(2Q){j(8.2s<2Q.2s){L G}j(8.2s>2Q.2s){L M}j(8.34<2Q.34){L G}j(8.34>2Q.34){L M}j(8.4o<2Q.4o){L G}L M};Q.3g={4i:D(4q){l q=1f.35.8z||1f.35.8x;j(4q==2u){L q}j(q){l 2S=q.4r(1).1v("&");2j(l i=0;i<2S.1h;i++){j(2S[i].4r(0,2S[i].4v("="))==4q){L 2S[i].4r((2S[i].4v("=")+1))}}}L""}};Q.2g.6l=D(){l 2L=1f.8w("8u");2j(l i=2L.1h-1;i>=0;i--){2L[i].2X.2C="3C";2j(l x 3N 2L[i]){j(2Z 2L[i][x]=="D"){2L[i][x]=D(){}}}}};j(Q.1u.6g){j(!Q.6n){Q.2g.6o=D(){8B=D(){};8G=D(){};I.6p("8F",Q.2g.6l)};I.6p("8E",Q.2g.6o);Q.6n=M}}j(!1f.3S&&1f.4f){1f.3S=D(J){L 1f.4f[J]}}l 8C=Q.3g.4i;l 8D=Q.1u;l 1u=Q.1u;',62,616,'||||||||this|||||||||||if|self|var||||||||options|height||||||match|new|width|function|size|object|false|url|window|id|type|return|true|else|name|wrapper|deconcept|param|value|top|caption|Element|group|toInt|inject|||center||container||arrows|left|cls|getSize|title|getAttribute|bgcolor|href|position|opacity|document|effect|length|index|overlay|com|addParam|getStyle|class|start|list|div|rokboxobject|setAttribute|winSize|SWFObject|split|what|lnk|rel|module|key|overflow|navigator|setStyle|fx|swf|_19|closeHeight|transition|duration|click|className|current|videoId|closeButton|groups|addEvent|nextGroup|replace|tmp|hide|axo|case|arrowHeight|span|setStyles|||autoplay|arguments|scroll|http|getCaption|100|flash|PlayerVersion|description|ShockwaveFlash|getProperty|break|_23|swtch|SWFObjectUtil|reposition|videoID|for|always|close|open|allowscriptaccess|where|Fx|_29|allowfullscreen|major|spinner|null|removeClass|changeGroup|application|setHTML|opera|plugins|www|display|src|Object|audio|next|uri|queryKey|overlayObj|show|_2f|chain|controller|ytOptions|test|fv|amp|_2d|padding|captions|fs|transparent|style|version|typeof||image|defaultSize|background|minor|location|keyEvents|addVariable|doExpressInstall|nextArrow|prevArrow|wmode|vimeoColor|installedVer|end|fullscreen|util|watch|data|stop|me|Event|right|parseUri|previous|effects|growl|inactive|fireEvent|zIndex|sizes|parser|mplayer2|_26|contains|selfLink|vimeo|redirectUrl|none|mpeg|ie|versionIsValid|_16|catch|wav|variables|delay|try|ActiveXObject|in|loading|vimeoByline|vimeoTitle|youtube|getElementById|useExpressInstall|standby|vimeoFullScreen|_20|vimeoPortrait|scrollSize|_8||implement|mimeTypes|RokBox|idx||Rokverlay||switch|body|wait|dailymotion|200|Transitions|visibility|all|empty|setText|getRequestParameter|el|Quad|wmv|400|video|rev|google|_2b|substring|remove|random|metacafe|indexOf|parseInt|chase|_1a|attributes|evt|_1c|scrolling|innerWidth|len|filename|setProperties|get|iframe|qt|params|undefined|_a|innerHeight|_18|xiSWFPath|_1|_1d|exec|movie|_9|getVariablePairs|_7|_1f|_d|getParams||classid|set|_5|animation|asf|hidden|m4v|bottomleft|IFrameID|codebase|playing|adopt|youtubeAutoplay|unloadVideo|oleobject|mv4|onload|autoStart|addClass|plugin|hasClass|gt|quicktime|scale|00adef|aspect|m4a|mp3|jwplayer|rokboxPath|qtactivex|qtplugin|cab|enablejavascript|wma|videoplay|onComplete|matched|avi|xvid|bind|divx|wax|lt|wvx|No|apple|asx|str|array|join|clsid|MMplayerType|keyup|flashvars|write|xiRedirectUrl|captionsDelay|_21|regexp|chk|getVariables|_10|_11|_f|_e||abs|_12|_13|mov|_15|Math|_14|bindWithEvent|skipDetect|extend|doPrepUnload|https|domain|prototype|640|cleanupSWFs|Styles|unloadSet|prepUnload|attachEvent|number|while|border|getPlayerVersion|getSWFHTML|content|Flash|frame|ww|wh|userAgent|options2|_c|Array|toggle|Options|onHide|onShow|getPosition|h1|quicksilver|overlayOptions|theme|topleft|topright|Style|middleright|65555|easeInOut|Class|z0|img|initialize|setOptions|color|absolute|1000|rokverlay|strictMode|middleleft|loadVideo|loose|plus|strict|file|DETECT_KEY|bottomright|385|420|326|225|CLSID|345|339|B0F6|BC80|02BF25D5|8C17|4B23|stretchToFit|showcontrols|resize|11D0|504|94AB|0080C74C7E95|D3488ABDDC6B|22D6f312|336|currentStyle|captionText|event|visible|not|getText|trim|onerror|clr|warning|nocookie|Image|found|esc|jpeg|now|jpg|gif|320|png|bmp|Asset|removeEvent|alt|margin|liading|pointer|96B8|444553540000|11cf|AE6D|ActiveX|D27CDB6E|MMredirectURL||escape|MMdoctitle|string|Installation|Player|slice|filter|shockwave|embed|detectflash|push|merge|anchor|directory|query|toString|hasKey|getVariable|PlugIn|expressinstall|quality|high|elements|innerHTML|OBJECT|sameDomain|getElementsByTagName|hash|rokbox|search|String|__flash_unloadHandler|getQueryParamValue|FlashObject|onbeforeunload|onunload|__flash_savedUnloadHandler|GetVariable|default|f3f3f3|460|RegExp|zA|Shockwave|Hash|65550|Windows|AllowScriptAccess|easeOut|800|000|CE|delete|path|moogaloop|clip_id|en|hl|googleplayer|docId|server|show_title|time|frameBorder|flv|show_portrait|show_byline|fplayer|related|colors|DDDDDD|v3|_|bottomcenter|toQueryString|glow|FFFFFF|FFC300|autoPlay|special|333333|foreground|relative|auto|fade|topcenter|explode|middle|cursor|Events|source|protocol||host|port|password|user|authority|userInfo|styles|000000|evalScripts|update|method|Ajax|html|injectInside|request|clone|Chain|getGroup|bottom|h2|block'.split('|'),0,{}))
It doesn't look like rokbox has much of an API, and the code is minified so you can't even really read it.
Also, you are including two different plugins for modal windows. Squeezebox and rokbox - why?
Since you are using mootools on your site, you should use mootools to write the other javascript functionality. It'll be a lot easier. You won't have to deal with the browser crap that you have to deal with in plain javascript, since they've already taken care of all that in the library.
Also, you are including two different plugins for modal windows. Squeezebox and rokbox - why?
Since you are using mootools on your site, you should use mootools to write the other javascript functionality. It'll be a lot easier. You won't have to deal with the browser crap that you have to deal with in plain javascript, since they've already taken care of all that in the library.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
For some reason the mootools solution does not quire work, when clicked within the <div> it opens a JS message and does not lead to a link.
I beleive the SqueezeBox is installed by default in my CMS, but it does not handle an HTML page nicely, so I had to resort to a different script Rokbox.
I beleive the SqueezeBox is installed by default in my CMS, but it does not handle an HTML page nicely, so I had to resort to a different script Rokbox.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Just to clarify the rokbox thing... according to rockbox:
I have no way of triggering rokbox outside of that specification, and unfortunately, like I said before, they haven't made their code available to edit.
Perhaps a different plugin? What are your requirements? Does it have to be a joomla plugin or can it be a standalone script?
The way RokBox works is really simple, all potential RokBox links need just to be links (<a>) with rel tag starting as rokbox.
I have no way of triggering rokbox outside of that specification, and unfortunately, like I said before, they haven't made their code available to edit.
Perhaps a different plugin? What are your requirements? Does it have to be a joomla plugin or can it be a standalone script?
ASKER
Thanks, I am still working on this, but you guys gave me some good ideas. My existing scripts clash with some of these script examples, but that's "my fault"
Are you using jquery on your site, or would you like a plain vanilla script?