web関連tips備忘録

| 1 | 2 | 3 |

TABLE(表組)で均等割付を実現する方法


debianを最新安定版(stretch)にアップグレードしたらKDEディスクトップ環境では総合オフィスソフトがApacheOpenofficeからLiberofficeに替った。

openoffice calcでは均等割り付けが実現できなかったが、LibreOffice Calcでは均等割付けが実現できる。
この際なので、HTMLのTEBLEでも均等割付けを実現してみた。

 td {
    text-align: justify; /* IE用 */
    text-justify: inter-ideograph; /* IE用 */

    -moz-text-align-last: justify;
    text-align-last: justify;
 }

firefox ver59.0.2、googlechrom ver65.0.、IE ver11で均等割付けが実現できることを確認。

目的のTDタグだけを均等割付けにしたい場合は、該当タグに同じクラス名を付けて上記の「td{」を
td.class名とすればよい。

参考サイト
CSSでの表見出しの均等割付 (css3版) - 鍋の底

web Tips 2018-04-10(火) 19:37:40 - kei - TrackBacks

firefoxでYoutube動画のダウンロードするプラグイン


これまで、ブラウザー(firefox)でYoutube動画をダウンロードするために、拡張機能に「Download Helper」を追加して使っていたが、いつの間にかダウンロードできなくなるなど動作が不安定なので、削除して「
Video Downloader Professional」に切り替えた。

「Download Helper」同様、動画を再生するだけでダウンロードできるようになる(ツールバーに該当するアイコンが表示される)。
使ってみての個人的な感想は、「Download Helper」に比べ使い勝手が良く、動作も安定している。
web Tips 2016-06-20(月) 17:09:32 - kei - TrackBacks

SEO対策の効果アップ手法


web Tips 2010-07-27(火) 11:03:48 - kei - TrackBacks

javascriptで要素のプロパティーを取得する


例.document.getElementById(id)を使ってバックグランドカラーを取得する。
var element = getElementById("elementid");
var element_bgclor = element.style.backgroundColor;

element_bgclorにバックグランドカラーの値が10進数(r,g,b)で入る。

web Tips 2010-02-04(木) 20:35:42 - kei - TrackBacks

javascriptで作成したtextareaのwarpを切替える


javascriptで作成されたtextareaのwarpを切替える方法
要素の中のHTMLソースをダイナミックに変更することができるinnerHTMLを使用する。

例.入力文字数が横幅を超える場合、表示も送信も自動改行するようにしたい。
<form>を作成しpostで送信することでwarpを切替える。
var frm = document.createElement("form");
frm.method = "post";
frm.action = location.pathname.substring(location.pathname.lastIndexOf('/') + 1);
frm.innerHTML = "<div>"
+ "<textarea name=\"body\" wrap=\"hard\" cols=\"36\" style=\"visibility: hidden;\" >text</textarea>"
+ "</div>";
document.body.appendChild(frm);
frm.body.value = text;
frm.submit();

参考:
shLegacy.jsでOperaのタブが反映されない
web Tips 2010-02-03(水) 11:44:08 - kei - TrackBacks
| 1 | 2 | 3 |
LINK