Pagpapahayag ng IT

Isa pang lumang paaralan ng mga pandagdag ng memory ...

Bakit namin upang paganahin windos.status?
Javascripts ay maaaring maging isang bangungot kapag mayroon kang bagay na i-debug. Firefox ang magkaroon ng ilang mga madaling-magamit na addons, tulad ng Firebug thats gumagawa ng aming buhay madali at Gayundin, ang mga boto para sa pinaka-popular na pamamaraan ng pag-debug sa Javascript ay dapat pumunta sa "ALERTO ()". Anywaz! May ilang mga pagkakataon kapag nagdadagdag ng ALERTO ko i-debug ang iyong di-behaving Javascript ay lamang isn'ta magandang ideya. Halimbawa! Mayroon ka dragble item na ang posisyon ay kailangang alerted .... HINDI HINDI! Wala gawin ito! ... Ay mo lamang makakuha ng walang katapusan na mga alerto o ugali mo talagang drap ang iyong dragable. Na rin! May mga mas mahusay na mga sitwasyon, kung saan maaari mong pagsusulat ang mga debug teksto sa bar ng katayuan, mas usful ... naniniwala sa akin! Nito Karanasan!

IE sa pamamagitan ng default iniwan mong sumulat sa Bar browser STATUS gamit ang syntax na "window.status = 'bagay upang i-debug'", ngunit FireFox hindi. Kaya upang paganahin ang mga bintana katayuan pagbabago, maaari mong gawin ang alinman sa mga sumusunod.

Buksan ang tungkol sa: config sa browser (uri "tungkol sa: config" ito sa address bar) at ang paghahanap para sa
DOM. disable_window_status_change. Baguhin ito sa maling ... i-click lamang sa entry upang i-toggle ang estado.

O Bilang kahalili

"Tools → Opsyon → ng Nilalaman → Paganahin ang JavaScript / Advanced → teksto ng Baguhin ang status bar"

At tandaan din na ... na magsulat sa status bar sa iyong Javascript, IE ay ok lang kung gumamit ka ng isang maikling syntax is katayuan = 'ilang debug teksto' ngunit sa FireFox, kailangan mong gamitin sa buong syntax is window.status = ' bagay na i-debug '

Ni am ko masyadong bagong sa User Interface (UI) na pag-unlad ni am ko ang isang beterano at bilang ako palaging ilagay ang mga ito, magkasya ko sa profile ng UI developer higit pa kaysa sa na ng isang taga-disenyo, na may walang regrets. Oh Well! Ano ako pagsulat tungkol sa? ... Para sa habang na isang (ay dapat sa taon hindi anumang mas mababa) ngayon, ang bawat ngayon at pagkatapos kapag ako makakuha ng sa isang bit ng UI Design (kapag ang mga propesyonal na designer ay nawala sa isang piyesta opisyal), ako palaging nakahilig stop-iisip kung ang aking mga disenyo dapat maayos complient o hindi (Taos-puso, hindi na maaaring ako achive ang mga pamantayan sa 100% pagsunod, Kung Nais kong masyadong). Pagkatapos ko sabihin sa aking sarili, kung ano ang dumi! ... Disenyo ay dapat na simple, ganda at lalo na mukhang magagamit, hindi ito dapat bisita tumakas ... o bounce (maging teknikal). Ano ang mabuting ay isang magandang tableless CSS layout ay upang ang mga bisita, na makakalimutin sa lahat ng mga matalinong HYPERTEXT at Cascading Style Sheet sa ilalim ng balat ng iyong webpage ... Zilch!
Ito ay dapat tumingin ng magandang at madaling gamitin ... pagkatapos ay dumating ang lahat ng mga bagay-bagay pamantayan.

Stumbbled ko ang accross ang blog entry na ito sa pamamagitan ng Jason pinirito ng 37 signal (Para sa mga na hindi malaman 37 signal ay ang onces na nalikha ang ilang mga kasindak-sindak web apps tulad ng Basecamp, apoy sa kampo atbp) na isinulat ng isang bagay na katulad noong 2004 at naniniwala sa akin, halos 5 taon at magkano ang hindi nagbago dahil na ... ako ay masaya na basahin ang kanyang mga post, bilang ako ay lubos na sumasang-ayon sa kung ano siya ay sabihin at ang din ang katotohanan, ang kanyang ay hindi sigurado tungkol sa kung ano ay nagsasabi tungkol sa nito lamang matupok ng kanyang damdamin at sa gayon ay minahan

