JavascriptでスマホサイトからPCページへ移動させる方法
- Javascriptを使用して、スマホサイトからPCページへの移動を自動化する方法について教えてください。
- 現在、スマホサイトではhtaccessを使用してキャリアごとにページを振り分けていますが、スマホページからPC版ページに移動するためには、「今見ているスマホページのPC版ページ」へのリンクを自動的に生成する必要があります。
- 自動的にスマホページのURLを取得し、その一部を置換してPC版のURLを生成するJavascriptのソースコードを教えてください。
- ベストアンサー
Javascriptでページ取得したい
いつもお世話になっています。 スマホサイトにて、キャリアごとにhtaccessで振り分けを行っていますが、 「PCサイトへ移動」ボタンを押したら、PCページへ移動させたいのです。 追加条件として、PC版のTOPページではなく、「今見ているスマホページのPC版ページ」へ移動させたいのです。 <a href="http://aaaaa.jp/bbb/ccc.html?mode=pc">PC版サイトはこちらから</a> と一つ一つ全ページに入れていくのは大変なので http://aaaaa.jp/bbb/ccc.html この部分をJavascriptで自動取得したいです。 <a href="【jsで自動取得】?mode=pc">PC版サイトはこちらから</a> のようなイメージです。 そもそも可能でしょうか？ 可能であればソースまで教えていただけると助かります。 宜しくお願い致します。
- tep0607
- お礼率63% (7/11)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じでいかがでしょうか。 jqueryに抵抗なければですが・・・。 <html> <head> <title>テスト</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type='text/javascript'> $(function(){ $('a.modepclink').attr('href',location.href+'?mode=pc'); }); </script> </head> <body> <a class='modepclink' href="#">mode=pcへ</a> </body> </html>
関連するQ&A
- htaccessとJavascriptでの振り分け
いつもお世話になっています。 現在htaccessでキャリア判別＋ RewriteCond %{QUERY_STRING} !mode=pc のような感じで、スマホ端末をspフォルダへ振り分けています。 そこにスマホでもPC版を見たい方のために、 http://hogehoge.jp?mode=pc という形でPC版を見れるようにしています。 ここまでは理解でき、設定もできているのですが、 http://hogehoge.jp?mode=pc と言うのは、スマホサイトからのリンククリックの時にmode=pcになるだけで、 PC版に移動した後に、さらに別の詳細ページなどに移動しようとすると、 またhtaccessが効いて、spフォルダへ再転送されてしまいます。 スマホからPC版へ移動した場合に、 そのセッション中だけは、PC版を見続けられるようにできますでしょうか？ phpは使っていません。 HTML,Javascript、htaccessの組み合わせで回避できるようにできますでしょうか？
- 締切済み
- JavaScript
- クリックされた時にページを表示する前に処理する方法
以下のようにクリックされた時 まず、ファイルに書き出した後にリンク先のページを表示したのですが aaa.phpのページ <a href="bbb.php?genre=1">1</a> <a href="bbb.php?genre=2">2</a> <a href="bbb.php?genre=3">3</a> (1)aaaプログラム上で、ファイルに書き出す (2)対象ページを表示 対象ページプログラムでファイルを書き出す方法はできますが、他のページからの 移動の時はファイルを書き出したくありません。 また、途中プログラムを作成して、そのプログラムが振り分ける方法のあると思いま すが、・・・。 aaa.phpのページ <a href=.cccphp?genre=1>1</a> <a href=ccc.php?genre=2>2</a> <a href=ccc.php?genre=3>3</a> ccc.php ファイル出力 Location・・・で表示 あくまでも、aaa.php内でファイルを書き出してから、対象ページを表示する方法 をお教えお願い致します。
- ベストアンサー
- PHP
- ページ内のリンクが外れてしまいました。
ＰＣ用とスマートフォン用でトップページのみデザインを変えているサイトで、トップページからそれぞれのページへのリンクが、以前は問題無く繋がっていたのですが、スマートフォン用のみ、いつからか外れてしまいました。 スマートフォン用のトップぺージは“i”というフォルダ内に入れ、 <li><a href="../aaa.html">aaa</a></li> <li><a href="../bbb.html">bbb</a></li> としています。 よろしくお願いします。
- 締切済み
- CSS
- JavaScriptでリンクを設定したい
JavaScript超初心者です。 サイトで画像やテキストリンクが1ページにとても多く、 リンクアドレスも同一のものが数か所あります。 JavaScriptでリンクを設定すれば、リンクだらけにならないと聞いたので 使ってみようと思ったのですが、上手くいきません。 http://www.openspc2.org/reibun/javascript/link/020/ こちらのサイトを参考にやってみたのですが、 テキストリンク1カ所はできました。 でも、画像リンクはnullと表示されて画像も表示されなくなり、 2個目のテキストリンクはリンクになりません。 <a href="./aaa.html"><img src="./img/aaa.jpg" /></a> <a href="./aaa.html">あああ</a> <a href="./bbb.html"><img src="./img/bbb.jpg" /></a> <a href="./bbb.html">いいい</a> <a href="./aaa.html"><img src="./img/ccc.jpg" /></a> <a href="./aaa.html">ううう</a> このように表示されているリンクを JavaScriptでリンクを設定するにはどうしたらよいでしょうか？ よろしくお願いします！
- 締切済み
- ブログ
- URLを見つけたら自動でリンク、タイトルを取得する
よろしくお願い致します。 ------------- 引用元：http://aaa、http://bbb、http://ccc ------------- という文字列がある場合 ------------- 引用元：<a href="http://aaa" target="_blank">タイトルaaa</a>、<a href="http://bbb" target="_blank">タイトルbbb</a>、<a href="http://ccc" target="_blank">タイトルccc</a> ------------- に置き換える方法を考えています。 ------------- <?php // 対象文字列 $text = '引用元：http://aaa、http://bbb、http://ccc'; // パターン $pattern = '/((?:https?|ftp):\/\/[-_.!~*\'()a-zA-Z0-9;\/?:@&=+$,%#]+)/u'; // 置換後の文字列 $replacement = '<a href="\1">\1</a>'; // 置換 $text= preg_replace($pattern,$replacement,$text); // 出力 echo $text; ?> ------------- で ------------- 引用元：<a href="http://aaa" target="_blank">http://aaa</a>、<a href="http://bbb" target="_blank">http://bbb</a>、<a href="http://ccc" target="_blank">http://ccc</a> ------------- までは行けたのですが、タイトルを取得する方法が分かりません。 http://otapps.net/archives/305 こちらを参考に考えたのですが、先に進めずにいます。 分かる方がいらっしゃいましたら、ご教示ください。 よろしくお願い致します。
- ベストアンサー
- PHP
- GoogleMap API キー取得について
お世話になります。 GoogleMapをひとつのサイトで複数利用したいので、APIページでフォルダごとに申し込みました。 たとえは、 http://aaa.jp/bbb/ccc/ccc.html http://aaa.jp/bbb/ddd/ddd.html といった具合です。 GoogleMapを作るのは初めてなので、ひとつずつ確実にと、まず、ccc.htmlを作り、マーカーもインフォウインドもうまくできました。 次に、ddd.htmlのためにAPI Keyをとり貼り付けたのですが 「使用されているキーは他のウェブサイトに登録されています。このサイト用のキーを取得してください。」 と表示されます。 キー取得の注意事項に同一フォルダ内で複数ファイルには利用できないとあったのでフォルダ分けしているのですが・・・ どうしたらいいでしょうか？
- ベストアンサー
- JavaScript
- 全ページにメニュー表示をさせたい
ある一つのテーマで複数のページを持っており、その全てにメニューを置きたいので、困っています。 例えば、野球というテーマでサイトを作って、各球団毎にページを数十ページづつ作っているという感じです グループ毎に、dreamweverで定義し、各グループ毎ではメニューの更新をテンプレートだけの変更で行えるのですが、今は１０グループしかないのですが、今でも結構たいへんですので、今後も随時増えていきますので、なんらかの対処をしたいと思っています。 そこで、javascriptならば一つの設定ファイルを全ページに表示させる事ができた筈…と思い、調べたのですが調べ方が悪かったのか見つかりませんでした 表示には + <a href='http://www.…'>ＡＡＡ</a><br> + <a href='http://www.…'>ＢＢＢ</a><br> + <a href='http://www.…'>ＣＣＣ</a><br> + <a href='http://www.…'>ＤＤＤ</a><br> と表示させたいのですが、 <select name='list' onChange='if(document.top_new.list.value){location.href=document.top_new.list.value;}'> <option value='http://www.…' >ＡＡＡ</option> <option value='http://www.…' >ＢＢＢ</option> <option value='http://www.…' >ＣＣＣ</option> </select> でも全然大丈夫です どなたか簡単な方法を方法を教えてください(*- -)(*_ _)ペコリ
- 締切済み
- JavaScript
- Javascriptについて
Javascriptについて JavaScriptについて質問です。 ページを移動する際にonUnloadを使って関数を呼び出し、 移動先のページのURLを取得（<A href="">のリンク以外による移動でも可能な)したいのですが、 可能でしょうか？よろしくお願いします。
- ベストアンサー
- JavaScript
- ディレクトリ構成とプログラム
ディレクトリ構成とプログラムについて 各カテゴリ（aaa、bbb、ccc）単位に商品一覧を表示しているサイトで ソースをみると下記のようになっています。 <a href="/cat/aaa/">aaa</a> <a href="/cat/bbb/">bbb</a> <a href="/cat/ccc/">ccc</a> クリックするとルートディレクトリは http://www.xxx.jp/cat/aaa/list/?num=20と表示されます。 ※numは表示商品のmax数。 index.phpがプログラム名なのはわかりますが ディレクトリ構成が / ├index.php（トップページ） ├cat/list/ │ ├aaa │ │ └list │ │ └index.php │ ├ bbb │ としているとは思えません。 どのようなフォルダ構成、実際のプログラムがある場所、どのような制御をしているのでしょうか？ また、考え方が記載されているサイトを教えていただけませんか。
- ベストアンサー
- PHP
- jqueryで ディレクトリ（ページ）のハイライト
<div id="tab"> <div class="tab"><a href="/aaa/aaa/">あああ</a></div> <div class="tab"><a href="/aaa/bbb/">いいい</a></div> <div class="tab"><a href="/aaa/ccc/">ううう</a></div> </div> このようなリンクがあり 例えば現在のページが /aaa/bbb/ を開いている時 <div class="tab"><a href="/aaa/aaa/">あああ</a></div> <div class="tab no_link">いいい</a> <div class="tab"><a href="/aaa/ccc/">ううう</a></div> </div> このようにクラスの追加とリンクを削除（？）するにはどうすればいいのでしょうか？ http://www.webopixel.net/javascript/416.html こちらの 「url-parser」を使って現在位置の取得はできるのですが クラスの追加とリンクの削除方法が分からず詰まってしまっています。 よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
ありがとうございます！ jQueryは元々入れていましたので、抵抗なく使用出来ました！ 助かりました。