リンクを一件追加しました。
先ほどの記事で取り上げた更新とかに使われているシステムの更新に使ったbackgroundプロパティとかやるのに色々とお世話になりましたというかこれまでも結構お世話になっているのでリンクさせて頂くことにしました。プログラマとホームページ作成支援周りで。
とかそんな感じ。
これにて編集画面も完成なのですかね…。junerです。
とりあえず完成。phpだけで極力.htaccessを使わないルーティングみたいなのをやっていました。
.htaccessでのRewriteRule使わずにphpのURL制御のに全部送れば出来るようにするのは結構内部が面倒な事になって四苦八苦でしたが、なんとか出来ました。
今回のシステムはjuner's linksのtopのリンクから『ログイン』から入る事が出来ます。
すると、ログイン画面が出るのでログインします。
すると今回の記事の1枚目のSSみたいなところに出てそこから編集が出来るって仕組みです。
今回はJavaScriptを使わずに作るって縛りで作っているのでphpでxmlとxsltを変換してcssで装飾する様な形で実現しています。半透明はちょっと勉強がてらでやったCSS3のrgba使ってやっているのでIE8だと半透明が出てきません。でもその影響で使えない様にはなっていないので幾つかの効果が無効化されますが、使えます。
とかそんなの作っていました。
ついでに参考。
勉強がてらにリンク集をSQLiteとphpでデータベース化してみた。
あまりにもサイト運営側過ぎて多分閲覧側には全く関係無い話ではあるが、これによってPCが近くに無くても…Cookie対応の携帯電話一つでリンク集の更新が可能となりました。
juner's linksの右上のログインからログイン画面へ行くことが出来ます。
ログイン後はIdとPassを入力してカテゴリとサイトの編集が可能となります。
あとからxsl弄って遷移も調整したいところですけれどね。
あと、auってCookie対応しているのか……。セッション有効だったのには驚き。
とかそんなところ。
というわけで相互リンクの申請がありましたのでリンクしてきました。
juner's links
http://links.juner.net/
追加したのは旧絵茶の人のエルさんのブログです。
台を超えてリアル悪いね☆
http://maruta.be/WaruiNE_STAR
前回の話 > /2009/07/linkxmlphpxml.html
私のリンク集のデータはhtmlに直接書くのではなく、index.xml に書く事によって多重化しないように設計しています。これによって追加した物順に並び替える事が可能です。
あと、実はうちのリンク集は携帯からの利用も可能です。というかjavascriptとcssの両方が機能しない場合でもちゃんと動きます。
そのうちphpで追加する為のスクリプトとか書きたいところです。
とかそんな話。あと、記事top画像を弄ってみた。（概略的な意味で
あと、知人の正男の変換して知ったのだが、xsltがデフォで使えない鯖なんて場合もあるのだな…。
いや、暇だったというか、まさおコンストラクションのデータを一通りxml化したついでに作ってみました。
juner's links
http://links.juner.net/
も、勿論、xmlをxsltで変換してhtmlにするだけなのだが…これによってhtml時は多重になっていたサイトデータがxmlにする際に一つにまとまりました。ついついネームスペースまで作ってしまう始末。いつものことだが。
あと、ネームスペース付けるとxsltで変換する際に「ネームスペース:タグ名」の形式でXpathしないといえｋないのに正男の時に引っかかって良かったよ。今回は全然引っかからなかった。
とかそんな感じ。php側ではあまり凄い事はやっていないので正男の記事書く時にでも載せます。
尚、一応は、更新として消滅したリンクの削除や、後輩のサイトの追加とかやっていました。（なんで追加していなかったのか不思議だ…。
何故かLinksのところで上手く表示制御が出来ていないとの報告を受けたので調査。
どうもIE7以下で、
article.setAttribute('class',this.hidden);が上手く動いていなかった様であった。
なので検索して調べてみたところ…！！
var bug= (document.documentElement.getAttribute("style") == document.documentElement.style);の様なコードでチェック出来る事が発覚した模様。
タネあかしとしてはこうだ。IE7以下のgetAttributeやsetAttributeは手抜きで、elem.getAttribute("style","hoge")をelem.style="hoge"と同等の物として制御している模様。つまり………だ、elem.getAttribute("class","hoge")はelem.class="hoge"と同様のことらしい。
まぁそんな感じのバグ潰しのひととき。
きっと周囲の人は知っていると思うけれど私が知らなかったのでメモ代わりにぺたり。
参考：
IE の getAttribute / setAttribute | Days on the Moon
http://nanto.asablo.jp/blog/2005/10/29/123294
というわけで、juner's linksを更新しました。
上のリンクリストをクリックすると内容が表示される仕様です。
これによって大きなページを小さく人画面に収められる様に表示出来ます。
尚、javascript制御をしては居ますが、javascriptがoffの場合は問題無くこれまでの表示となります。
現状の問題点としては………cssがoffでjavascriptがonの場合に快適に利用出来ない可能性があるところでしょうか…。（まともにアンカーリンクを適用出来ないというバグというか仕様。）
あと、cssをhtmlから分離しました。
juner's links
http://links.juner.net/
大きな違いを感じたい場合はhttp://links.juner.net/#aboutとかhttp://links.juner.net/#myなどを観れば良いと思います。携帯だとcssが効かない物は効かずに普通に観れます。効く場合は効いた様に問題無く観れます。
ねおしの殿のサイトであるノウナイジケンボと相互リンクしました！
いつの間にかあちらの方からリンクしてくださっていた様なので、相互リンクしました。
ジャンルとしてはイラスト関係なので相互リンクとイラストの方に入れています。
ノウナイジケンボ
http://neosino.blog99.fc2.com/
juner's links - 相互リンク
http://links.juner.net/#mutually
相互リンクの申請があったので絵茶の住人さんのtkhmこととこはむ殿のサイトである、Dust Ham Boxedを相互リンクに追加しました。
コンテンツはまだ無いので暫定的に相互リンクのみに追加です。
Dust Ham Boxed
http://mario.arsv.net/
死んでるサイトの削除と、相互リンクに寿ぅ様の毒蜜柑を追加しました。
又、サイトのURLの変更に伴って掲示板のリンクの更新も行いました。
掲示板集の画像ランダム表示も機能していなかったので動作するように変更しました。
リンク集を更新してきました。
juner's links
http://link.juner.omiki.com/
主に林檎嬢ところにリンク貼ったり、炉理様のところにリンク貼ったり、あとpixivの冬空さんとの相互リンクしたりです。
ちょっと前に大幅なリニューアルしたばかりですが、ちょいちょいリンクの整備はやっていきたいと思います。
:参考:
林檎嬢ンとこ
http://www.geocities.jp/kumomakusa1000/
炉理様ンとこ
http://valkan.hp.infoseek.co.jp/
