Pandora´s Box

見たものや感じたものを書いて いきたいとおもいます。

JavaScript

ブログ内の ソースコードを きれいに表示

pandoraboxs : preタグ内の文字列表示 行間幅変更 - livedoor Blog(ブログ)

ブログ内にJS配置しなきゃいけないかと思ったけれど、
外部参照できるところがあったので、取り込んでみました。
Syntax Highlighter Scripts Generator
ソース選択画面


下記のように記述します。
ソース記述


HTMLは下記のよう

Hello World

cssは下記のよう
pre 
{
  line-height: 100%;
}
C#は下記のよう
// A Hello World! program in C#.
using System;
namespace HelloWorld
{
    class Hello 
    {
        static void Main() 
        {
            Console.WriteLine("Hello World!");

            // Keep the console window open in debug mode.
            Console.WriteLine("Press any key to exit.");
            Console.ReadKey();
        }
    }
}


class内のbrushの言語表記は下記
Bundled Brushes

Brush nameBrush aliasesFile name
ActionScript3as3, actionscript3shBrushAS3.js
Bash/shellbash, shellshBrushBash.js
ColdFusioncf, coldfusionshBrushColdFusion.js
C#c-sharp, csharpshBrushCSharp.js
C++cpp, cshBrushCpp.js
CSScssshBrushCss.js
Delphidelphi, pas, pascalshBrushDelphi.js
Diffdiff, patchshBrushDiff.js
Erlangerl, erlangshBrushErlang.js
GroovygroovyshBrushGroovy.js
JavaScriptjs, jscript, javascriptshBrushJScript.js
JavajavashBrushJava.js
JavaFXjfx, javafxshBrushJavaFX.js
Perlperl, plshBrushPerl.js
PHPphpshBrushPhp.js
Plain Textplain, textshBrushPlain.js
PowerShellps, powershellshBrushPowerShell.js
Pythonpy, pythonshBrushPython.js
Rubyrails, ror, rubyshBrushRuby.js
ScalascalashBrushScala.js
SQLsqlshBrushSql.js
Visual Basicvb, vbnetshBrushVb.js
XMLxml, xhtml, xslt, html, xhtmlshBrushXml.js


参考)
ソースコードをきれいにハイライト表示する『SyntaxHighlighter』
ソースコードをきれいに表示してくれるSyntaxHighlighterをBloggerにウィジェットで導入!

javascriptでつくってみた

javascript



IE7でしかテストしてないですが。

クリックすると・・・・・

ドラッグすると・・・・・
続きを読む

マウスと共に画像が移動します。

マウスストーカー
マウスクリックで移動
マウスドラッグによるオブジェクト移動のサンプル

JavaScriptの仕事を始めました。
いろいろwebで調べると面白そうなことできそうなので、
いろいろ調べてますが、
なんか、C#とかで画面作るのと同じようなことを
webでできそうな感じなので、
今後はスクリプトの時代ですかねぇ

画像をクールに見せる便利なスクリプトです。

ラグナロクオンライン2のHPを見ていたら
スクリーンショットの表示が面白かったので調べてみた。

Lightbox JSを使ってるみたいです。

派生で、下記のようなものもありました。
lightbox_plus
ズーム機能とかついていてこっちのほうがいいかも。


また機会があったら使ってみたいですね。
フリーのブログじゃスクリプトアップできないですけどね。( ´∀`)つ

ソーシャルブックマーク&RSSボタン統合サイト発見

ゲームできないので、何が原因か探してる最中に
トレンドマイクロのサポート情報にブックマークできるようになっていたため
まねしたいと思って探したところ

AddClipsにてソーシャルブックマークとRSSボタン統合できるスクリプトを作成してくれます。
貼り付けるだけだけれど位置が気に入るまで、
ちょっと時間がかかってしましまし。
CSSの勉強しなきゃと思いました。

カテゴリ表示してると、一行ずれるのは何とかならないかな

結局GameGaurdについてはトレンドマイクロQ&Aには載ってませんでした。

Ajaxを使おう jQuery でグラフ作成

jQuery でグラフ作成

IEのプラグイン作成方法を探していたら上記があったのでメモ

C++でオブジェクト指向を行ったりしたし、
TVでウィルスバスターの新しいバージョンが出てるとの
CMがあったので、ウィルスバスター2009を入れたら、
IEにプラグインが追加されたので、
気になって探していたら見つけました。



キャンバスタグがあったのにも驚いたけれど、
今ではスクリプトだけでグラフとかかけるようになってるんですねぇ

google prettify test

プログラムのコードを配色する「google-code-prettify」続きを読む

UI-Tabs - jQuery

UI-Tabs - jQuery JavaScript Library

jQueryのタブ表示を試してみました。
続きを読む

innerHTML innerTextを試してみる ver2

innerHTML innerTextを試してみるから
ちょっと工夫してみた。



3/3の最後の曲が好きだぁ

innerHTML innerTextを試してみる

innerHTMLでページの切り替え
innerTextとinnerHTML
DOM:element.innerHTML
innerHTMLでページの一部分を動的に書き換える

innerHTMLを試してみる

今の日本は を見やすくすることが出来る。はずだが動かず;−;

また時間が合ったら見直してみよう続きを読む
ブログ内検索
 
QRコード
QRコード
読者登録
LINE読者登録QRコード
livedoor プロフィール

おりん

  • ライブドアブログ