Bitty so HOT: html

顯示包含「html」標籤的文章。顯示所有文章

關於列印網頁 ~ Input物件一事XD

我哥就是反應當列印網頁的時候

會把輸入欄位的格子也印出來

因為他們要這東西~~~~~

有個這年這月這員工的扣款and加給欄位~~~方便它們隨便輸入~~~~就馬上算出來

這動作看似簡單= =

我背後做了抓值~~~算總數~~~計算出來馬上顯示在網頁上~~~~又還要更新資料庫XD

總之就是印出來也把輸入欄位也印出來=__=

當下我是想說用HTML的方式把輸入欄位消失並取值~~~~再新增一個div放上去

等我做了發現這工程浩大

馬低

不過好在我有想到更好的方法~~~~~

這方法真的是好太多太多了XD

就是再要列印的時候做個動作

$('#overtimeList input').addClass('noBorder');

設定CSS就好........超快XDXD

然後這是他的style

一個關於網址跟連結~css~js檔案的問題~XD

之前就是弄一種url

像

http://www.ggyy.com/products/ggyy

這網址就是連到ggyy網站的~~產品~~~~GGYY產品

這東西要用Apache做~

但這種連結

不能用相關連接包css跟js

例如

css/main.css

js/jquery.js

這樣會抓到該網址的相關連結~~~~~

而如果連到xxx.html~~~~~也會連錯

這時候就要一個一個連結改........改例如../../css/main.css

上一頁上一頁的css/main.css

每個連結這樣改會改瘋掉

有一招可以免掉這道手續~~~~~~完全working~~~~~~而且只要加一段code

<base href="http://www.ggyy.com/" />

加了之後~~~~~~~我就射了...........

這東西根本就是專為這情況而生麻~~~~~~~~~害我之前都用../../來解決這問題~~~乾

HTML ~ disable input field autocomplete

如果想要欄位不要記憶上次輸入的數值~~~

source
http://www.petefreitag.com/item/481.cfm

台灣縣市 ~ HTML select option code

Javascript ~ img check if no image

<img src="img/xxx.png" onerror="alert('no image at img/xxxx.png !!!!')" />

if there is no image at img/xxx.png

will alert no image at img/xxxx.png !!!!

drop down menu hide by flash object......

如果遇到這鳥問題.........flash一直在最上層

記得object裡面加

<param name="wmode" value="opaque" />

embeded加

wmode="opaque"

http://stackoverflow.com/questions/326196/ff3-windows-css-z-index-problem-with-youtube-player

KB927917 ~ unable to modify the parent container element before the child element is closed

今天某位學妹丟了網頁給我~~~~他說firefox沒事~

IE看卻會出問題~~~~~~出現KB927917的問題~

這個問題就是說~~~~~子標籤還沒有結束~~在裡面就做修改父標籤的動作~用Javascript

所以麻~~~遇到這問題~~~~~~~

就看一下自己的Javascirpt有哪邊是在做修改的動作~~~而且又很剛好的還沒結束就修改父標籤

這網頁裡面有一些範例~~~還有教你怎麼做修改的方法~
http://support.microsoft.com/kb/927917/zh-tw

HTML validation ~ check ~ Verification ~

這網站還蠻酷的~~~~~

貼網址上去~~~~他就會幫你驗證出哪裡有問題~~~還蠻屌的XD

想找出網頁哪邊有小問題~~~可以試試看~

http://validator.w3.org/

Javascript ~ Button onkeypress don't do something~press enter do nothing

if you wish a button clicked by mouse ~~~do something

clicked by keyboard like~Enter of Space~~~~~~do nothing~

here is a simple way to solve~~XD

HTML Code
<button onclick="mouse_click()" onkeypress="keyboard_press()">sdf</button>

Javascript
-------------------------------------------------------------------------------------------
var keyboardClick = false;

onkeypress="keyboard_press()"
-------------------------------------------------------------------------------------------
function keyboard_press()
{
keyboardClick = true;
}

onclick="mouse_click()"
-------------------------------------------------------------------------------------------
function mouse_click()
{
if(keyboardClick == true)
{
alert('do nothing');
keyboardClick = false;
}
else
{
alert('do something');
}
}

====================================================================
if I use the event.keyCode~

CODE
onclick="mouse_click(event.which)"

function mouse_click(e)
{

if ( ! e )
{
e = event.keyCode;
}
}

if e is 13 or 32 nothing happened

it didn't work~

because SPACE(32) key or ENTER(13) key~

will triggered the onkeypress event then triggered the onclick event ~~

reference~
http://www.elated.com/articles/events-and-event-handlers/

http://plog.longwin.com.tw/files/key_codes.html

http://www.lslnet.com/linux/f/docs1/i45/big5314758.htm

word貼表格至dreamweaver產生的width屬性

我已經受夠了XD

每次遇到表格貼dreamweaver他就會自動產生很多標籤

p標籤
strong標籤
td的width屬性

為了網頁的乾淨簡潔和好調整~~~~這些都要清掉說~~~~

上面兩個都還好~~~~就是width屬性不好清

有時候表格多的時候~~~~~ 一個個手動清會很想哭XD

好在有正規表示法這玩意兒............下一段命令他就可以把類似width="數字"

把它都抓起來~~~~~~抓到之後就可以一次取代成空白就清掉了...........

width="[0-9]+"

之前也遇過這問題..........今天又遇到............

害我又上網找資料@#$%$#^$^$&^$&~~~~~~~~不如po一篇文以後我自己點進來看XD

HTML 的關鍵字語法

就是跟搜尋引擎說妳這網頁的關鍵字是哪些#$#@$#%#$%$#%

<meta name="keywords" content="大便, 香蕉, 覽叫, 滷蛋狗, 炸彈貓" />

他是一個meta標籤~~~~大致上是放在head標籤裡面

http://www.w3schools.com/html/html_meta.asp

HTML引入HTML檔

這個範例是引入xx.html檔
<object style="border:0px" data="xx.html" width=100% height=30></object>

參考http://blog.yam.com/williamlong/article/5552366

Bitty so HOT