• 締切済み

URLの途中に値(mobile/)を入れたい。

当方、デザイナーです。 Javascriptと正規表現にチャレンジしましたが、座礁してしまいました。 URLの途中にmobile/という値を挿入したいです。 例えば、 http://chubu.mapigation.jp/2011/06/post-132.html というURLがあるとしたら、これを http://chubu.mapigation.jp/mobile/2011/06/post-132.html に変えたいです。 以下が自分のチャレンジしたものです。 <script type="text/javascript"> window.onload = function() { var str= document.getElementById('permlink').href; document.write(str.replace(/\bj(\w*)p\//,'jp/mobile/')); } </script> <a id="permlink" href="http://chubu.mapigation.jp/2011/06/post-132.html">click</a> ここまでは自力でなんとかできました、 document.writeでmobile/を含ませたURLを返せます。 しかし、これをどのように<a>~</a>に送り返せば良いのかわかりません。 どなたかわかればヨロシクお願い致します。

みんなの回答

  • notnot
  • ベストアンサー率47% (4848/10262)
回答No.1

そのまま代入で。 <script type="text/javascript"> window.onload = function() { var str= document.getElementById('permlink').href; document.getElementById('permlink').href = str.replace(/\bj(\w*)p\//,'jp/mobile/'); } </script> <a id="permlink" href="http://chubu.mapigation.jp/2011/06/post-132.html">click</a>

関連するQ&A

  • JavaScriptを最後に実行するには?

    JavaScriptでリンクをランダムに表示するようにしたところ、 少し表示が遅く感じるようになったため、 最後にJavaScriptを実行するようにonloadイベントを使って [外部(JavaScript)ファイル] <!-- window.onload = function onload(){ var random = Math.floor(Math.random() * 3); if(random == 0) document.write('<a href="URL1">サイト名1</a>'); else if(random == 1) document.write('<a href="URL2">サイト名2</a>'); else if(random == 2) document.write('<a href="URL3">サイト名3</a>'); }; //--> [HTMLファイル内] <script type="text/javascript" src="./フォルダ名/ファイル名.js"></script> のように書いて試しましたが、真っ白なページにこのスクリプトの内容だけが表示されてしまいます。 "window.onload = function onload{"と、最後の"};"の部分を追加するまでは普通に動いていました。 また、ページ内に、別の外部ファイルも含めて同じようなものを複数組み込みたいと思っています。 この方法でなんとか表示したいのですが、 別の方法も含め、情報をいただきたいです。 わかりにくいところがあれば補足します。 よろしくお願いします。

  • javascriptで取得したurlの情報をGETで送る方法がわかりません。

    現在のURLをjavascriptで取得し、その取得した情報を送る方法を教えてください。 以下のソースでURLを取得しgetで送るにはどのようにすればよいのでしょうか? <scripttype="text/javascript"language="javascript"> var url = document.write(document.URL); </script> <a href="./submit.php?document.write(url)">新規登録</a> 以上よろしくお願いします。

  • ネスケでdocument.write

    質問があります。 <html> <head> <script type="text/javascript"> <!-- str = "a"; function func(){ document.open(); document.write( str ); document.close(); } --> </script> </head> <body onload = "func()"> </body> </html> というソースを組んだのですが、IE6なら正常に表示できたのにNetscape7だと表示されませんでした。 document.write("a")と記述すると表示できたのですが・・・。 本来組みたいソースは上記のstrが長文かつ多用するために簡略化したいのですが、何か良い方法はあるでしょうか?

  • アドレス欄のurlをファイルに書き出したい

    <script type="text/javascript" language="javascript"> <!-- document.write (location.href); // --> </script> 上記の方法でブラウザのアドレス欄のurlがページに表示されています。 現在表示されているurlを同じフォルダ内のurl.txtに書き出したいのです。 javascriptは余り詳しくないので、できればコピペできる形で ご教示して頂けるとありがたいです・・・(^^ゞ 宜しくお願いします・・・m(_ _)m

  • 外部javascriptファイルをjavascriptから動的に呼び出したい

    呼び出し元のURLによって動作を変えたいJAVASCRIPTがあります。 普段外部のJAVASCRIPTを呼び出すときはよくこうするのですが <script type="text/javascript" src="js.php?key=url"></script> これでは「key=url」が固定になってしまいます。そこで下記のように <script> var commentname=document.URL; var str=encodeURIComponent(commentname); document.write('<script type="text/javascript" src="read.php?key=',str,'"><\/script>'); </script> document.writeを使って無理やり外部Javascriptファイルの呼び出しスクリプトを書いているのですが、この書き方はどうもエレガントさにかけるというか、いまいち気に入りません。 もっとほかに良い方法がある気がするのですが、調べてもわかりませんでした。おわかりになる方がいらっしゃったらご教示頂けないでしょうか。

  • <a href>~</A>間へスクリプト結果の表示

    下記のスクリプト(現在のURL表示)を<a href>~</A>の間に表示させることは可能でしょうか。 <スクリプト> <SCRIPT LANGUAGE=javascript> <!-- document.write( location.href ); // --> </script> <a href="───ここに───;sort=up1">▼</A> <a href="───ここに───;sort=down1">▲</A>

  • javascriptを使った値受渡(アイフレーム)

    javascriptを使って、診断テストを作っています。 htmlファイルの中の3つの選択肢の中から、 ひとつを選択すると、診断結果を表示させるための値が どんどん増えていくということを作りたいです。 【例】 ■ques1.html Q1.質問テキスト A1、あああ(ポイント1) A2、いいい(ポイント2) A3、ううう(ポイント3) ■ques2.html Q2.質問テキスト A1、あああ(ポイント1) A2、いいい(ポイント2) A3、ううう(ポイント3) →質問1、2で両方ともA1を選択したら、ポイント数は2になる。 いろいろ調べたところ、Cookieを使ったり、 URLにパラメーターを渡して値を受け渡せばいいのかなーと 思っているのですが、今回iframeを使ってファイルを呼び出しているため、 URLが変わらず、中のiframeのみファイルが変わっていくことになります。 なので、どのようにしたらうまくいくのか分かりません。 お忙しい中お手数ですが、ご教授ください。 【現在のhtmlファイル】 ■ques1.html <script><!-- question = '質問1'; answer1 = '選択肢1'; answer2 = '選択肢2'; answer3 = '選択肢3'; document.write("<div class='text_catch'>"+question+"</div>"); document.write("<ul>"); document.write("<li id='list1'><a href='answer1.html'>"+answer1+"</a></li>"); document.write("<li id='list2'><a href='answer1.html'>"+answer2+"</a></li>"); document.write("<li id='list3'><a href='answer1.html'>"+answer3+"</a></li>"); document.write("</ul>"); //--></script> どうぞよろしくお願いします。

  • javascript?? 検索エンジンにヒットしにくいURLを作成したい。

    Blogのトラックバックスパムや掲示板を運営していますが、ページランクの低いページや、無意味なページに、たくさんリンクを貼られると、自分の持っているホームページのランクが下がると聞いたことがあります。 そこで、URLを記入した場合、自動的に、 <script language="javascript"> <!-- var Url = "<a href=http://www.goo.ne.jp>goo</a>";document.write(Url); // --> </script> と、URLをJavaScriptを通して、出力するよう書き換えて掲示板に表示させようかと思っています。 こうすると、クローラーに引っかからず、URLも表示できて良いのですがいかがでしょうかね? また、1ページに100リンク以上あると好ましくないと言われているため、この方法が応用できるかもしれません。 ただ、不安な点は、逆に、これが、ページランクを下げる原因となったり(隠しリンクと勘違い)、簡単なjavascriptはクローラーでも読み取れるらしく意味が無いかとも思っています。 なにか、参考になることがありましたら、アドバイスいただけないでしょうか? よろしくおねがいいたします。

  • URLの取得

    こんにちは。 JavaScriptでは、 document.URL もしくは、 document.location.href にてURLの取得が出来ますが、 ASPで取得って出来ないんでしょうか? どなたか教えてください。

  • jQuery Mobile バージョン

    jQuery Mobileでスマホサイトを作成しているのですが 現在は <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"> </script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"> </script> と言うソースを使っていたのですが http://www.buildinsider.net/web/jquerymobileref/24 を見たら、私と違いました。 私のバージョンが古いのでしょうか? <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"> </script> へ 書き換えたほうが良いのでしょうか?

    • ベストアンサー
    • CSS

専門家に質問してみよう