スクリプト 埋込み方法

このQ&Aのポイント
  • スクリプトの埋め込み方法について教えてください。
  • data-urlにページのアドレスを入れたいのですが、うまくいきません。
  • どのように記述すれば良いのでしょうか?
回答を見る
  • ベストアンサー

スクリプト 埋込み方法

こんにちは、 下記のようにして、 data-url=<script type="text/javascript">location.href</script> のところに、ページのアドレスを入れようとしているのですが 反応してくれません。どのように記述すれば良いのでしょうか? <a href="http://twitter.com/share" class="twitter-share-button" data-url=<script type="text/javascript">location.href</script> data-text="発売日" data-count="horizontal" data-lang="ja">Tweet</a>

質問者が選んだベストアンサー

  • ベストアンサー
noname#178719
noname#178719
回答No.1

aタグの中にscriptタグを追加することはできません。 以下のように別scriptタグから、aタグの属性を追加されてはいかがでしょうか。 <script type="text/javascript"> // 目的のオブジェクトを取得 tableObj = document.getElementById('id_twitter_share'); // オブジェクトに属性を付加 tableObj.setAttribute('data-url', document.location.href); </script> <a id = "id_twitter_share" href="http://twitter.com/share" class="twitter-share-button" data-url="" data-text="発売日" data-count="horizontal" data-lang="ja">Tweet</a> aタグにscriptタグで出力するというは、なかなか面白い考え方だと思います。 そういった感性は嫌いではないです。

その他の回答 (1)

  • b0a0a
  • ベストアンサー率49% (156/313)
回答No.2

<a href="http://twitter.com/share" class="twitter-share-button" data-url=<script type="text/javascript">location.href</script> data-text="発売日" data-count="horizontal" data-lang="ja">Tweet</a> ↓↓↓↓↓ <script>document.write('\ <a href="http://twitter.com/share" class="twitter-share-button"\ data-url="'+location.href+'"\ data-text="発売日"\ data-count="horizontal"\ data-lang="ja">Tweet</a>\ ')</script>

