[k]id
2010年3月26日
たま〜に「html内の画像の保存をさせたくないので右クリックを禁止してくれますか？」
等の若干疑問を抱くリクエストを受け付ける事があります。
ユーザービリティ的には決して褒められた事ではないのですが、
どうしても反発出来なかった場合はjQueryでサクッと実装してしまいます。
jQueryを読み込んだ上で
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});2010年2月12日
先日ご紹介した「TinyMCEのメディア（画像）投稿で絶対パスが相対パスに変更されてしまう時の対処法
」の続報です。
TinyMCEのデフォルトだとツールバーのフォントメニューには英語の設定しかありません。
これだと明朝とゴシックを適切に切り替えが出来ないので、ちょっと使いづらいですね。
そこで以下の設定を設定用のJSに追加する事で下記のように選ぶ事ができるようになります。
<script type="text/javascript">
$().ready(function() {
$('textarea.tinymce').tinymce({
//下記の設定でフォントのメニューを書き換える事ができます。
theme_advanced_fonts:"明朝系=\'ＭＳ Ｐ明朝\',\'ヒラギノ明朝 Pro W3\',serif,ゴシック系=\'ＭＳ Ｐゴシック\',Osaka,\'ヒラギノ角ゴ Pro W3\',sans-serif"
});
]);
2010年2月10日
JQueryでSwapImageさせようと思い、
奇麗なソースがないかと調べていたところ、
chobugyoさんの[jquery]ないのでつくってみた「jquery SwapImage Menu」に端的なコードがあったので参考にさせていただく事にしました。
コードは以下、記事、ありがとうございます。参考にさせていただきます。
$(function(){
$("#buttons a").hover(function(){
var picture = "images/" + $(this).attr("class") + ".jpg";
$("#swapimage .floatPicture:visible").fadeOut("fast",function(){
$("#swapimage .floatPicture:hidden").fadeIn("fast").attr("src",picture);
});
$("#swapimage a").attr({
href:$(this).attr("href"),
title:$(this).attr("title")
});
$("#swapimage .basePicture:visible").fadeIn("fast").attr("src",picture);
});
});2009年11月19日
WordPressでも採用されているAjaxベースのテキストエディタ「TinyMCE」
この「TinyMCE」で画像を登録するときに何故か絶対パスで設定しても相対パスに強制的に
変更されてしまう事が判明。
ドキュメンとによると設定するJSに下記を記述することで変更されなくなるみたいです。
relative_urls : false
2009年4月23日
動的に生成するページをPHPで作っていて
他のページのタイトルをAjaxで引っ張って来たかったので
データベースから取得するのではなく、直接jQueryでタイトルを
引っ張ってきてみました。
↓のサンプルはh1を他のページのタイトルに置き換えてます。
//変数titleScrを宣言
var titleScr = html=[], realcnt=0;
//titleタグの中
var titleScr = /<title>(.*)<\/title>/;
//jQueryでindex.htmlのタイトルをget
$.get("./index.html",function(data){
var titleStr = titleScr.exec(data)[1];
//h1の内容を置き換え
$("h1").html(titleStr);
});
