ブログ

トピック詳細

コメント一覧 13件中、1～10件表示

• yosoilue様
  
  
  色々と連休中に試したのですが、クロームではよいけれどIEでは
  表示が上手く行かない事実に出くわしました。
  よって表示を求めるならば
  
  
  <script type="text/javascript" src="http: //www.google.com/jsapi"></script>
  <script type="text/javascript">google.load( "jquery", "1.3");</script>
  <script type="text/javascript" src="http: //blog-imgs-43.fc2.com/s/u/b/subculsheets/n-top.js"> </script>
  
  
  こちらの3行を入れ込んだ方が良いと解りました。
  自分で改良が出来ませんが・・・
  
  ＞上記の2行を
  ＞<script type="text/javascript" src="http ://static.fc2.com/js/lib/jquery.js"></script>
  ＞この1行に変えるだけです。
  
  
  こちらも試してみましたが、IEではブラウザーを開いた時に一瞬アイコンがでます。
  それに右カラムに表示がかかってしまいますのでいまいちという事が解りました。
  
  調整が出来ないん事がデメリットですが、表示されるまでこれで頑張ります。
  せっかく、お教え頂きましたが・・・
  ちょっとした事が難しいです。。
  
  
  いつもありがとうございます！

  2014年07月22日 20:05 by キムさん

• <script type="text/javascript" src="http:/ /www.google.com/jsapi"></script>
  <script type="text/javascript">google.load( "jquery", "1.3");</script>
  
  ＞　自己でブログなどにアップしたURLの入れ替えの疑問と上記②サイトが
  ＞　無くなった場合の対処方法などが心配であります。
  
  共有テンプレートの作者の方の利用方法次第でどうなるかわからないという懸念があるのならば、FC2ブログの公式テンプレート 「basic_white」で使われている方法にすればいいのではないかと思います。
  
  上記の2行を
  <script type="text/javascript" src="http: //static.fc2.com/js/lib/jquery.js"></script>
  この1行に変えるだけです。

  2014年07月22日 07:11 by ロギラキ

• yosoilue様
  
  
  ご連絡ありがとうございます。
  無事表示が出来ました。
  
  
  <script type="text/javascript" src="http: //www.google.com/jsapi"></script>
  <script type="text/javascript">google.load( "jquery", "1.3");</script>
  
  
  こちらの2行を追加したところ無事表示できました。
  
  
  
  >jQueryのファイルをサーバーにアップロード
  
  こちらをグーグルのジャバスクリプトにするための2行でしょうか。
  その後自分で作成しておいた↓
  
  
  ----------------------------------------------
  
  
  【コード】
  <div id="back-to-top" style="position:fix ed;right:12px;bottom:12px"><a href="#"& gt;<img src="画像のURLを用意" /></a></div >
  
  <script>
  $(function(){
  $("#back-to-top").hide();
  $(window).scroll(function(){
  if($(this).scrollTop() > 600){
  $("#back-to-top").fadeIn();
  } else{
  $("#back-to-top").fadeOut();
  }
  });
  $("#back-to-top a").click(function(){
  $("body,html").animate({
  scrollTop:0
  },1000);
  return false;
  });
  });
  </script>
  
  
  ----------------------------------------------
  
  
  上記コードを入れ込むと無事に表示されましたし、画像変更や
  スクロール値の変更も可能なので助かりました！
  ブラウザーがどこまで対応しているのか解りませんが、これで読者様からの
  「めんどくさい」というご指摘から解放されます　＾＾
  
  
  詳しく内容が解らない私へのご指導感謝申し上げます。
  ありがとうございまいました！
  
  
  
  
  

  2014年07月21日 10:54 by キムさん

• ＞　こちらのように書き換えたのですが、やはりTOP画面に戻るには
  
  提示した記事の場合には、jQueryのファイルをサーバーにアップロードしてあり、それを読みこむことを前提に書かれている 記事ですので、何もアップロードしていない状態で真似をしても動作しません。
  
  それを動作させたいのならば、ヘッダーに書くのを下記の2行にしても動くかもしれません。
  
  <script type="text/javascript" src="http: //www.google.com/jsapi"></script>
  <script type="text/javascript">google.load( "jquery", "1.3");</script>
  
  
  
  なお、3行コピーしろと書いているのは自分が何かをしたものではなくて、
  
  ＞　参考サイトは⇒　http://deskpost.blog103.fc2.com/
  提示されいているサイトが利用している共有テンプレート:「BLUENOIR-Zwei-」の中で使われている部分を抜き出し て、そのままコピーしただけです。
  
  アイコンの形状を変えるなどのカスタマイズをするのならば、
  <script type="text/javascript" src="http: //blog-imgs-43.fc2.com/s/u/b/subculsheets/n-top.js"> </script>
  このスクリプトファイルの中身を変更して下さい。
  
  
  
  ＞　無くなった場合の対処方法などが心配であります。
  http://blog-imgs-43.fc2.com/s/u/b/subculsheets/n-top.js
  このファイルの中身をコピーしてご自分のサーバーにアップロードして、ファイルのURL部分を書き換えればいいだけだとは思い ます。
  
  Googleのほうを心配する必要性が有るのか無いのか自分にはわかりません。

  2014年07月21日 04:14 by ロギラキ

