アンカーがHTMLでアクティブになっているときにDIVを表示するには

-2

URLが＃404で終わるときに次のコードを表示させるにはどうすればよいですか？アンカーがHTMLでアクティブになっているときにDIVを表示するには

<!--404 code--> 
 
<style> 
 
.div1 { 
 
    width: 300px; 
 
    height: 100px; 
 
    border: 1px solid blue; 
 
    border-color: #ff0263; 
 
    box-sizing: border-box; 
 
} 
 

 
</style> 
 

 
<body> 
 
<font face="century gothic"> 
 
<div class="div1" name="div1"> 
 
<span id='close' style="cursor:pointer" onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>x</span> 
 
The vite you were looking for could not be found. <a href="/404-what-to-do"><button class="button button5">What do I do now?</button></a></div> 
 
</font> 
 
<script> 
 
window.onload = function(){ 
 
    document.getElementById('close').onclick = function(){ 
 
     this.parentNode.parentNode.parentNode 
 
     .removeChild(this.parentNode.parentNode); 
 
     return false; 
 
    }; 
 
}; 
 
</script> 
 
<style> 
 
#close { 
 
    float:right; 
 
    display:inline-block; 
 
    padding:2px 5px; 
 
    background:#ccc; 
 
} 
 

 
#close:hover { 
 
    float:right; 
 
    display:inline-block; 
 
    padding:2px 5px; 
 
    background:#ccc; 
 
    color:#fff; 
 
} 
 
</style> 
 
<script> 
 
$(document).ready(function() { 
 
    $("#id1").click(function() { 
 
     $(".div1").css('display', 'block');  
 
    }); 
 
}); 
 
</script>

私はヴィーテと呼ばれるこのウェブサイトを実行する - vite.website（グーグル：ヴィーテフラッシュエンジン）。 404に達すると、vite.website/ ＃404にリダイレクトされるように設定することができます。アンカー、 ＃404がアクティブな場合にのみ、次のコードを表示するにはどうすればよいですか？ありがとう！

出典

2017-07-31 MULTI Team

使用しています。 –

どこにコードがありますか？ – Lekens

これはCSSですが、jqueryを使用できます。あなたは、ページの現在のURLのハッシュを得ることができ、あなたの目的のif文を使用することができます。あなたがそう

window.location.hash

を使用して、ウェブページのハッシュの場所を取得することができ、多分このようなものは、（あなたはjQueryのを使用していると仮定して）仕事ができる

出典

2017-07-31 11:12:07 ARASH

-1

function hashIs404() { 
var hash = location.hash.slice(-1); 
    if (hash === "404") { 
     //Display things 
     //$(selector).addClass(classname); recommended 
    } else { 
     //Hash is not 404 
     //$(selector).removeClass(classname); recommended 
    } 
}

とすることで、この機能hashIs404();を呼び出しますそれをバインドするwindow.onload：

window.onload = hashIs404;

スタイリング宣言 - LLY、それを表示し、これは**コード**、これはCSSではない、完全に問題を解決しない場合、私は助けることができる場合であればと

$("head").append("<link rel='stylesheet' href='stylesheet-location.css');

希望:)

出典

2017-07-31 11:12:26 DaniFoldi

これにはjQueryは必要ありません。私はこの質問に全面的に答えてはいけません。 –

アンカーがHTMLでアクティブになっているときにDIVを表示するには

答えて

関連する問題