2004年05月14日

写真風画像(5)

枠をつけたくない画像がある場合の為の行を追加しました。
詳しい説明は写真風画像(4)をご覧下さい。

■外部スクリプト
function addPhoto() {
if(document.getElementById("content")==null) return;
var h3s = document.getElementById("content").getElementsByTagName("div");
for (var i = 0; i < h3s.length; i++) {
if(h3s[i].className != "text") continue;
var imgs = h3s[i].getElementsByTagName("img")
if(imgs.length == 0) continue;
var j = 0;
var k = 0;
var l = 0;
var txt1 = reptag(h3s[i].innerHTML,1);
var txt2 = "";
while(l != -1) {
if((l = txt1.indexOf("@img",k)) != -1) {
var tbl1 = "@table border='0'$@tr$@td class='pic'$";
var tbl2 = "@/td$@/tr$@/table$";
if(imgs[j].getAttribute("src").indexOf("blog.seesaa.jp") != -1) {
tbl1 = "";
tbl2 = "";
}
if(imgs[j].getAttribute("alt").indexOf("no-border") != -1) {
tbl1 = "";
tbl2 = "";
}

txt2 = txt2 + txt1.slice(k,l) + tbl1;
k = l;
l = txt1.indexOf("$",k);
txt2 = txt2 + txt1.slice(k,l+1) + tbl2;
k = l + 1;
j = j + 1;
}
}
txt2 = txt2 + txt1.slice(k);
h3s[i].innerHTML = reptag(txt2,2);
}
}

function reptag(e,f) {
var h1="@";
var h2="<";
if(f=="2") {
h1="<";
h2="@";
}
var ans = e
while(ans.indexOf(h2) != -1) {
ans = ans.replace(h2,h1);
}
h1="$";
h2=">";
if(f=="2") {
h1=">";
h2="$";
}
while(ans.indexOf(h2) != -1) {
ans = ans.replace(h2,h1);
}
h1="img";
h2="IMG";
while(ans.indexOf(h2) != -1) {
ans = ans.replace(h2,h1);
}
return(ans);
}

addPhoto();

赤太字部分を外部スクリプトに追加すると、imgタグのalt欄に
「no-border」の文字が有る画像には枠がつかなくなります。
  ■<img src="hoge.jpeg" alt="写真">←枠有り
  ■<img src="hoge.jpeg" alt="写真 no-border">←枠無し

■過去記事
写真風画像写真風画像(2)写真風画像(3)写真風画像(4)


posted by 電算担当者 at 18:58| Comment(8) | TrackBack(1) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年05月07日

写真風画像(4)

ブログに掲載されている画像を写真風に表示するスクリプトです。

1.cssに以下を追加
.pic {
border-top: solid 1px silver;
border-left: solid 1px silver;
border-bottom: solid 2px gray;
border-right: solid 2px gray;
background-color: white;
padding: 6px;
}

2.外部スクリプト(hoge.js)
function addPhoto() {
if(document.getElementById("content")==null) return;
var h3s = document.getElementById("content").getElementsByTagName("div");
for (var i = 0; i < h3s.length; i++) {
if(h3s[i].className != "text") continue;
var imgs = h3s[i].getElementsByTagName("img")
if(imgs.length == 0) continue;
var j = 0;
var k = 0;
var l = 0;
var txt1 = reptag(h3s[i].innerHTML,1);
var txt2 = "";
while(l != -1) {
if((l = txt1.indexOf("@img",k)) != -1) {
var tbl1 = "@table border='0'$@tr$@td class='pic'$";
var tbl2 = "@/td$@/tr$@/table$";
if(imgs[j].getAttribute("src").indexOf("blog.seesaa.jp") != -1) {
tbl1 = "";
tbl2 = "";
}
txt2 = txt2 + txt1.slice(k,l) + tbl1;
k = l;
l = txt1.indexOf("$",k);
txt2 = txt2 + txt1.slice(k,l+1) + tbl2;
k = l + 1;
j = j + 1;
}
}
txt2 = txt2 + txt1.slice(k);
h3s[i].innerHTML = reptag(txt2,2);
}
}

function reptag(e,f) {
var h1="@";
var h2="<";
if(f=="2") {
h1="<";
h2="@";
}
var ans = e
while(ans.indexOf(h2) != -1) {
ans = ans.replace(h2,h1);
}
h1="$";
h2=">";
if(f=="2") {
h1=">";
h2="$";
}
while(ans.indexOf(h2) != -1) {
ans = ans.replace(h2,h1);
}
h1="img";
h2="IMG";
while(ans.indexOf(h2) != -1) {
ans = ans.replace(h2,h1);
}
return(ans);
}