Jason pritong: "May paraan ng masyadong maraming makipag-usap tungkol sa CSS at XHTML at Pamantayan at-access at hindi sapat na makipag-usap tungkol sa mga tao. CSS at Pamantayan sang-ayon Code lamang tool - kailangan mong malaman kung ano ang bumuo sa mga tool na ito. Mahusay, Natutuwa akong iyong UI ay hindi gamitin ang mga talahanayan. Kaya ano? Sino ang nagmamalasakit kung ito ay hindi pa rin hayaan ang mga tao na makamit ang kanilang mga layunin. Web pamantayan ay mahusay, ngunit ang sariling pamantayan ng tao isama pa ng mga bagay na nagawa (at na ang pa rin masyadong mahirap na gawin sa online).

UI designer ay paggawa ng parehong lumang pangunahing "forgetting tungkol sa mga tao sa iba pang mga bahagi na" pagkakamali - maliban sa oras na ito ang kanilang code mukhang mas mahusay. Tao - hindi mga code validators - paggamit interface ".

Buong artikulo Checkout Jason pritong

DISCALIMER: Hindi ito nangangahulugan na hindi namin dapat abala tungkol sa mga pamantayan sa lahat. Mga pamantayan ay mabuti sa may at dumikit sa mga ito hangga't maaari. Mayroon lamang namin na maunawaan na ang Mabuting UI disenyo ay hindi palaging nangangahulugan na ang 100% mga Pamantayan Complience o Vice-versa ....

Mula sa aking listahan ng aking mga aralin natutunan, sundin ko ng ilang UI Design at Development Golden Batas ... Heres ang TOP 10 ... hindi na mayroon ka sundan ang mga ito masyadong ...

1. Pangangalaga ng iyong mga gumagamit. Ang mga gumagamit ay maaaring gumawa o basagin ang iyong site. DONOT gumawa ng user hitsura tulad ng isang kabuuang idoit, lubos na walang kakayahan ng gamit ang iyong website. Na ay Bad!

2. Panatilihing simple at Dali ng Gamitin ang iyong pangunahing mga guidlines. Masyadong maraming bagay sa screen, mas mataas ang posibilidad na ang isang gumagamit ay makapag-lito o ginulo mula sa kanilang orihinal na gawain.

3. Maging sa mga limitasyon ... DONOT palayawin masyadong maraming sa usability, access at pamantayan. Epektibo na gamitin ang mga pamantayan at gumawa ng mga ito naunawaan sa koponan. Ito ay matiyak na ang karapatan na pareho sa produkto

4. Tularan ang kinakailangan. Dahil, ang mga araw na ito ang Paggamit interface ay RICH, Prototyping palaging ay mas mahusay kaysa sa lamang ng paggawa ng mga simpleng wireframes at huli ay walang bisa ng mga disente na pakikipag-ugnayan, ito ay mabibigo upang magbigay ng client ng isang malinaw na larawan ng panghuling produkto na ay binuo. Laging, ito ay mas madaling i-convert ang mga prototypes sa huling deliverables. Rin! sa prototyping anumang mga isyu ng pakikipag-ugnayan ay maaaring paplantsa out mas maaga sa cycle ng pag-unlad.

5. Ang pagbabago sa iyong mga disenyo at pakikipag-ugnayan ay napakahalaga. Donot malito ang iyong gumagamit sa mga unpredictable na pakikipag-ugnayan at gizmos.

6. Intindihin ang iyong "Disenyo Mission Statement". Aways tumutok sa pangunahing pagkilos ng pahina beign na dinisenyo. Gayundin, gumawa ng isang listahan ng iyong mga sa seconday aksyon sa ang pahina, at unahin ang mga ito.

