- 締切済み
リンク設定の方法
会社のWebサイトの管理を行っている者です。（独学なのでほぼ素人です） 現在、xhtmlのstrictでサイトを作っているので、リンク先を新しいウインドウで開く場合にonclick="window.open()"で新しいウインドウを開いています。 また、メニューもJavaScriptでドロップダウンメニューにしています。 しかし、タブレットやスマホではタッチイベントを使わなければならないようで、PCで見た場合とタブレットで見た場合の両方に対応させるにはどうしたらよいのでしょうか。 ネットで調べてみましたが、よくわかりません。 今後、リニューアルではｈｔｍｌ５を使うつもりですが、良い参考書があればご紹介下さい。 以上、２点についてアドバイスお願い致します。
- oyajin082
- お礼率85% (72/84)
- HTML
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- dscripty
- ベストアンサー率51% (166/325)
一つ、質問に答えてなかった。。。 <!--[質問] より引用 しかし、タブレットやスマホではタッチイベントを使わなければならないようで、PCで見た場合とタブレットで見た場合の両方に対応させるにはどうしたらよいのでしょうか。 --> Document Object Model (DOM) Level 3 Events Specification http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate "A user agent must dispatch this event when a button, link, or other state-changing element is activated. Refer to Activation triggers and behavior for more details." Activation triggers and behavior http://www.w3.org/TR/DOM-Level-3-Events/#event-flow-activation でも、画面が大きめのタブレット端末はいいとしても、 スマートフォンは画面が小さすぎて、リンク部分をタップすることも大変だから、全く別の UI(幅広のボタン) を用意することが一般的になってきてる、、、かな？
- dscripty
- ベストアンサー率51% (166/325)
<!--[質問] より引用 xhtmlのstrictでサイトを作っているので、リンク先を新しいウインドウで開く場合にonclick="window.open()"で新しいウインドウを開いています。 --> これは。。。ひどい。。。本末転倒。。。(涙 XHTML でなんで target="_blank" を捨てたのかを調べよう！ <!--[質問] より引用 ｈｔｍｌ５を使うつもりですが、良い参考書があればご紹介下さい。 --> http://www.html5.jp/ でも、その前に、まだ読んで無いなら HTML4.01 の仕様を読むことをすすめるよ！ ※ 「HTML の独学」 = 「自分で HTML の仕様を読むこと」 http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html
関連するQ&A
- Webサイトでリンク先を新しいウインドウで開きたいのですが、上手くでき
Webサイトでリンク先を新しいウインドウで開きたいのですが、上手くできません。 Xhtml1.0／strictで作っています。 window.open()を使って写真などサイト内のページを別ウインドウで開く事はできるのですが、リンク先のサイトを開く場合の方法を教えて下さい。 javascriptについては殆ど分からないので、サンプルのコピペで対応しています。
- ベストアンサー
- JavaScript
- タブレットのドロップダウンメニューについて
会社のWebの管理をしていますが、５年前に作ったサイトはJavaScriptを使ってドロップダウンにしました。 しかしタブレットではドロップダウンメニューが開かずページの遷移ができません。 メニューを修正してタブレットやスマホでもリンク先のページに遷移させるのにはどうしたら良いか教えて下さい。 商品のところはドロップダウンで20個程表示されます。 Webについてはほぼ素人でHTMLとCSSは独学で勉強し、JavaScriptは本やサイトのサンプルデータを使わせていただいていて、内容についてはあまり理解していません。 タブレットやスマホではそもそもドロップダウンメニューが使えないようなのですが。 サイトで検索しましたが、今一参考にできそうなサイトにたどりつけませんでした。 アドバイスよろしくお願いします。
- 締切済み
- JavaScript
- JavaScriptでプルダウン(ドロップダウン)メニューを作りたい！
JavaScriptでプルダウン(ドロップダウン)メニューを作りたいのですが、 http://www.openspc2.org/reibun/JS_TipsAndTricks/menu/002/index.html このサイトを参考に作ってみたのですが、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> これを頭に入れるとうまく行きません。 これはどうしても必要なので、どうにかこれ入りで作りたいです。 どうしたら良いでしょうか？ 理想はこんな感じです http://jsajax.com/DropDownMenuArticle286.aspx あと、JavaScriptは外部ファイルで作りたいです。 上記のサイト以外に参考サイトなどありましたら、とてもありがたいです! よろしくお願いいたします!!
- ベストアンサー
- その他([技術者向] コンピューター)
- ドロップダウンメニューについて
JavascriptやJquoryを使わずにcssのみで、動きのあるドロップダウンメニューを作ることができました。 しかし、スマートフォンなどのタッチデバイスで動作確認をすると、メニューからサイドメニューが出っぱなしの状態になってしまい、引っ込んでくれません。 メニューの部分をクリックして開閉できるようにすればいいのでしょうか。やり方を教えて下さい。また、Javascriptを無効にしてる方でも問題なく使えるようにしたいです。
- 締切済み
- CSS
- ドロップダウンメニューについて
javascriptのドロップダウンメニューの作成について質問させてください。 現在、あるサイトでグローバルナビゲーションにドロップダウンメニューを実装しようとしているのですが、壁にあたってしまいました。 ↓参考サイト http://jsajax.com/EditRunDemo.aspx こういったドロップダウンメニューなのですが、これを例にあげさせてもらうと、例えばこのメニューのDownloadというページをクリックしてDownloadページに自分がいる時はDownloadのドロップダウンメニューを"出さない"ということがやりたいのです。 自分なりに色々とやってはみたものの、javascriptの経験が浅いので正直なところよくわからないのが現状です。 どなたかこのような事例のサンプルを紹介しているサイトをお知りの方、もしくは解決法をご教授いただければ幸いです。 そこまで至らなくてもどのような手法を取ればできそうかということだけでも良いのでご意見をください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 特殊なドロプダウンメニューについて
javascriptのドロップダウンメニューの作成について質問させてください。 現在、あるサイトでグローバルナビゲーションにドロップダウンメニューを実装しようとしているのですが、壁にあたってしまいました。 ↓参考サイトです http://flatone.s206.xrea.com/index.html こういったドロップダウンメニューなのですが、これを例にあげさせてもらうと、例えばこのメニューのページ1というページをクリックしてpage1ディレクトリ以下に自分がいる時はページ1ボタンのドロップダウンメニューを"出さない"ということがやりたいのです。 自分なりに色々とやってはみたものの、javascriptの経験が浅いので正直なところよくわからないのが現状です。 どなたかこのような事例のサンプルを紹介しているサイトをお知りの方、もしくは解決法をご教授いただければ幸いです。 そこまで至らなくてもどのような手法を取ればできそうかということだけでも良いのでご意見をください。 よろしくお願いします。
- 締切済み
- JavaScript
- [Excel VBA 2003]マクロからツールバー無しでIE開く方法
Webサイトで以下のようなJavaScriptを使用し、メニューバー無しの子ウィンドウを開くことができますが <button onclick=" window.open('xx.htm', '_blank', 'menubar=no,toolbar=no')">Open</button> ExcelVBAからIEを開く際に上記のような処理をすることはできますか？
- ベストアンサー
- Visual Basic
- JavaScriptを使用する入れ子のドロップダウンメニューについて
仕事で、入れ子のドロップダウンメニューを作成することになりました。 入れ子でなく、通常のドロップダウンメニューを、 こちらのWebサイト↓ http://exyz.cocolog-nifty.com/good_sleep/2007/09/javascript_8131.html を拝見させて頂き、作成したのですが、 こちらの方法を応用して入れ子にしようとすると、 ドロップダウンメニューが使い物にならないものになってしまいます。 参考としては、こういったものを作りたいと考えています↓。 http://www.ebase.co.jp/solution/index.html こちらのWebサイトの、左側のメニューです。 カテゴリによって、２段になってます。 いろいろなサイトを調べてみましたが、 CSSによるものしか見当たらず、かつサンプルが、私のブラウザ(Sleipnir、IE)では見ることが出来ませんでした。 参考サイトのように、綺麗なドロップダウンメニューにするには、 一体どうしたらいいのでしょうか。 また、参考サイトは、親メニューの部分だけが画像で、 子メニュー部分は全てテキストになっていますが、 この、子メニューも画像で入れ子のドロップダウンメニューを 作成することは可能でしょうか？ 分かりにくい質問で申し訳ございません。 よろしくお願い致します。
- 締切済み
- JavaScript
- XHTMLで新規ウインドウを開くリンク
XHTML 1.1 でサイトを作成しています。 1.1ではaタグの"target"が禁止になりましたが、新規ウインドウで開きたい場合は、JavaScriptしかないのでしょうか？ JavaScriptで作成すると未対応やOFFにしているブラウザでリンクが反応しなくなると思うのですが…。 href属性にURLを指定しつつ、JavaScriptに対応しているブラウザはJavaScriptで新規ウインドウを開くようにするにはどうしたらよいのでしょうか？（なるべく未対応、OFFにも新規ウインドウで開かせたいですが、無理であれば同一ウインドウでもOK） また、何か別の方法がありましたらご教示してください。
- ベストアンサー
- HTML
- ホームページとタブレット
ホームページを作り、flashを組み込んでいます。i-padではflashをサポートしていないのでユーザーにはアプリを組み込んで対応してもらっているのですが、flashを表示させる方法は他にありますか？また、タブレットではmouseoverが機能しないのでmouseoverでメニューをドロップダウンさせているサイトはその箇所は機能しないわけですが、タブレットでもドロップダウンメニューを使用するために方法はあるのでしょうか？すいません、よくわからないので教えていただければと思います。よろしくお願いします。
- ベストアンサー
- CSS
補足
新しいウインドウを開く事を嫌っている方が多いのですね。 サムネイルをクリックさせて写真やPDFファイルを大きく表示させる場合も使わない方が良いのでしょうか。 JavaScriptで表示されるウインドウサイズは指定して、「retrun false」でオフの方も使えるようにはしているのですが・・・。 仕様書は読んでみます。 ありがとうございます。