addPhoto();

3.以下の外部ファイル呼出コードを追加
■旧バージョンの場合はリンクのメモ欄
■新バージョンはフッターか右メニューの挿入テキスト欄
<script type="text/javascript" src="hoge.js"></script>

4.ブログの再構築をする

■過去記事
写真風画像写真風画像(2)写真風画像(3)
posted by 電算担当者 at 15:40| Comment(8) | TrackBack(1) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年04月28日

気付けば

seesaa新バージョンの挿入テキスト欄の改行が<br />に変換
されなくなっていますね。いつからでしょう?
posted by 電算担当者 at 22:32| Comment(0) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年04月26日

seesaa新バージョン(2)

以前にも書きましたが、seesaaが新バージョンになって今まで有った
メモ欄が無くなり、スクリプトを書く場所が無くなりました。外部ファイル
にすれば良いのですが、ブログ以外にスペースが無い人は困って
しまいます。ここで注意事項を2つばかり書いてみます。

seesaaのファイルマネージャでアップロードできるのは、GIF・JPEG
・PNGのみで、それ以外のファイルはアップロードしても拡張子無し
になってしまうので、注意が必要です。

javascriptで外部ファイルを使う場合は↓のようなタグを使います。
<script type="text/javascript" src="hoge.js"></script>
src部分は外部ファイルの名前です、どんな拡張子でも(無しでも)
動作しますが上記のように拡張子を「js」とする事が望ましいです。

皆さんも、seesaa新バージョンに移行しては如何でしょうか。
posted by 電算担当者 at 19:19| Comment(6) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年04月25日

seesaa新バージョン

デザインの自由度が増したseesaaの新バージョンにやっと移行しまし
た。今度は左右にメニューの有る3分割、細かい調整はこれからです
が、しばらくはこんな感じでいこうと思います。一番困ったのは、旧バ
ージョンのリンクのメモ欄のように、単純にタグを入れられる場所が
無くなった事です。各コンテンツに表示用のテキストを入れる場所は
有るのですが、改行が<br />タグに変換されてしまうのでスクリプト
を書く事が出来ませんでした。結局外部にスクリプトファイルを置く事
にしたのですが、これだとブログだけを使用している人には実質スク
リプトが使えない事になってしまいます。本来XHTMLにはCDATAを
使わない、<や&を含んだスクリプトを書いてはいけないきまりになって
いるらしいので、これが正しいのかもしれませんが、何か良い方法は
無いものでしょうか。メモ欄が復活してくれれば良いのに。
posted by 電算担当者 at 01:08| Comment(4) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年04月21日

似非■guild

■guild内の派閥、似非■guildこと「■ツンフト」では、調子に乗って
今度はサイドタイトルを偽装してみました。これで貴方のサイトも
似非度、20パーセントアップ(当社比)です。リンクのメモ欄に下の
ツンフトスクリプトを入れるだけで、今日から貴方も■ツンフト。
<script type="text/javascript">
<!--
function addSquare2() {
var h3s = document.getElementById("links").getElementsByTagName("div");
for (var i = 0; i < h3s.length; i++) {
if(h3s[i].className=="sidetitle")
h3s[i].innerHTML = "■" + h3s[i].innerHTML;
}
}
addSquare2();
-->
</script>
■seesaa用です。
posted by 電算担当者 at 17:53| Comment(0) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年04月19日

■guild(2)

seesaa用「昔からスクエアだったよスクリプト」でコメント欄などの
contentの無いページでエラーが出ていたので修正しました。
<script type="text/javascript">
<!--
function addSquare() {
if(document.getElementById("content")==null) return;
var h3s = document.getElementById("content").getElementsByTagName("H3");
for (var i = 0; i < h3s.length; i++) {
var h3 = h3s[i];
h3.innerHTML = "■" + h3.innerHTML;
}
}
addSquare();
-->
</script>
太字部分を追加しました。
posted by 電算担当者 at 21:18| Comment(4) | TrackBack(2) | ブログ考 | このブログの読者になる | 更新情報をチェックする

■guild