7. Magbigay ng tamang feedback sa site ang mga gumagamit. Sa karamihan ng mga website na dinisenyo sa paligid ng AJAX, magbigay ng mga visual na mga pahiwatig sa gumagamit tungkol sa mga pagbabago sa pahina. Ang gumagamit ay may sa bibigyan ng isang pagkilala ng pagkumpleto ng anumang gawain siya gumaganap. Donot gumawa ng gumagamit ang maghintay at hulaan, para sa halimbawa. magbigay ng tagapagpahiwatig ng pag-unlad para sa mga uplaods file.

8. Gamitin ang mga kontrol naaangkop. Para sa halimbawa Paggamit Piliin ang drop down na listahan para sa mga maliit na listahan lamang, donot hayaan ang gumagamit na pumili ng isa sa 200 mga lungsod gamit ang piliin ang kahon. Maunawaan ang pagkakaiba sa pagitan ng isang pindutan at isang link. Ang isang link at pindutan ay may iba't ibang mga layunin, donot gamitin ang isa para sa iba. Ibigay ang karapatan na kontrol upang gumawa ng nakikipag-ugnayan sa pahina ng isang mas madali. Iwasan ang paggamit ng mga menu, na higit na sa dalawang mga antas ng malalim. Huwag reinvent ang gulong. Gamitin ang mga karaniwang kontrol, ipasadya ang mga ito lamang kung lubhang kinakailangan. Tukuyin ang anumang mga kontrol ng custom na kinakailangan para sa iyong unang kamay site, kaya na maaaring sila ay nilikha at nasubok sa nakapag-iisa, handa na para sa paggamit accross site.

9. Donot umulit masyadong maraming sa disenyo. Tandaan! Ang buong produkto ay binubuo higit na disenyo nag-iisa. Bumuo ang mga naaangkop na Timeline sa iyong proyekto iskedyul para sa mga iterations ng disenyo at dumikit ito. Pag-ulit ay tumutulong sa amin upang malaman kung ano ang gumagana at ano ang hindi, piliin ang spot problema. Bilang isang mahusay na interface ay tumatagal ng oras, magbigay ng oras para mga iterations sa begining ng ikot ng panahon ng pag-unlad, kaya na ang iterations disenyo ay direkta doesnot equate sa REWORK. Masyadong maraming rework ay maaaring jeopradize ng mga deadlines.

10. Umupo sa likod at sa tingin tulad ng isang user sa minsan.

Heres isa pang maliit peice ng Javascript linlang na ako ay may sa humukay sa paligid dahil ang sitwasyon ang commaned ito. Sa isa sa aking mga web site, ako ay may situasyon na ito kung saan ako ay upang ipatupad ang "windows.onload" dalawang beses. Ang unang bagay na dumating sa isang bagito isip tulad ng minahan (Mayroon akong matapat sabihin na, dahil ako ay gumagamit ng javascript Frameworks at mga aklatan, ako forgotton upang gawin ang mga simpleng mga bagay-bagay sa aking sariling ... malungkot ngunit totoo), ay ang mga sumusunod na pamamaraan ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 atbp ...

Paumanhin upang sabihin ngunit, ito kostumbre gumana ... wala ang nais na talakayin ang pagpapatupad science ng Javascript magkano ... pero ayon sa aking mga kamakailan-lamang na karanasan, lamang ang huling function na sa (onloadfn3) ay masama talaga makapag pinaandar.

Sa normal na sitwasyon, hindi katulad mina (na kukunin ko na makipag-usap tungkol sa isang maliit na mamaya) ... maaari mong gawin ang isa sa mga sumusunod na execute mutliple onload function ....

O isang bagay tulad nito

 function na doOnLoad () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

Para sa aking kasalukuyang sitwasyon, hindi ko maaaring gamitin ang alinman sa itaas ...
Bakit kailangan kong tumawag sa windows.onload dalawang beses, sa halip na pagtawag ng dalawang mga function sa loob ng isang solong onload function na? Narito ang mabilis na pagtingin sa aking mga pahayag ng problema ...

"Aking Site pahina ay nakabalangkas na tulad ng tema WordPress .... yan ay isang mga karaniwang Header.php at Footer.php na makakakuha ng kasama sa lahat ng mga pahina site. May ay isang onload function na implementaion sa ang Footer.php upang gawin ang ilang mga karaniwang onload function. AT may mga ilang mga pahina na kailangan sa isang bagay ng kanilang sariling ONLOAD, hiwalay mula sa mga nagawa ng mga karaniwang onload function na. Kung ako ay magtalaga ng callback function na direkta sa handler window.onload, ito ay over-sumakay dati itinalaga callbacks sa ang Footer.php "

