クリックすると、隠しテキストを表示するようなサンプルがあるのですが、
これを別のページからも起動させるにはどうすればよいでしょうか?
【トップページHTML】
<a href="JavaScript:onClick=Piyo('hoge');">隠しテキスト</a>
<div id="hoge" style="display:none">
【外部JS】
function Piyo(id){
if(document.all){
if(document.all(id).style.display == "block"){
document.all(id).style.display = "none";
}else if(document.all(id).style.display == "none"){
document.all(id).style.display = "block";
}
}else if(document.getElementById){
if(document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display = "none";
}else if(document.getElementById(id).style.display == "none"){
document.getElementById(id).style.display = "block";
}
}
}s
呼び出す別のページで、
<a href="/" onclick="Piyo('hoge');">
とかやってもダメでした…
やりたいことは、
リンクをクリックしたら、
画面をトップページに遷移させた後、自動的に、
遷移先のfunction Piyoを実行させて、隠しテキストを表示させたいです
(隠しテキストを表示させた状態で、トップページを表示したい)
トップページを
<body onload="load();">
などとして、
function load(){
if (location.hash=='#open') Piyo('hoge');
}
などというスクリプトを追加すればよいのではないでしょうか。
そうすると
<a href="/index.html#open">
などのリンクで表示してくれると思います。