関連するQ&A

  • ツイッターボタンのマウスオーバー時にハンドにしたい

    ご覧いただきましてありがとうございます。 ウェブサイトのページに、ツイッターのつぶやくボタン(下記コード)を設置したのですが、デフォルトだとツイッターのアイコンの上にマウスが来てもポインタのままでハンド(人差し指のポインタ)になりません。 ページ上のリンクはすべてonmouse時にハンドになるように統一したいのですが、どのような記述をすればできるでしょうか。 よろしくお願いします。 <a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

    • ベストアンサー
    • HTML
  • JSの変数をHTMLに渡す方法

    SNSボタン(ツイッター・フェイスブック・mixiチェック・google+)を配置したいのですが、 ページ数が膨大になる想定の為、現在のページのURLを自動的に取得し、HTMLに代入させたいと思っています。 <script type="text/javascript"> var url = location.href; </script> 変数urlの値を、下記HTMLの http://◯◯◯◯◯◯◯◯◯◯◯◯◯/ の箇所に、 代入したいだけなのですが、調べても方法が分かりませんでした。 <div id="sns" class="sns"> <ul class="sns_box"> <li class="twitter-button"> <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja" data-url="http://◯◯◯◯◯◯◯◯◯◯◯◯◯/">ツイート</a> </li> <li class="facebook-button"> <iframe src="http://www.facebook.com/plugins/like.php?href=http://◯◯◯◯◯◯◯◯◯◯◯◯◯/&amp;layout=button_count&amp;show_faces=true&amp;width=110&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe> </li> <li class="mixi-btn"> <a href="http://static.mixi.jp/share.pl" class="mixi-check-button" data-button="button-1" data-url="http://◯◯◯◯◯◯◯◯◯◯◯◯◯/">チェック</a><script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script> </li> <li class="google-btn"> <div class="g-plusone" data-size="medium" data-href="http://◯◯◯◯◯◯◯◯◯◯◯◯◯/"></div> </li> </ul> </div> シンプルに値の代入は可能でしょうか? お手数ですが、ご教示頂けると幸いです。。。

  • Twitter,Facebookボタンが改行される

    助けて下さい!!! スマホをターゲットにしたサイトを作っているのですが、 Twitterのツイートボタン、Facebookのイイねボタンを配置すると、 横に並べたいのですが改行されて縦に配置されてしまいます(*_*) 画面幅は十分余裕があります。 以下、コードの抜粋です。 <!--Twitter--> <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://myhome.com/" data-lang="ja" data-count="horizontal">Tweet</a> <!--Facebook--> <div class="fb-like" data-href="http://myhome.com/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> よろしくお願いします。

    • 締切済み
    • CSS
  • twitterのツイートボタンを設置できない

    宜しくお願い致します。 twitterのツイートボタンを設置できないで困っています。 宜しくご教授ください。 ホームページビルダーで自分のHPを作っています。 カウントを設定します。 プロバイダはOCNです。 ブラウザはIE9と他のパソコンではIE7を使って確認しました。 クロームではちゃんと見れました。 https://twitter.com/goodies/tweetbuttonを参考にボタンを作りました。 <a href="http://twitter.com/share" class="twitter-share-button" data-text="コメントを入れました。!" data-count="none" data-via="yoyo" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 『ボタンをプレビューにて確認後、コードを取得すれば完了です!』と書いてあるところに 『SSL ではライブプレビューは利用できません。』 と表示されました。 何がいけないのでしょうか? また対応策を教えてください。 宜しくお願い致します。

  • どうしてもボタンが横一列に並ばないのです (/_;

    WordPress日本語版3.01利用中です。 現在テーマをカスタマイズ中ですが、ソーシャルブックマークをsingle.phpに追加したところ、3つあるボタンのうち、2つは横に並ぶのに3つ目のボタンがどうしても改行された状態で表示されてしまいます。 原因は何が考えられるでしょうか。週末つかって頑張ったのですが、どうしても解決にいたりません。ノイローゼになりそう (/_;) single.phpのボタン表示を記述している部分です。 <div class="social"> <div class="tweet_button"> <a href="http://twitter.com/share" class="twitter-share-button" data-text="<?php the_title(); ?>" data-url="<?php the_permalink() ?>" data-count="horizontal" data-via="自分のID">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div> <div class="hatebu_button"> <a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script></div> <div class="facebook"> <fb:like href="<?php the_permalink() ?>" layout="button_count" show_faces="false"></fb:like></div> </div> ※facebookはiflameのパターンも試しました。上記はAppID取得による短縮コードで表示じたいに問題はありません。 CSSは、 /* Begin Social Media */ div.post .social { margin-top: 2px; } div.post .social .tweet_button { float: left; display: inline; width: 100px; } div.post .social .hatebu { display: inline; } div.post .social .facebook { display: inline; } div.postcontent { clear: both; } /* End Social Media */ です。いったいどこの何が問題で3つのボタンが横一列にならないのでしょうか??? 皆さん教えて下さい。さんざん時間も頭もつかったけれど、解決できないでおります。 Twitter はてブ ←は、横に並ぶ facebook ←が、こんなふうに改行されてしまう。 Twitter はてブ facebook と並べたいのです・・・・・。宜しくお願いします!

  • location.hostを取得し、HTMLタグに

    javascript初心者です。 javascriptのlocation.hostを取得し、 HTMLのtableタグの中に入れたいですがソースの書き方がよくわかりません。 <ソース> ------------------------------------------------------------------------------ <script type="text/javascript"> <!-- var domain = location.host; //--> </script> …(省略) <td><a href="XXXX.co.jp" class="XXXX" data-url="■■■■■■/XXX/XXXX/XXXX" data-count="none" data-lang="ja"></a><script type="text/javascript" src="XXXXX"></script></td> ------------------------------------------------------------------------------ 上記の■■■■■■のところにvar domainの値を入れたいですが、 inputのhiddenタグを使うと””の中では文字列と認識されちゃうので、 ドメインだけきれいに入れる方法を知りたいです。 ご存知の方、どうかご指導よろしくお願いします。

  • Twitterボタンの右の余計なスペース

    ツイッターのボタンを設置しました。 添付の図のように、ツイッターのボタンと「テスト」の間にスペースが開いてしまいます。 スペースが開かないようにぴったりとくっつけるにはどうすればよいでしょうか? ツイッターのボタンは、ここで作りました。 https://twitter.com/about/resources/buttons#tweet ■ソース <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <a href="https://twitter.com/share" class="twitter-share-button" data-url="$twitter_url" data-lang="ja">ツイート</a> テスト

    • ベストアンサー
    • HTML
  • HTMLに詳しい方に質問です

    ここのサイト http://openlab.ring.gr.jp/k16/htmllint/htmllint.html を使ってチェックしたらこんなエラーが出ました。どうすれば治りますか? ツイッターボタンHTML↓ <a href="https://twitter.com/share" class="twitter-share-button" data-via="アカウント名" data-lang="ja" data-count="none">ツイート</a> <script type="text/javascript"> <!-- !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); // --> </script> エラー↓ 6: line 68: <A> に不明な属性 `DATA-VIA` が指定されています。 6: line 68: <A> に不明な属性 `DATA-LANG` が指定されています。 6: line 68: <A> に不明な属性 `DATA-COUNT` が指定されています。

  • <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>

  • location.hrefを使用したFRAME表示

    location.hrefを使ったjavascriptを作ろうとしています。 <script type="text/javascript"><!-- location.href = "http://www.yahoo.co.jp/"; // --></script> の改良版として、http://www.yahoo.co.jp/をフレームの右側に 表示させたいと考えています。 (src使用ではなくjavascriptのlocation.hrefを使うことがMUSTです) <head> <script type="text/javascript"><!-- right.location.href = "http://www.yahoo.co.jp/"; // --></script> </head> <body> <FRAMESET cols="50%,50%"> <FRAME name="left" src="left.html"> <FRAME name="right" src="right.html"> </FRAMESET> </body> としてみましたがうまくいきません。 location.hrefはmetaタグ内でしか有効ではないにも関わらず right.の指示をメタタグ内部で指定していないことが原因かも しれません。 javascriptのlocation.hrefを使ってフレームの右側に 表示させる方法をご教授願います。

専門家に質問してみよう