.... Ang aking problema naunawaan ?

Na rin! may ilang mga solusyon na ako ay mahanap. Lahat sila ay halos katulad at ay pangunahing implementions ng isang solusyon na ibinigay ng Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Solusyon:

Lamang idagdag ang javascript code sa site ...

 ng pagpapaandar addLoadEvent (func) {
     var oldonload = window.onload;
     kung (typeof window.onload! = 'function na') {
        window.onload = func
     } Ibang {
        window.onload = ang function () {
            kung (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 }

At tawagan ang mga ito sa halip ng sa karaniwang "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (ang function () {
 / * Higit code upang tumakbo sa pahina ng pagkarga *
 }); 

Bentahe ng code snippet na ito ...
1. Lalo na, hinahayaan Ito mayroon kang maramihang mga kaganapan windows.onload, na tinatawag na mula sa mga mga seperate bahagi ng iyong code, walang overridding ang nakaraang kahulugan
2. Ito ay talagang mahinhin. Ito ay maaaring ilagay sa isang file sa iyong iba pang mga script o sa isang hiwalay na file.
3. Gumagana ito kahit na kung window.onload ay nai-set.

Akala ko ito ay maging isang doodle upang mahanap sa google, ng maraming mo sa amin ang mga manunulat ng UI at script ay kailangan upang gawin ito sa araw-araw na batayan, na isama ang isang bit ng peice ng snippet ng code ng PHP (. Php) sa isang Smarty Template (. tpl). Natanto ko na mas madali / popular ang iyong query, kahit na mas mahirap upang mahanap ang eksaktong sagot ... isang milyong mga resulta ng paghahanap ngunit karamihan sa kanila reffered sa "file" Kasama sa Smarty ... na may mga sumusunod na syntax

{Isama ang mga file = "isama / header.php"}

Ito talagang inlcuded file ng pinong ngunit bilang teksto, Ano Nais kong ay ang resulta ng kasama na file. (Tandaan sa itaas ay ginagamit isama ang mga template sa loob ng isang file ng template). Sa wakas sa isang bit persiverance .... Ko stumbled sa kabuuan ng isang syntax slighty na binago, na kung saan ay ang kasagutan sa aking mga pangangailangan ... kaya ito ay dito ... kung havn't na iyong natagpuan ang isa na

{Include_php file = "isama / header.php"}

Isa pang mabilis na tut. Narito ang isang bagay na simple at gandang gamit ang kapangyarihan ng CSS ... ngunit noon ay mahirap-concieve (at tiyak na ito ay hindi ako) upang magsimula sa. Ng pagdaragdag Dropshadow, ay maaaring maging isang peice ng cake para sa marami sa atin, gamit ang ilang mga imahe sa pag-edit ng mga kasangkapan tulad ng Photoshop anf Paputok atbp
Ang dahilan kung bakit, sumali ako para sa drop anino paggamit ng CSS ay na, sa karaniwan habang ang paglikha ng isang pahina ng disenyo / html ng isang application, ang mga kinakailangan na panatilihin iterating. Ano ang ibig sabihin ko, Sa isang umiiral na web site na may maraming mga imahe, tulad ng mga pagpapakita ng mga freinds ng listahan o ng isang imahe gallery, ito ay mahirap sa reprocess ang buong load ng mga imahe na ay na na diskargado upang idagdag o alisin ang mga anino, para sa na bagay na ito.
Kaya Kung nagawa mo na ang isang maliit na pasulong na pag-iisip habang lumilikha ang mga HTMLS upang magdagdag ng mga karagdagang mga dibisyon o karaniwang sitwasyon ay na mayroon kang isang Umikot lohika sa pagbuo ng mga icon na ito / thumbnail sa XSL, PHP. Java o anumang iba pang mga programming / scripting wika, maaari mong idagdag ang mga ito anumang oras, pagkatapos ay ang bagay ng palabas at pagtatago ng mga anino ng paggamit ng CSS Ipakita ang ari-arian, tulad ng bawat ang mga kliyente na kailanman pagbabago ng mga pangangailangan ... havn't gawin ko ito uri ng pasulong iniisip bago ito ... ngunit ahev makapagsimula ngayon!

Sa halimbawa sa ibaba, ang orihinal na imahe ay ang anino libre at ang mga dropshadows ay inilapat bilang kinakailangan! DIN, ako ay nawala ng kaunti dagdag na, sa pamamagitan ng paggamit ng mga trick ng aking mas maaga Tut (Well! ang mga marahil ay pinakamaikling iba't-ibang ng Tutorial, kaya ito ay lamang justified pagtawag sa kanila "Tut" 's) tungkol sa paggamit ng CSS Clip Property para ipakita off lamang

Orihinal na Imahe

CSS DropShadow Resulta

Tingnan ang Demo | Download sourcefiles

Bakit ko nais upang maunawaan ito?? ... Humm!!!!

Karamihan ng mga CSS manunulat ay sumang-ayon na ari-arian CSS Clip ay marahil isa sa pinaka un-ginamit na mga katangian ng CSS. Ito ay totoo para sa akin masyadong at ay pinaka-masaya sa kapabayaan ito, hanggang sa sinimulan ko ang pagbabago Knob MOOTOOLS DALAWANG (Pin) Slider Component (sa Saklaw tagapagpahiwatig) .

Nagkaroon ng isang magandang mungkahi mula sa isa ng mga bahagi ng mga gumagamit upang baguhin ang Slider ng Component na gamit ang clip mga backgroud imahe (laban sa isang variable na lapad ng division) upang ipahiwatig ang hanay ng slider. Kaya dumating ang aking oras upang ipasok ang saya ngunit un-chartered (para sa akin ofcourse) tubig ng ari-arian ng CSS Clip.

Na rin! kung paano mahirap ito? Hindi magkano sa lahat ... OO at HINDI. Ang syntax na gamitin ang CSS Clip ari-arian ay medyo tuwid ngunit ang kahulugan / usuage na bit ng isang croocked. Sa isang memory tulad ng minahan, everytime umupo ako sa rework sa aking Slider ng Script ... Mayroon akong tokeep nagre-refer na bumalik sa paggamit ng ari-arian clip na ito, upang ipaalala sa aking sarili ang lohika na aking nilikha sa aking script .... Kaya! naisip na panulat ito pababa, na may pag-asa tandaan ito sa hinaharap (at din para sa pakinabang ng mga na tila boggled ng CSS Clip Property)

Ano ang CSS Clip gawin?

Clip ay bahagi ng visual na mga epekto ng module ng CSS 2.1. Maglagay lamang, ang trabaho nito ay upang maglagay ng isang window na makikita sa tuktok ng isang bagay na clip, kaya mabilis sa paggalaw ng mga larawan at paglikha ng mga thumbnail nang hindi upang lumikha ng karagdagang mga file (na ako ilagay ang tampok na ito upang mas mahusay na paggamit sa Component Slider )

Paggamit ng CSS Clip ari-arian, maaari kang lumikha ng isang clipping gamit ang rect hugis. Tulad ng maraming iba pang mga Katangian ng CSS (tulad ng margin, padding etc), gamit rect nangangailangan ng apat na coordinate Top, Kanan, Ibaba, Kaliwa (TRBL). Ang croocked likas na katangian ng ari-arian na ito ay sumasalamin kapag magdadala sa iyo ng isang mas malapit tingnan kung paano clip kinakalkula ang clipping rehiyon, gamit ang mga apat na coordinate (nagpapadala ng utak ng isang siklutin para sa isang habang). Ngayon upang makalito mong ibaba ang pagsisimula mula sa tuktok, at ang karapatan ay nagsisimula mula sa kaliwa. . Makikita mo kung ano ang i sinabi? .... Samakatuwid ang post na ito ...

Ang maliit na pagkalito na ito ay maaaring madaling mawala, na may ang visual paliwanag na ito ng sa CSS Clip / rect ari-arian bilang sa ibaba!!!!

CSS Clip Pangangailangan

Ang gawain na Sinimulan na namin ay sa clip ang mga sumusunod na imahe ng Thumbnail sa isang imahe squarer na naghahanap (at din ng isang malawak na-anggulo imahe)

Orihinal na Thumbnal / Imahe	Pangangailangan ng clip para sa Sqaure Thumbmail

CSS Clip Resulta

Tingnan ang Demo | Download sourcefiles

Tanong na ito matang naka aking isip ng ilang beses bago, kapag ako ay nagtatrabaho sa mga site na mas maaga masyadong, na ginamit ang WordPress upang ipakita ang mga blog o bagong uri ng nilalaman sa ilang mga bahagi ng site / portal.Being ng isang baguhan sa PHP at sa paligid ng WordPress, pinananatiling ko ang procastinating ito, iniisip "na ito ay hindi ang aking peice ng cake". Sa wakas! kinakailangan na ito ay dumating hanggang sa aking ilong, kapag nagsimula diggin sa paligid ng isang bit para sa solusyon.
Ako ay nagulat na upang mahanap na talagang ito ay mas madali kaysa sa aktwal ko naisip ito ay, upang ipakita ang isang listahan ng mga headline o ang pinakabagong post sa anumang iba pang mga pahina sa labas ng WordPress-pinagagana ng seksyon, lamang gamit ang isang maliit na bit ng PHP at ang WordPress API .

Narito ang kung ano ang gagawin: -
Para sa mga dahilan ng paliwanag, ipagpalagay na ang iyong site ay http://www.inchembur.com/ at mayroon ka ng seksyon ng balita para sa site na ito sa http://news.inchembur.com/ (na ay tumatakbo sa WordPress). Ngayon ang kinakailangan ay upang ipakita ang pinakabagong post mula sa http://news.inchembur.com/ sa home page ng main site, ie http://www.inchembur.com/index.php

Step1: Sa iyong index.php idagdag ang sumusunod na peice ng code, Isama ang file ng WordPress API. Maaari mong idagdag ito sa tuktok ng pahina na nais mo ang iyong post na lumitaw sa.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme tukuyin ('WP_USE_THEMES', hindi totoo); / / Disbable paggamit ng WordPress Tema
nangangailangan ('/ var / news.inchembur.com / wp-blog-header.php'); / / Isama WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / Kunin ang Pinakabagong Mga Post
?>

Sa itaas peice ng kasama, kami ay pagkuha lamang ang nag-iisang pinakabagong post. kung nais mong subukan ang higit pang mga pagkakaiba-iba huwag mag-atubiling upang maghukay sa, query_posts() papeles .

Hakbang 2: Ngayon, Sa bahagi Index / Home page kung saan mo nais na ipakita ang pinakabagong post WordPress mula sa http://news.inchembur.com , gamitin ang sumusunod na code. Hindi na kailangang sabihin, huwag mag-atubiling sa ad ang iyong mga dibisyon sa styling, ay sumasaklaw at mga klase sa bawat iyong mga pangangailangan sa disenyo.

Step3: Walang Hakbang 3 ... Thats ito ... tapos ka na!

Paano ipakita ang isang tiyak na post / pahina bilang laban sa pinakabagong post: -
Ito maaari madali na achived sa pamamagitan ng binabago ang mga argumento sa query_posts() upang isama ang ID ng pahina o pahina banatan

) ; query_posts ('page_id = 7');
) ; query_posts ('pagename = tungkol sa');

