用URL触发onClick事件
Trigger onClick event with URL
我希望能够导航到页面并在accordion js结构中的三个内容容器之一中打开内容。
这里是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>
这是我的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);
}
我希望能够在URL字符串中放一个#reel,并且能够导航到并打开Accordion1Content。
你可以使用JQuery的pageready函数,以及URL解析来触发点击事件:假设您的URL看起来像:http://mysite.com/?page=reel
$(function() {
var url = window.location.href;
var page = url.match(/page=([^'?]+)/)[1];
if (page=="reel") { runAccordion(1); }
});
您还可以为其他页面名称添加大小写
相关文章:
- 如何在执行此特定onclick事件时执行JavaScript函数
- 如何调用“;链接_;在onclick事件上使用Javascript
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 选择onclick事件jquery
- 如何刷新列表框内容onclick或blur事件
- 执行php函数的onclick事件的其他替代方案
- 动态创建OnClick事件Javascript
- onClick事件未触发reactjs
- 使用java脚本更改onClick事件中菜单选项卡的颜色
- 如何使用OnClick事件通过参数调用来调用PHP函数
- 第二个事件[onClick]不起作用
- 复选框事件onclick不起作用
- 如何在jQuery中为通知添加事件onClick
- JS函数不响应事件onclick
- 使用事件onclick访问if语句Javascript中变量的值
- 如何在事件onclick中抓取文本
- 如何绑定id < light >与事件Onclick
- 未找到JS事件OnClick
- 如何在js/prototype中触发具有特定顺序的事件(onclick)
- 无法触发javascript事件OnClick的复选框