sketch-book@marchさんの所で『■guild(呼称:スクエアギルド)』が
結成された様です。日々是スクエアな私としては早速参加せねばなり
ません。エントリータイトルに■記号を付ける運動を推進中との事で
MOO-T.blog@KOuさんの作ったバナーを付けると更に幸せになれそう。
<A href="http://sketch-book.seesaa.net/article/114154.html" target="_blank">
<img src="http://www005.upp.so-net.ne.jp/moo-t/blog_img/squareguild.gif" border="0"></A>

seesaaな人で「昔からスクエアだったよ」を偽装したい方は、seesaa
でもMyClip!
facet-divers@facectさんの作ってくれたスクリプトを
参考にして(パクって)作ったスクリプトをリンクのメモ欄に入れると
気分は代々続いた老舗のスクエア問屋になれます。(facectさん感謝)
<script type="text/javascript">
<!--
function addSquare() {
var h3s = document.getElementById("content").getElementsByTagName("H3");
for (var i = 0; i < h3s.length; i++) {
var h3 = h3s[i];
h3.innerHTML = "■" + h3.innerHTML;
}
}
addSquare();
-->
</script>

トラックバック
■結成! ■GuildMOO-T.blog
■結成! ■Guildsketch-book
ココログベーシックでClipLink(その2:おまけつき)facectさん
posted by 電算担当者 at 18:25| Comment(12) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年04月03日

写真風画像(3)

写真風画像写真風画像(2)の続きです。
いろいろ試してみましたところ、seesaaでIE6.0,Firefox0.8両方とも
上手く表示できたのはtableタグを使ってtdにクラスを指定する方法で
した。Firefoxだけならimgタグ、IEはspanタグの使用が有効でした。
多少簡便さは失われますが、方法は以下の通りです。

cssに追加するコード
.pic {
border-top: solid 1px silver;
border-left: solid 1px silver;
border-bottom: solid 2px gray;
border-right: solid 2px gray;
background-color: white;
padding: 6px;
}

記事への記載例
<table border="0"><tr><td class="pic">
<img src="xxxx.jpg">
</td></tr></table>

<?xml version="1.0" encoding="Shift_JIS"?>について調べていたら
スタイルシートでマルチカラムデザインの実現にこんな記述が有りました。
XML 宣言とは、<?xml version="1.0" encoding="Shift_JIS"?>の事です。
これがあると、IE 系では標準モードになってくれず、互換モードで
レンダリングしてしまうのです。もちろん、標準モードで表示してく
れるべきです。この違いによって、まず margin と padding などに
よる位置の算出に差が出てきます。

これが関係しているかどうかすら私にはわかりかねますが、いずれ
にしても、ブラウザによって見え方が違うのは困りますね。

いろいろ教えていただいたFloral Moon(momoさん)の記事
画像を装飾するにトラックバックします。感謝。
posted by 電算担当者 at 11:19| Comment(9) | TrackBack(4) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年04月02日

写真風画像(2)

写真風画像の続きです。
写真風画像IEでは白い枠が上手く表示されていないようです。padding
の値が反映されていない、いろいろ調べたらseesaaのページに記述さ
れている<?xml version="1.0" encoding="Shift_JIS"?>が原因らしい事
がわかりました。続きは後日。

※後日追加です、いろいろな方法を試してみました。

スタバタンブラー オン マイデスクimg

スタバタンブラー オン マイデスク
div

スタバタンブラー オン マイデスクspan

スタバタンブラー オン マイデスクp


スタバタンブラー オン マイデスク
table
posted by 電算担当者 at 21:19| Comment(3) | TrackBack(1) | ブログ考 | このブログの読者になる | 更新情報をチェックする

写真風画像

ひなっぺた通信(ひなっぺたさん)経由、ぢぢらぶろぐ(katamariさん)
スタイルシートで画像を写真風に表示するという記事を参考に
して、私も画像に枠を付けて写真風にしてみました。

スタバタンブラー オン マイデスク
  →  スタバタンブラー オン マイデスク

seesaaではCSS(スタイシート)設定のスタイルシート(PC用)
欄の1番下に以下のスタイルシートを追加します。
img.pic {
border-top: solid 1px silver;
border-left: solid 1px silver;
border-bottom: solid 2px gray;
border-right: solid 2px gray;
background-color: white;
padding: 6px;
}

後は記事の中のimgタグにclass="pic"を追加するだけです。
<img src="xxxxx.jpg" alt="xxxx" class="pic" />
posted by 電算担当者 at 14:41| Comment(4) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