o maaari mong makontrol ang bilang ng mga post:
) ; query_posts (showposts = 3);

Minsan upang panatilihin ang mga pageweight down na ... split namin na ang aming mga script sa fragments ... mga mga javascript fragments na ito ay maaaring mai-load bilang at kapag kinakailangan (sa isang kaganapan o sa pag-click ng isang link o pindutan atbp).

Nilo-load ang Javascripts dynamic ay simple at medyo tuwid forward bilang sa ibaba ...

= “text/javascript” > <Script type = "text / javascript">
ng pagpapaandar loadNewScript (pinagmulan) {
var s = document.createElement ('script');
s.setAttribute ('uri', 'text / javascript');
s.setAttribute ('src', pinagmulan);
document.body.appendChild (s);
}
</ Script>

at maaari kang magkaroon ng sumusunod na link tawag kahit saan sa katawan, o maaari kang magkaroon ng script na ito "onLoad" ng dokumento mismo ...

= “javascript:loadNewScript('myDynamicScript.js');” >Load Dynamic Script</ a > <A href = "javascript: loadNewScript ('myDynamicScript.js');"> load Dynamic Script </ a>

o

<body onload="loadNewScript('myDynamicScript.js');">

Kung ikaw ay ang css tao, alam mo ang sakit sa pagkuha ng iyong mga layout gumagana ang cross-browser. IE8 ay isa pang spanner sa gumagana para sa amin mga developer. Anywaz! kung pinindot ninyo sa isyung ito, Tulad ko kahapon, kung saan ang iyong ganap na gumagana ang CSS sa IE7 (at mas maaga) at Firefox ay biglang nagsimula pagkahagis ang mga tantrums sa IE8, subukan ito ... mabuti Ito tila upang ayusin ang aking mga problema para sa mga sandali ....

