Total Pageviews

Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

August 25, 2011

FireFox4

最新は6?ですが、
使っていないと腐ってしまいますね。Ver4画面。
今は、Chromeを使っています。IE9の方が検索窓の予測効果が高い。
Chromeはソースコードやソース画像を表示させるのが得意ですね。

July 25, 2011

検索窓3

プルダウンで選択可能 かつ 自由入力可能な検索窓を作ってみる。
参照元:http://vdonkey.blog.shinobi.jp/Entry/1/

このサイトではうまく動かないようである。窓が二つになった。




記述は以下。html5から、type="search"が追加されたので、"text"から"search"に修正済み。


<input id="txtopt-t1" type="search" value="default" style="border:0;position:relative;left:2;top:-1;width:100px;z-index:1">
<select id="txtopt-o1" style="position:relative;left:-105px;top:0;width:122px;z-index:0" onchange="document.getElementById('txtopt-t1').value=this.options[this.selectedIndex].text;this.selectedIndex=-1;" onblur="this.selectedIndex=-1;">
    <option>option-1</option>
<option>option-2</option>
</select>
<script>
    document.getElementById("txtopt-o1").selectedIndex = -1;
</script>

代替として以下のhtm文書を作成し、chromeとIE9で試してみる。

<html>
<meta charset="utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<body>


<input id="txtopt-t1" type="search" value="default" style="border:0;position:relative;left:2;top:-1;width:100px;z-index:1">
<select id="txtopt-o1" style="position:relative;left:-105px;top:0;width:122px;z-index:0" onchange="document.getElementById('txtopt-t1').value=this.options[this.selectedIndex].text;this.selectedIndex=-1;" onblur="this.selectedIndex=-1;">
    <option>option-1</option>
<option>option-2</option>
</select>
<script>
    document.getElementById("txtopt-o1").selectedIndex = -1;
</script>


</body>
</html>

するとChromeではうまく作動。IE9は文字入力後のプルダウンの制御が利かない。

検索窓2



色の実装。
classで指定。inputのclass="text-color-input"として
CSSで以下を記述したら、一発で色が変わった。。

javascript:void(0)
<style type="text/css">
<!--
.test-color-input {color:red;}
-->
</style>

グレー
ブルー




July 21, 2011

namazu ~ OSS 検索エンジン 構築

namazuという検索エンジンを構築してみる。と思い立ち、Win32(XP)で頑張っている最中。

現状の課題。
pltestという各種ファイルを認識するか、検索インデックスの作成や、その結果を正しく出力できるかといったもののような、がすべてクリアにならない・・・。2日経過。
Webで検索をするも解決策がヒットしない。

解決済み課題
(Win32用の・・・)
ActivePerlの800番台がすでに正式サイトからダウンロードできなくなっていること。
がんばって探し出せたが、バージョンが古いようで、ppm-inst.batでアカネイロソフトのサイトからモジュールをダウンロードできない。
もっと頑張って800番台の後半を手に入れたら、上記はカイゼン、上の解決していない課題の前に3日経過。これはnamazuサイトのnamazu製作者がActivePerl最新1400番の対応を作成すると記載あるが、それまでは皆同じ課題に当たるかと。当方は探せたからまずはOK。



ちなみにロシア語のサイトで意味も分からずやってみた。(クリックすると内容表示)



その2
マニュアルが知識レベルの差で難解であるため、理解が困難。WEBから頑張って同一環境に近い人で、内容が充実しつつ、さらに、バージョンが新しい人の情報に従ってみる。
これも こちらで解決:http://www.mountain.jp/tech/namazuv3/
OS: Windows Server 2008 R2 -> XPでもつかえそう。

しかし、先に叙述したように、pltestsで namazu-1.pl, namazu-2.pl, namazu-5.pl(?), namazu-cgi-1.pl,  namazu-cgi-1.pl といった6個がFAILで改善されない。(Office2003の一太郎コンバータの導入、FileFormatConverters.exe(Office2003でOffice2007形式が変換して開ける)の導入、Officeの再インストール、すべてのtest対象のファイルを開いてみる、は実施した前後の結果)。test-logを解読してみるもそれぞれの内容が難解で理解できず。


続きは次回。(個人的にこの内容で、アクセスが増加するか???少し楽しみ)

検索窓

検索窓の消える文字を設定する方法。

ソースコード↓
<input type="text" onfocus="if (this.value == '検索窓') this.value = '';" onblur="if (this.value == '') this.value = '検索窓';" value="検索窓" />


表示はこちら↓


Javascriptが働かないときえないよう。次はCSSで文字色を変えたい。Gooleのように画像を使いたい...

参照元:http://forty-n-five.boy.jp/blog/2008/07/post_63.php

July 12, 2011

Stocks control

日経新聞の銘柄フォルダがよい。


先般まで、Yahoo!finance ポートフォリオを使っていたが、グラフがついているのでわかりやすい。


抜き出した表はこんな感じ。パナを例にした。自分の保有数と購入価格をYahoo!と同じく登録できる。



銘柄コード
(優先市場名
/投資信託)
株・投資信託の
銘柄名
[ 銘柄の追加 ]
現在値/
基準価格
(円、時刻/日付)
前日比
(円)
株数/
単位口数
購入株価
/基準価格
(円、登録日)
時価評価
(円)
評価損益
(円)
日足
チャート
6752
東証1部
パナソニック(株) 1,004
15:00
-5 500 1,286
2011/6/22
502,000 -141,000 チャート

さらには、スマートチャートなるものも用意されており、指定銘柄と、日経平均や他3銘柄と比較ができる。

いままでこの他銘柄と比較という機能が使いたかったため、これ方使ってレビューしたい。

June 28, 2011

PDF data表示のURL指示のパラメータ

http://partners.adobe.com/public/developer/en/acrobat/PDFOpenParameters.pdf

何度、アクセスしても、記憶から探し方を忘れてしまう、HTMLエディター必須のサイト。

http://*/***.pdf#page=50&fit=viewH 等々。

Google documentsにChromeからダウンロードできた。某作業所からは、アクセス禁止サイトに指定されているので、閲覧できないが・・・。このブログから思い出すように記録しておこう。。。

June 15, 2011

jpg nocopy, how?

このサイトの画像がコピー禁になっていて、サイトに直リンクができないわ、ダウンロードも困難で・・・といった感じでよくわからない現象があったので、自分の今後の課題として記録しておく。


映画.com Article
おまけ YouTubeともちんCM
で、以上はHTML/CSS/Javascriptとかの技術になると思うのだが、それはさておき。
Nikitaについて
I like not only "Nikita" a 1990 film, directed by Luc Besson(リュック ベッソン), starring Anne Parillaud(アンヌ パリロー) but also "Point of No Return" (or The Assassin), remake, 1993 American film starring Bridget Fonda(サラブレッドのブリジット フォンダ). So I am very interested in Maggie Q's.

I like not only "Nikita" a 1990 film, directed by Luc Besson, starring Anne Parillaud but also "Point of No Return" (or The Assassin), remake, 1993 American film starring Bridget Fonda. So I am very interested in Maggie Q's.