ローカルねたでたいへん恐縮なのですが、うちのひとりごとエディタに画像一覧機能を付けてみました。
ここの記事はポチポチ手打ちで作っているのですが、ファイル名の規則は "hitori-" + 日付 が決まっているぐらいで、後は縮小に "-s" が付いたり付かなかったり 数が多くなると "-1" とか "-2" が付いたり付かなかったりのカオス状態。だけど、写真を等倍表示するために縮小処理を自動化した副産物として命名規則が統一されたので、自動的に関係ありそうな画像をピックアップしてHTMLを用意することができるようになりました。
右のように当日の画像一覧が表示されるので、その絵を押すと下のテキストボックスに HTML が入ります。でもってテキストボックスはマウスオーバーで選択されるのでそのまま画面上のテキストエリアにドラッグしてやれば目的の場所にペーストされて、ぽちぽち手打ちしていたのと同じことができます。いやはや、簡単ですね。なんで今までやらなかったのだろう(笑)
それはそうと、絵を押したらテキストボックスに HTML を張る処理ははじめ下記のように書きました。でも期待通り動きませんでした。赤字のように、onclickの二重引用符が a href= の次で閉じられているからです。
echo "<img src=\"$imgurl/hitori-${dtnum}${suffix}_s.jpg\" ";
echo "onclick=\"document.getElementById('imgbuf').value='<a href=\"$imgurl/hitori-$dtnum$suffix.jpg\"><img src=\"$imgurl/hitori-$dtnum${suffix}_s.jpg&qu
ot; alt=\"$dtnum$suffix\" border=\"0\"\\/><\\/a>';\" ";
echo " /><br />\n";
echo "${dtnum}${suffix}";
え～? なんで動かないの～(T^T)?? \" の代わりに \\\\" と書けばいいの? とか意味不明のことを考えましたが、正しくは「onclickの中の二重引用符は"と書く」でした。冷静に考えれば当たり前のことですな。前にも思いましたが、 PHP で HTMLを出力している JavaScript を書くってのは超ヤヤコシイです(^_^)。