Paggamit ng Meta pahayag, maaari naming tukuyin ang rendering engine gusto naming IE8 gamitin. Kaya pilitin IE8 sa render ng IE7 ... Ipasok ang sumusunod na meta tag sa head ng iyong dokumento: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Sa pamamagitan ng default IE Meta ay: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
na kung saan ay gumawa ng mga IE8 render ang pahina gamit ang bagong mga pamantayan ng mode.

Kung kinakailangan, ang syntax na ito ay maaaring gamitin upang accomodate para sa iba pang mga browser tulad ng sa ibaba:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

KARAGDAGANG sa Tungkol DOCTYPES:

KUNG ikaw ay pa pamilyar sa ng uri ng hayop na tinatawag na "Doctype" ... dito ay ang ilang mabilis na basahin
Ano ang DOCTYPES? Ano ang mga mga browser QUIRKS & MAHIGPIT Mode?
Pagtatakda ng DOCTYPE sa XSL

Para sa isang mas malalalim na-unawa tungkol sa DOCTYPES, subukan ang pagbisita sa mga link na ito ...
Listahan Bukod: Ayusin ang Iyong Site Gamit ang right DOCTYPE!
A List na Bukod: Higit pa na DOCTYPE: Web Standards, Ipasa Kakayahan, at IE8

