Albert 網路筆記

2013年9月8日星期日

[部落格介紹] 小藥師部落格

[分類] 醫療健康

[網址] http://mulicia.pixnet.net/blog

修正 Wordpress 找不到 jquery-1.10.2.min.map 的錯誤

訊息
GET /wp-includes/js/jquery/jquery-1.10.2.min.map 404 (Not Found)

解決方式
下載缺少檔案並置於同目錄可正常使用

下載點
http://code.jquery.com/jquery-1.10.2.min.map

使用 jQuery 依視窗大小變化, 自動調整高度

JS Code
$(window).resize(function() {

$('#autoheight').css({height:$(window).height()-$('#header').height()});

}).trigger('resize');

Html Code
<html>
<head>
</head>
<body>
<div id=header style="height:100px;">
</div>
<div id=autoheight>
</div>
</body>

jQuery 插件 Plugin Supersized

類型
全螢幕藝廊外掛

線上示範 Demo
http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

下載點
http://buildinternet.com/project/supersized/download.html

網址
http://buildinternet.com/project/supersized/

說明文件
http://buildinternet.com/project/supersized/docs.html

實用參數
fit_always 不裁切圖片,自動縮放圖片至適合大小
fit_landscape 在圖片寬度為 100% 比例的前提下裁切圖片
fit_portrait 在圖片高度為 100% 比例的前提下裁切圖片
min_height 設定圖片最小高度
min_width 設定圖片最小寬度

2013年9月7日星期六

Html 表單 Form 換行排除

方法一
Inline Styles
<form style="margin:0px; display:inline;">
</form>

方法二
Internal Style Sheet
<head>
<style type="text/css">
form{

margin:0px;

display:inline

}
</style>
</head>

E-mail 格式檢查

示範

JS Code
<script type="text/javascript">

function validateEmail()
{
var emailvalue=document.forms["emailform"]["email"].value;
var atpos=emailvalue.indexOf("@");
var dotpos=emailvalue.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailvalue.length)
{
alert("請輸入正確電子信箱");
return false;
}
}

</script>

Html Code
<form action="emailform.php" method="post" enctype="application/x-www-form-urlencoded" name="emailform" id="emailform" onsubmit="return validateEmail();" target="_blank">

<input name="email" type="text" value="訂閱電子報">
<button type="submit" class="button" id="button" name="button">訂閱</button>

</form>

[網站介紹] 英國郵資線上計算

[類型] 線上服務

[網址] http://www.royalmail.com/price-finder

2013年9月8日 星期日

2013年9月7日 星期六

2013年9月8日星期日

2013年9月7日星期六