PCサイトは問題なく別窓を開いて動作するんですが、iPhoneなどのスマホではリンク先に飛ぶ動作ができなくて困っています。さかのぼって検索したのですが見つけられずどうかお知恵をお貸しください。
<script>
function jump(parts){
if(parts.options[parts.selectedIndex].value==""){
void(0);
}else{
window.open(parts.value,"_blank");
}
}
</script>
<form>
<select name="next" onchange="jump(this)">
<option value="" selected="selected">【都道府県別 店舗一覧】</option>
<optgroup label="北海道">
<option value="(店舗URL)">(店名)</option>
</optgroup>
</select>
</form>
No.2ベストアンサー
- 回答日時:
こんにちは
スマホはよくわかりませんが、単に、ポップアップブロックのせいではないでしょうか?
(PCでもブロックされたりしますけれど・・・)
http://d.hatena.ne.jp/go_nash/20111026#1319617919
ユーザーの動作の一環として行えばブロックされないという記事もあるようですが・・・
http://qiita.com/sutoh/items/7e40d7e89888e574198c
対策らしき方法を載せているページがありました。
https://gist.github.com/froop/5370154
ヒントになるURLをいただき感謝いたします!このURLがなかったらライトボックスを使うアプローチに気がつきませんでした。ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
HTML プルダウンメニューの選択...
-
↓の質問:テキストではなく、セ...
-
wordの数式について 定積分を書...
-
SUN BBSの改造方法
-
pythonのnumpyでの列(縦)ベク...
-
vsftpd+sslでアップロードできない
-
Javascriptの変数をCGIに送る方法
-
perlで書いたcgiでsqliteの使い...
-
Webアプリケーションを作りたい!
-
WEBページを強制的に横画面で見...
-
『数字の3桁毎にカンマを付け...
-
HTMLからCGIへデータを引き継ぎ
-
チェックボックスで選択した内...
-
標準入力からデータが読込めない
-
VBで表示したホームページの...
-
open.window(javascript) を使...
-
CGI実行できない。ソースが表示...
-
CGI
-
htmlからパラメータで、cgiに渡...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
select値をhiddenのvalueに渡し...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
チェックボックスグループの一...
-
ラジオボタンを選択済みにする...
-
<select>タグの幅設定
-
OPTIONタグにループは使えない...
-
iframeごとに戻るボタンを
-
メールフォームのプルダウンメ...
-
リストボックス(multipleなsel...
-
selectboxの画面遷移で、postデ...
-
プルダウンメニューでValue値を...
-
htmlでセルの値を取得して計算...
-
チェックボックスの余白を指定...
-
一つの検索窓で複数のサイトか...
-
ラジオボタンとセレクトメニュ...
-
コンボ1の内容に応じてコンボ...
おすすめ情報
先ほど書き込みをいただきました「スマートフォン側でJavaスクリプトをオンにした状態」でも閲覧が不可でした...
一応使っているところはWixです。サイトの仕様なのでしょうか...
ありがとうございます!...でもやっぱりできません...
やってみてわかったのですが、スマートフォン側のポップアップブロックを解除することで警告文がでてアクセスできるようにはなりましたが...解除しなくてもプルダウンで選択して見れる状態にしたいのです...
「ポップアップ」でリンク先にアクセスするのが問題であればプルダウンメニューを選んだ段階で現在いるページを入れ替えるというのも「ポップアップブロック」にブロックされてしまうのでしょうか?
もしそうではなのであればその記述方法を教えていただけると助かります!
お知恵をお貸しくださったみなさまありがとうございました!いろいろ試行錯誤した結果スマホデフォルトの「ポップアップブロック」がかかってても反応する方法としてプルダウンメニューをやめてリンクでライトボックスを開き、そこに新たな外部リンクをテキストにはることでスマホでもPCでも閲覧できました!
新たなタブで外部リンクを表示→ポップアップブロックに引っかかる
テキストにリンクをはり、それをライトボックスで開きそのライトボックスの要素にテキストをいれてそれに外部リンクをはっつける→ポップアップブロックに引っかからない
という結果でできました。
もし同じような案件でお困りの方はライトボックスを試してみるといいかもしれません。
ありがとうございました。