Clip!オマケ機能追加

seesaaでもMyClipのClip!機能を書いてmoo-t.blog(KOuさん)を見たら
記事seesaaでもMyClipのclip!機能つけたい(3)が追加されていました。
それによるとオマケ機能が増えたとの事です。今度はページトップに戻
る機能の追加です。私もリンク&グループに追加していたスクリプトの
外部ファイルの部分を入替えて、基本スクリプトに以下を追加しました。
backToTopText = "ページTOPに戻る";
addBackToTop();

結果はこの記事の下を見て下さい。動作も問題ありませんでした。
動作確認はWin98SEのIE6.0とFirefox0.8でしています。
posted by 電算担当者 at 13:46| Comment(0) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

seesaaでもMyClipのClip!機能

moo-t.blog(KOuさん)の所の記事seesaaでもMyClipのclip!機能つけた
い(2)
で紹介されていた、facet-diversのfacetさん作成のseesaaでも
MyClipのClip!機能が使えるようになるスクリプトです。このスクリプト
にはオマケ?としてBulkfeedsで類似記事を検索する機能付きです。

私も導入してみましたがものすごく簡単でした。ソース等はここで公開
して良いかわからないのでリンク先を見てください。KOuさんは外部に
ファイルを置く方法を紹介されていましたが、私はそのスクリプトの中の
コードもすべて自分のリンク&グループのコメント欄に記述する方法を
試してみました。表示確認は、Win98SEのIE6.0とFirefox0.8で行い
ましたが、今の所表示には問題無いようです。

こんな感じです
<script type="text/javascript">
<!--
外部ファイルのコード←追加
紹介されているコード
-->
</script>

上記コードをamazon.co.jpのリンク&グループのコメントに記述して
あるバナー表示のHTMLの下にに追加しました。

表示する文字も変更できます、コード中の文字をそのまま変えれば良い
ようです。タグも入れられるようで"Clip!!"を"<br>Clip!!"に変えてみた
所、きちんと改行されて表示されました。

moo-t.blogのKOuさん、facet-diversのfacetさんに感謝です。
posted by 電算担当者 at 10:59| Comment(4) | TrackBack(2) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年03月31日

BlogPeople BB (2)

以前の記事でも紹介したBlogPeopleで誕生日を登録しておくとトップ
ページにブログ名とリンクを表示してくれるサービスです。私のサイト
も先日の誕生日にトップページに一日表示されましたが、なんとその日
はいつもの倍の訪問者がありました。倍といっても元々アクセス数は多
くはないので、普段から沢山のアクセスが有るサイトでは微増といった
程度かも知れませんが、少しでも訪問者を増やしたいと思っている方は
登録してみては如何でしょうか。表示は1年に1度だけですが、それを
機に訪れてくれる方が増えたり、リンクリストに登録してくれたりが有
るかもしれません。その日は私のサイトをBlogPeopleのリストに登録
して頂けた件数もいつもの日より多かったです。
posted by 電算担当者 at 13:25| Comment(6) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年03月26日

サイト名検索

BlogPeopleの新サービス、キーワードを入力して同サイトに登録され
ているサイト名を検索することができます。まさにタイムリーな機能、
日々是系サイトを探すのにピッタリです。「日々是」で検索すると35件
ヒット、まだ見ぬ「日々是系サイト」を発見する事ができました。

でもBlogPeopleはどういう使い方を想定してこのサービスを始めたの
でしょう?単純にサイト名の一部を憶えているサイトを再訪問したい
という用途ですよね。まさか「〜系」サイトを探す事に使われるとは
想定していなかったでしょうね。
posted by 電算担当者 at 23:27| Comment(0) | TrackBack(2) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年03月21日

MyClipを使ってみて

以前の記事でMyClipの記事を引用した記事の是非について書いたのです
が、少し思い違いが有ったようです。私はMyClipは私的な自分のブログ
上のみに存在するお気に入りという物だと思っていました。しかし実際
使ってみると、クリップしたら、MyClipのサイト上の最新のクリップに
表示されたり、自分がMyblogListに登録している人のクリップを一覧
で見る事ができる、ClipNetworkという機能も有る事がわかりました。

こうなってくると、私的なお気に入りというよりは、人に紹介する事を
前提とした、共有リンクと呼ぶべきものに近いという気がします。とい
う事は、それを引用して良いかなどという議論自体がおかしかったのか
もしれません。