• 

  yosoilue様
  
  
  お世話になっております。IPOキムで御座います。
  
  
  
  <script type="text/javascript" src="http: //www.google.com/jsapi"></script>
  <script type="text/javascript">google.load( "jquery", "1.3");</script>
  <script type="text/javascript" src="http: //blog-imgs-43.fc2.com/s/u/b/subculsheets/n-top.js"> </script>
  
  
  
  こちらの3行をコピーさせて頂きました。
  問題なく表示が可能になりました。
  しかしながらある疑問が生じております。
  
  ファイルに添付したような画像にする事が出来ませんでした。
  URLが書いてある場所に入れ込んでみましたが、外部サイトからの引用
  なのか私には解りませんでしたが、変更が出来ません。
  そもそもの内容が理解できていないため難しいです（汗）
  
  
  
  また
  http://ozpa-h4.com/2012/05/09/jquery_back_to_top_button/
  
  こちらのように書き換えたのですが、やはりTOP画面に戻るには
  スクロールは無くTOPへ戻り、URL最後に♯が出てしまいます。
  同じような事を再度書き込み大変恐縮に思います。
  
  
  
  ここで上記3行ですが、yosoilue様が外部でお作り頂いたものを
  私が拝借しているのでしょうか？
  本当であれば自己ブログHTMLに入れ込むのが良いのですが、
  スキルが伴っておらずお頼りしている状況でございます。
  
  
  ①　http://www.google.com/jsapi
  ②　http://blog-imgs-43.fc2.com/s/u/b/subculsheets/n-top.js
  
  
  上記URLはグーグル引用とFC2利用でしょうか。
  開いてみると全く解りません。。。
  自己でブログなどにアップしたURLの入れ替えの疑問と上記②サイトが
  無くなった場合の対処方法などが心配であります。
  
  
  よろしくお願い致します。
  

  2014年07月20日 21:42 by キムさん

• いままで書いてきたことは全て忘れて、単純にお使いになっているテンプレートの<title>タグの下に
  
  <script type="text/javascript" src="http: //www.google.com/jsapi"></script>
  <script type="text/javascript">google.load( "jquery", "1.3");</script>
  <script type="text/javascript" src="http: //blog-imgs-43.fc2.com/s/u/b/subculsheets/n-top.js"> </script>
  
  この3行をコピーして更新して下さい。
  
  プレビューでは動作確認は出来ません。
  また、テンプレートを適用状態にしていないとFC2ブログにログインしていない状態では、動作確認が出来ません。
  
  とにかく上記の3行をコピペすれば動作するはずなので、それがダメだとしたら他に不具合の原因があるはずです。

  2014年07月20日 17:29 by ロギラキ

• いつもお世話になっております。IPOキムで御座います。
  
  
  標野ゆき様、この度はサイトをお教え頂き感謝致します。
  私も探している途中にお教え頂きました、サイトを見つけたのですが、
  URLがどこにあるのか解らずに困っていたところであります。
  数十のサイトを見ていると何処だったのか解らなくなりました。
  本当にありがとうございます！
  
  
  yosoilue様、何度もご連絡を頂き感謝しております。
  昨日お教え頂きました、サイトを見ましたがよく解らなかったので
  新しいURL感謝致します。連休中に何とか表示をさせたいと思って
  おります。昨日チャレンジしたのですが、うまく行きませんで（汗）
  
  
  
  何分忙しく過ごしておりますが、何とか頑張らせて頂きます。
  手付かずの状態ですが、お礼申し上げます。
  チャレンジ後にご連絡致します！！！
  

  2014年07月20日 10:57 by キムさん

• 参考にされたサイトに書かれている記事は、JavaScriptのjQueryを読み込んでいるのが前提の記事だと思いますので 、jQueryを読み込んでいない環境では上手く動作しないとは思います。
  
  http://ozpa-h4.com/2012/05/09/jquery_back_to_top_button/
  参考にされた記事とほぼ同内容の記事ですが、jQuerryを読み込ませる部分も書かれています。

  2014年07月20日 07:51 by ロギラキ

• タブ風の囲み罫でよければ、こちらのブログさんがご参考になるかも。
  http://ameblo.jp/sumitak1329/entry-11730920689.html
  
  ちなみに
  yosoliueさんのサンプルコードをお借りして
  ためしに自ブログに貼ってプレビューしてみたら
  スクロール後にアイコンが表示される、するするとページトップに戻るなど
  ばっちり動作しました。
  （とりあえず３種類のテンプレートで試してみたけど全部ＯＫでした）
  ナットク。
  
  
  

  2014年07月19日 22:36 by 標野ゆき

• 追記です。
  
  yosoilue様へ
  
  
  下記サイトを参考にしました。
  http://kangaeruhito.com/blog-entry-477.html?sp
  
  
  テンプレート自体は現在のテンプレートでTOPページへ移動するアイコンを
  追加したいと思いました。
  
  >webdb3_n_blueにてカスタマイズしたいという話し
  
  その通りです！
  

  2014年07月19日 19:29 by キムさん