javascript - Trigger onClick event with URL -


i able navigate page , open content in 1 of 3 content containers in accordion js structure.

here html:

<div id="navigation"> <div id="accordioncontainer" class="accordioncontainer">             <div onclick="runaccordion(1); contentheight=1040;" id="reel">                 <div class="accordiontitle" onselectstart="return false;">reel</div>             </div>             <div id="accordion1content" class="accordioncontent">                 <div id="reelspots">                     content                 </div>             </div>             <div onclick="runaccordion(2); contentheight=1075;">                 <div class="accordiontitle" onselectstart="return false;">about</div>             </div>             <div id="accordion2content" class="accordioncontent">                 content             </div>             <div onclick="runaccordion(3); contentheight=175;">                 <div class="accordiontitle" onselectstart="return false;">contact</div>             </div>             <div id="accordion3content" class="accordioncontent">                 content             </div>         </div>     </div>

and here javascript:

// javascript document  var contentheight = 200; var timetoslide = 250.0;  var openaccordion = '';  function runaccordion(index) {   var nid = "accordion" + index + "content";   if(openaccordion == nid)     nid = '';    settimeout("animate(" + new date().gettime() + "," + timetoslide + ",'"       + openaccordion + "','" + nid + "')", 33);    openaccordion = nid; }  function animate(lasttick, timeleft, closingid, openingid) {     var curtick = new date().gettime();   var elapsedticks = curtick - lasttick;    var opening = (openingid == '') ? null : document.getelementbyid(openingid);   var closing = (closingid == '') ? null : document.getelementbyid(closingid);    if(timeleft <= elapsedticks)   {     if(opening != null)       opening.style.height = contentheight + 'px';      if(closing != null)     {       closing.style.display = 'none';       closing.style.height = '0px';     }     return;   }    timeleft -= elapsedticks;   var newclosedheight = math.round((timeleft/timetoslide) * contentheight);    if(opening != null)   {     if(opening.style.display != 'block')       opening.style.display = 'block';     opening.style.height = (contentheight - newclosedheight) + 'px';   }    if(closing != null)     closing.style.height = newclosedheight + 'px';    settimeout("animate(" + curtick + "," + timeleft + ",'"       + closingid + "','" + openingid + "')", 33); }

i'd love able put #reel in url string , able navigate to, , open accordion1content.

you can use jquery's pageready function, along url parsing trigger click event: url looks like: http://mysite.com/?page=reel

$(function() {     var url = window.location.href;     var page = url.match(/page=([^\?]+)/)[1];     if (page=="reel") { runaccordion(1); } });

you add cases other page names well.


Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

c++ - qgraphicsview horizontal scrolling always has a vertical delta -

Image
i've subclassed qgraphicsview custom canvas used in cad application. i've reimplemented qgraphicsview::wheelevent check keyboard modifiers control key and, if control key pressed, zoom. i'm trying implement horizontal scroll when user holds shift , uses wheel. the problem i'm having horizontal scrolling always scrolls 0.279. not huge problem, hugely annoying , points else being wrong. so, here questions: is right way implement horizontal scrolling? if not, is? how eliminate delta of 0.279? thanks in advance. code , sample output below void myview::zoom(int delta) { double factor = pow(1.2, delta/abs(delta)); this->scale(factor, factor); } void myview::scrollhorizontal(int level) { qpointf center = maptoscene(viewport()->rect().center()); qdebug() << "center: " << center.x() << ", " << center.y(); centeron(qpointf(center.x() - level, center.y())); } void myview::wheelevent(qwheeleve...
Read more