以前の記事中でも「MyClipに乗っている」と書いて有りますが、これは
「ある人のブログ上に表示してある」というつもりで書いていたのです
が「MyClipのサイト上に表示」という意味にも取れ、取りかたによって
は感覚的にも違った意味を持つ曖昧な書き方だったと思いました。

要は使っている人がどこまで認識していて、どういうつもりで使ってい
るかだとは思いますが、私はMyClipは共有リンクとして引用しても良い
という方向で行こうかと思っています。
posted by 電算担当者 at 12:18| Comment(4) | TrackBack(1) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年03月19日

MyClipを引用した記事(ご意見下さい)

最近MyClipというサービスが始まって、いろんな方がご自分のブログ
に付けているのですが、これはどういう使用方法が多いのでしょうか?
ブログの記事にするまでも無いけどちょっと紹介したいとか、後で
記事にするから忘れないようにする為という事ではないかと思いま
すが、如何でしょう?(他にも有ったら教えてください)

何が言いたいかというと、MyClipに乗っている情報を引用して自分の
ブログに記事を書いても良いのだろうか?という事です。後で記事に
しようと思ってクリップしていたとしたら、別の人に先に記事にされた
ら面白くないと思います。そのブログで記事になってから紹介すれ
ば良いかなとも考えましたが、ちょっと紹介でクリップしていた場合
だと、いつまで待っても記事にならず待っても無駄という事になりま
す。たとえクリップでもブログにアップした時点で人が見る事はわ
かっているので良いだろうという考え方もあります。

考えすぎでしょうか?よかったらご意見下さい。
posted by 電算担当者 at 19:06| Comment(4) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年03月12日

goo BLOG 3

goo BLOG 2で、2番目とか、制限有るのか?と、とんちんかん事を書い
ていたらmomoさんから再度コメントを頂きました。ありがとうございます。

momoさん曰くは改行が上手く認識されていないのではないか?と考え
既に認識されているpingの間に入れてみたとの事です。

但し、gooのpingはフィルタリングされているという話しも有り、更新
が上手く行かない要因は他にも有るかもしれません。

参考記事:
goo BLOGのpingにはフィルタがかかっている模様by Mt.EGE

myblogについても、seesaaからは更新情報は飛んでいるが更新サイト
の一覧には表示されず、トラックバックURL欄にpingサーバのアドレス
を入れる事で表示されるようになるとの記事も有りました。

参考記事:
Myblog japanへのping送信 by 我的独り言
blogで試行錯誤その2 by 開店休業研究所・ブログ研

その辺りが全てすっきりするのにはまだ時間が掛かるのでしょうか。
posted by 電算担当者 at 16:40| Comment(2) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

goo BLOG 2

更新情報の件で、Looking for moon pieceのmomoさんに質問した所

私のところは上手く送れているみたいです。
livedoorは改行で区切るんですが、テストで一度目に送ってみた時はダメだったのでping送信先の一番最後に追加したのを2番目あたりにして再度テストしたら大丈夫になりました。

とお返事を頂きました。ありがとうございます。
livedoorで上手く行かない方は試してみては如何でしょう。

私も早速2番目に(1番上でも良いんでしょうけど、なんとなく合わせ
てみました)この記事が上手く更新されれば良いという事ですね。

そうすると今度1番下になったPINGが上手く飛ばない事になるのでしょ
うか?設定できる数が決まっててそれより下に有るPING先は切り捨て
られているのでしょうか?

追記:2番目でも駄目でした、私の場合gooとmyblogが駄目のようです
posted by 電算担当者 at 11:27| Comment(2) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする

2004年03月11日

goo BLOG

更新情報を送る事ができると有ったので登録したのですが上手く送れ
ていないようです。goo BLOGのサイトを見ていたらこんな一文が...

goo BLOG pingサーバを利用する上での注意事項
pingされた内容については、当社が不適と判断した場合は最新記事一覧の表示がされない場合がありますのでご了承ください。

ガ━━━(゜Д゜;)━( ゜Д)━( ゜)━( )━(゜; )━(Д゜; )━(゜Д゜;)━━━ン!!!!!
不適だったとは_| ̄|○

HeroMachineがいけなかったのでしょうか?
posted by 電算担当者 at 16:05| Comment(2) | TrackBack(0) | ブログ考 | このブログの読者になる | 更新情報をチェックする
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。