Next Home  Prev
No,222 comment 0
fc2Blogでコメント欄に絵文字入力はstrollblogさんに教えていただいて以前やったことがあり、たくさんの掲示板にも、他社のいくつものBlogにも設置できたことがあり現在も使わせていただいています。

その時記事欄にも絵文字入力支援というスクリプトがあるとは知っていましたが、その時はしないでいました。
今回友達から頼まれてお天気アニメを作りましたので、それをBlogの記事の初めに今日の天気として挿入したくなりました。
でもコメント欄と違ってテンプレートに書き足すのではないんですよね。
記事を書くところは操作できません。

それで再びstrollblogさんのところで教えていただこうとしたところ、

「ブックマークレットを実行後、絵文字設定のリンクをクリックし、サーバーにアップロードした画像定義ファイルのURLを登録してください。 」
と言う事が全く解りませんでした。質問者の中にはこの点を質問している人もいましたが、
本当に初歩的なことらしいのですね。
「ブックマークレット」と検索していろいろなサイトで勉強させていただきました。
出ているページを英語に翻訳するとか、そのページに書かれているリンクを書き出すとかtextareaを別ページで出すもの、またそのページ内の画像を消すとか、いろいろ教わって実行できました。

記事欄にも絵文字入力支援を実際に設置したことがある方の記事も読ませていただき、その通りにやってみましが、
どうしても「新しく記事を書く」ページでブックマークレットを実行してもうんともすんともいわないんです。

多分出てきて並んでいる画像をクリックすれば記事内にタグが挿入されるらしいのですが、どうしてもできないんです。

丸二日くらい考えに考え、、クリックすれば挿入されるのでなくても、せめてコピー&ペーストでと思ったのですが、どうも別ページにならなくて同じページの上に参照ページが出てきていてそこから記事を書くページに戻れないし、消すと記事を書くページも消えてしまいます。
ファイル挿入ボタンから入れればいいんですが、なんだか気持ちが収まりません。

そこで以前ホームページで使ったことがある
<a href="Javascript:w=window.open('URL','説明,'scrollbars=yes,Width=700,Height=450');w.focus();">LINK</a>
というものをやってみました。これをHTMLで保存してみるとリンク文字が出てきますよね。それっをクリックすると、小さいウィンドウが開くわけです。
このリンク文字を右クリックすると「お気に入りに追加」というものがあったのでクリック。
そのお気に入りに入ったものを右クリックして「プロパティ」を見ると
なんと今までたくさん練習で書き込んでいたJavascriptが
Javascript:w=window.open('URL','説明,'scrollbars=yes,Width=700,Height=450');w.focus();
ともう書き込まれていて、
そのお気に入りををクリックすると見事小さな別ウインドウが現れたんです。本当にうれしかったです。

これをやって初めてブックマークレットの作り方がわかりました。
概要はリンク文字を右クリックしてお気に入りに入れ、お気に入りに入ったものを右クリックしてプロパティのURL欄に半角スペースは%20に「"」は%22に書き換え一行にしたJavascriptを張り付けると言う事でした。


お気に入りに入れる前の例にとしてyahoo!です。
 yahoo!

↑この「yahoo!」でやってみるとしたら
お気に入りに入れたもののプロパティのURL欄
Javascript:w=window.open('http://www.yahoo.co.jp/','説明','scrollbars=yes,Width=700,Height=450');w.focus();
のhttp://www.yahoo.co.jpの部分を出したいアドレスに書き換えます。

出てくる小窓には見本の画像と共に<img src="画像のアドレス" width="50" alt="画像の説明">
のように張り付けタグを書いておきコピーして記事を書くところへ貼り付けます。
このブックマークレットはgoogle chrome、firefoxともできました。
たくさんのアイコンを貼っておいて画像のプロパティからアドレスを取得してもいいですね。(^^♪
今のところこんなところです。  

きょうはここまで。
2015年01月13日21時38分01秒/ブックマークレット /コメント:0 /トラックバック:-/▲ページトップへ戻る

コメント


コメント index
    絵文字

    非公開コメント

    Next Home  Prev

    カテゴリー

    どりーみー

    recent comment

    最新の記事

    月別アーカイブ

    recent trackback

    ブログ内検索

    RSSフィード

    *最新記事のRSS
    *最新コメントのRSS
    *最新トラックバックのRSS

    TB_People

    カレンダー

    10 | 2018/11 | 12
    - - - - 1 2 3
    4 5 6 7 8 9 10
    11 12 13 14 15 16 17
    18 19 20 21 22 23 24
    25 26 27 28 29 30 -

    iconカテゴリ

    ブロとも一覧

    ブロとも申請フォーム

    この人とブロともになる

    リンク

     

    カテゴリー

    recent comment

    最新の記事

    月別アーカイブ

    recent trackback

    ブログ内検索

    RSSフィード

    *最新記事のRSS
    *最新コメントのRSS
    *最新トラックバックのRSS

    TB_People

    カレンダー

    10 | 2018/11 | 12
    - - - - 1 2 3
    4 5 6 7 8 9 10
    11 12 13 14 15 16 17
    18 19 20 21 22 23 24
    25 26 27 28 29 30 -

    iconカテゴリ

    ブロとも一覧

    ブロとも申請フォーム

    この人とブロともになる

    リンク