Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 928
  • Last Modified:

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.

<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>

Open in new window

0
greenerpastures
Asked:
greenerpastures
  • 11
  • 6
  • 2
  • +1
3 Solutions
 
Kyle HamiltonData ScientistCommented:
If you don't want to wrap it in an anchor, you can use javascript for the click event. It's your choice if you want to use javascript at that point to also change the background, or to use a css hover to change the background. I would do both in javascript.

Are you using jquery on your site, or would you like a plain vanilla script?
0
 
greenerpasturesAuthor Commented:
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....
0
 
Kyle HamiltonData ScientistCommented:
I'm sure they did it with javascript. I'm not going tot try to figure out their code - that's a big site..
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
Chris StanyonCommented:
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; )
0
 
Kyle HamiltonData ScientistCommented:
If you can wait until I get into my office, (couple hours) I'll write you a script.
0
 
Chris StanyonCommented:
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";
   });
});

Open in new window

I'll leave it for others if you need a non-jquery version :)
0
 
Ray PaseurCommented:
This validates correctly.
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>

Open in new window

0
 
Kyle HamiltonData ScientistCommented:
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
0
 
greenerpasturesAuthor Commented:
Yeah, that's what I am looking for...
Also, could you make the <div> highlight with a border on hover?
Thank you
0
 
Ray PaseurCommented:
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>

Open in new window

Best regards, over-and-out, ~Ray
0
 
Kyle HamiltonData ScientistCommented:
OK, here you go:
http://candpgeneration.com/EE/plainVanilla/hover-click-2.html

view source for code.

Remember to add the "link" class to the anchor that you want used as the link. (You can name that class whatever you want, but make sure it is the same in the html as in the javascript)

Also, keep in mind that plain vanilla javascript is much more verbose than something that relies on a library like jquery - where all that cross-browser goodness is already written.

cheers.
0
 
greenerpasturesAuthor Commented:
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?
0
 
Kyle HamiltonData ScientistCommented:
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>
0
 
Kyle HamiltonData ScientistCommented:
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.
0
 
greenerpasturesAuthor Commented:
Perhaps this code is responsible for initiating the rokbox modal window on click (this part is in the <head> of the page):

 <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>

Open in new window


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,{}))

Open in new window

0
 
Kyle HamiltonData ScientistCommented:
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.
0
 
Kyle HamiltonData ScientistCommented:
Here's a mootools solutions. It's much easier to look at.

http://candpgeneration.com/EE/plainVanilla/hover-click-mootools.html
0
 
greenerpasturesAuthor Commented:
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.
0
 
Kyle HamiltonData ScientistCommented:
Yes. It just fires an alert box - that function can be anything though. It was more just a proof of concept.

Here is the script with the actual linking. On your page, you already have a domready function, so you do not need to duplicate that. Just put everything inside the domready inside your own existing domready (does that make sense?):

                $$('.module-hilite4').addEvents({
                    'click'     :   function (e){
                                    
                                    var link = this.getElements('.link');
                                    
                                    // alert(link.get('href'));
                                    window.location = link.get('href');
                                    e.stop();
                    },
                    'mouseover' :   function(){this.addClass('active')},
                    'mouseout'  :   function(){this.removeClass('active')}
                    
                });
                // this line will prevent event bubbling, so your rokbox can work:
                $$('.link').addEvent('click', function(e){e.stop();});

Open in new window


If you're not using the Squeezebox plugin, you should delete the call to it in your domready.


Your whole script should end up looking like this:

<script type="text/javascript">
var rokboxPath = '/plugins/system/rokbox/';

window.addEvent('domready', function(){ 
	var t=new QTabs('60', {
			contWidth:100,
			tabsWidth:700,
			scrolling:1,
			duration:1000,
			transition:'linear'
			}); 

	$$('.module-hilite4').addEvents({
                    'click'     :   function (e){
                                    
                                    var link = this.getElements('.link');
                                    
                                    // alert(link.get('href'));
                                    window.location = link.get('href');
                                    e.stop();
                    },
                    'mouseover' :   function(){this.addClass('active')},
                    'mouseout'  :   function(){this.removeClass('active')}
                    
                });
      // this line will prevent event bubbling, so your rokbox can work:
      $$('.link').addEvent('click', function(e){e.stop();});

});
</script>

Open in new window

0
 
Kyle HamiltonData ScientistCommented:
Just to clarify the rokbox thing... according to rockbox:

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?
0
 
greenerpasturesAuthor Commented:
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"
0

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

  • 11
  • 6
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now