JavaScriptを使用してリンク/ txt/divのみを非表示にする

私は自分の写真を拡大するためにJavaScript画像ビューアを持つサイトを持っています。JavaScriptを使用してリンク/ txt/divのみを非表示にする

したがってJSを有効にして閲覧すると、他のページへのリンクが写真を拡大して表示する必要はありません。

JSが無効になっていると、javascriptで写真を拡大する機能が表示されませんが、には拡大ページへのリンクが表示されます。

リンクを非表示にするコードが必要です。私はトグルスイッチを探し続けている。

2011-07-21 Mario

あなたが見つけたトグル関数から隠れている部分を抽出することはあまり難しいことではありません。 –

代わりのリンクを隠し、ちょうどnoscriptタグにそれを置く：

<noscript> 
    <a href="/url">This link only shows up for those without javascript enabled</a> 
</noscript>

2011-07-21 08:18:35 benekastah

私は良い考えだとは思わない。これらの要素がたくさんあるとします。個人的に私はHTML構造のどこにでもそれらのnoscriptタグを持たせたくありません。 – meo

真。このような要素が多いサイトがあれば、私はpleasedontbelongの答えに行くだろう。これはおそらく、javascriptが有効になっているときに私が実際に_needed_要素を非表示にする場合に使用するものです。 – benekastah

通常、あなたが何をする必要があるかhrefとonclick属性

<a href="www.mysite.com/link_to_my_big_image.jpg" onclick="showBigImage();return false;"> 
    <img src="my_small_image.jpg" alt="click me"/> 
</a>

の両方を持っているリンク内のあなたのイメージを置くことです

JSが無効な場合、onclickは機能しません。jsが有効になっていると、リンクはページをリダイレクトしません。

Good Luck

2011-07-21 08:18:46 pleasedontbelong

これらのケースでは、本体またはHTMLにnojsという名前のクラスを設定しています。それから私はjavascriptでそれを削除します。そして、あなたは両方のケースをカバーするために、次のCSSを使用することができます。

.js .yourelement { 
    display: none; 
} 

.nojs .yourelement { 
    display: block; 
}

をjQueryを使ってあなたが行うことができます：

$(function(){ $("body").addClass("js").removeClass("nojs"); });

その方法をそのだけでなくHTML5 boilerplateで行います。

2011-07-21 09:27:22 meo

答えて