Tandaan: Kahit na marami sa atin HTML / CSS tao ay neglecting ang kahalagahan ng DOCTYPE decleration sa aming mga dokumento, Pagtatakda ng tamang DOCTYPE, ay karaniwang ang sagot sa pinaka krus isyu browser.

I-reset ang ay isang CSS / CSS upang magtakda ng isang bilang ng mga estilo ng elemento sa isang tiyak na baseline na lumilikha ng pagbabago sa iba't-ibang mga browser.

Namin ang lahat ay sa pamamagitan ng nightmares ng pagsusulat cross-browser CSS. Kaya kapag namin simulan ang pagsusulat ng aming CSS, Ito ay isang pagsasanay upang i-reset muna ito upang tanggalin / i-reset ang anumang kalyeng inconsistencies browser. CSS Resets, simpleng ilang mga linya ng CSS na sinimulan mo ang iyong CSS, nagbibigay sa iyo ng isang malinis na batayan upang simulan ang pagbuo ng iyong oras.

Ang CSS resets na ako normal ay may posibilidad na gamitin ang ganito ang hitsura

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ol, ul {
listahan-estilo: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-timbang: normal;
}

I-reset ang laki ng font ng browser
Tandaan din ang pag-reset na ay na-apply sa laki ng font ng browser sa sumusunod na linya ...

html {font-size: 76%;}

Sa itaas CSS resets ang browser na laki ng font sa 10 pixels, at ito ay ginagawang posible na gumagana sa mga kamag-anak na mga laki ng font (na kung saan ay bawat mahalagang mula sa isang pagsunod Wai prespective)
Para sa halimbawa, sa mga sumusunod na kahulugan, font-size sa isang span ay nakatakda sa 10 pixels at na sa ang ang paragarph ay nakatakda sa 14 pixels ...

span {font-size: 1em;}
p {font-size: 1.4em;}