Jesprimi IT

Kieku din il-kwistjoni stramba, fejn biċċa Javascript maħduma multa fl-l-ans browser IE bħala bar soltu Sempliċi ... kien, iżda peress li l-iskrittura ma kienx miktub minni, Hija ħadet filwaqt li debug dan "Għan ma jappoġġax din proprjetà jew il-metodu" żball li biss IE kien ittella '. Probabbilment! Jekk I kellhom jiktbu l-iskrittura, I ma ltqajna dan l-iżball fil-livelli kollha, kif ma jħalltux ismijiet varjabbli tiegħi mal-qasam IDs :).

Problema: L-għan ma jappoġġax din proprjetà jew il-metodu (fuq il-linja 3)

function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } 

Soluzzjoni:
L-iżball huwa ġġenerat fuq il-thirdrow fl-eżempju hawn fuq (Linja 3 ... "shortdesc = document.getE ...."). I ppruvaw kull tip ta 'affarijiet stupid, li I dont hija saħansitra jiswa l-aċċenn hawn u finalment raden dak! biss jinbidlu l-var shortdesc għal xi ħaġa oħra ħassar l-iżball. Bażikament! L-isem varjabbli kellu differenti mill-fieldID

Din l-iskola dawk qodma, iżda bħas-soltu huwa suppliment memorja tiegħi ...
Allura huwa b'diżabilità = "vera" u b'diżabilità = "false" istess? Iva
... Ma nemminx, ukoll! thats-mod li bih ... hawn xi spjegazzjoni ta 'malajr ...
"Persuni b'diżabilità" hija attribut ta 'element forma kwalunkwe / qasam u għalhekk tista' taċċetta ebda valur min-natura tiegħu.

Sakemm dan l-attribut huwa preżenti, l-element se jkunu b'diżabilità irrispettivament mill-valur tagħha. pereżempju.
<input type="text" value="This huwa disabled" disabled>
<input type="text" value="This huwa disabled" disabled="disabled">
<input type="text" value="This huwa disabled" disabled="true">
<input type="text" value="This huwa disabled" disabled="false">

Kollha ta 'hawn fuq se jagħmlu l-qasam din il-forma "B'DIŻABILITÀ".

Sempliċiment ma jipprovdux l-attribut "B'DIŻABILITÀ" jżomm il-Qasam "b'diżabilità" ... bħal hawn taħt

<input type="text" value="This mhuwiex disabled" />

Ftakar "Kull valur (jew l-ebda valur) ta 'l-attribut b'diżabilità, il-browser se jagħmilha b'diżabilità". Biex iżommu affarijiet ċar W3C imħuħ tagħna jirrakkomanda li nużaw b'diżabilità = "persuni b'diżabilità" f'dawn is-sitwazzjonijiet.

Dan huwa differenza għalkemm meta nużaw dan l-attribut javascript ...

document.form.element.disabled = vera; / / l-element se jkunu b'diżabilità
document.form.element.disabled = foloz; / / l-element ser ikunu jistgħu

L-argumenti ta 'hawn fuq huma veru wkoll għall-dawn l-attributi u elementi:

• kkontrollati (buttuna tar-radju u Checkbox)
• magħżula (għażla)
• nowrap (td)

Heres ieħor peice ftit trickery Javascript li kelli biex ħaffer madwar għaliex is-sitwazzjoni commaned dan. Fil waħda ta 'siti web tiegħi, kelli din is-sitwazzjoni fejn I kellhom jimplimentaw "windows.onload" darbtejn. L-ewwel ħaġa li daħal b'moħħ esperjenza bħall-mini (jien onestament ngħid li, peress I bdew jużaw Oqfsa javascript u l-libreriji, I forgotton biex tagħmel affarijiet sempliċi fuq stess ... tiegħi imdejjaq imma veru), huwa l-metodu li ġej ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 eċċ ..

Sorry to say imma, dan wont xogħol ... dont jridu jiddiskutu l-xjenza eżekuzzjoni ta 'Javascript ħafna ... iżda skont esperjenza reċenti tiegħi, biss il-funzjoni aħħar (onloadfn3) se morda fil-fatt tikseb esegwiti.

F'sitwazzjonijiet normali, b'differenza mini (li jien ser nitkellmu dwar ftit aktar tard) ... inti tista 'tagħmel waħda minn dawn li jesegwixxu l-funzjonijiet onload mutliple ....

JEW xi ħaġa bħal din

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

Għal sitwazzjoni attwali tiegħi, jien ma tistax tuża jew ta 'hawn fuq ...
Għaliex ma I bżonn tirrikorri windows.onload darbtejn, pjuttost li ssejjaħ żewġ funzjonijiet fi ħdan funzjoni onload waħda? Hawnhekk huwa ħarsa lejn dikjarazzjoni problema tiegħi ...

"Paġni tas-sit tiegħi huma strutturati bħall-tema WordPress .... jiġifieri hemm ftit Header.php komuni u Footer.php li gets inklużi fil-paġni kollha sit. Hemm implementaion funzjoni onload fl-Footer.php tagħmel xi funzjonijiet onload komuni. U hemm ftit paġni li għandhom bżonn xi ħaġa ta ONLOAD tagħhom stess, barra minn dawk magħmula mill-funzjoni onload komuni. Jekk I tassenja funzjoni callback direttament lill-persuna li tieħu ħsieb window.onload, se over-ride callbacks qabel assenjati fil-Footer.php "

.... Huwa mifhum problema tiegħi ?

Ukoll! hemm soluzzjonijiet ftit li jien ssib. Dawn kollha huma simili ħafna u prinċipalment implementions ta 'soluzzjoni mogħtija minn Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Soluzzjoni:

Simply żid dan il-kodiċi javascript biex is-sit ...

 funzjoni addLoadEvent (funzjonijiet) {
     var = oldonload window.onload;
     jekk (typeof window.onload! = "funzjoni") {
        window.onload = funzjonijiet
     } Inkella {
        window.onload = funzjoni () {
            jekk (oldonload) {
                   oldonload ()
           }
           funzjonijiet ()
        }
    }
 }

U sejħa hija minflok il-soltu "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (funzjoni () {
 / * Kodiċi aktar li jimxu fuq * tagħbija paġna
 }); 

Vantaġġi ta 'dan snippet kodiċi ...
1. Prinċipalment, Hija ihallik jkollhom avvenimenti windows.onload multipli, imsejħa minn partijiet separati tal-kodiċi tiegħek, mingħajr overridding-definizzjoni ta 'qabel
2. Huwa verament jagħtux fil-għajn. Ikun jista 'jitqiegħed fil-fajl ma' skripts oħra tiegħek jew fil-fajl separat.
3. Hija taħdem ukoll jekk window.onload diġà ġie stabbilit.

Kultant biex iżommu l-pageweight isfel ... aħna maqsuma skripts tagħna fi frak ... Dawn il-frammenti javascript jistgħu jiġu mgħobbija kif u meta meħtieġ (fuq avveniment jew fuq klikka ta 'rabta jew buttuna eċċ.)

Javascripts tagħbija dinamiku huwa sempliċi u pretty straight quddiem kif muri hawn taħt ...

= “text/javascript” > <Tip iskrittura = "text / javascript">
funzjoni loadNewScript (sors) {
var i = document.createElement ("iskrittura");
s.setAttribute ("tip", "it-test / javascript");
s.setAttribute ("src", sors);
document.body.appendChild (i);
}
</ Script>

u inti jista 'jkollhom il-link li ġejja sejħa kullimkien fil-ġisem, jew inti jista' jkollhom din l-iskrittura "onLoad" tad-dokument innifsu ...

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

jew

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

Mhux li hemm biss ftit Lightbox li tista 'ssib meta inti google. Il-kwistjoni mal-maġġoranza ta 'l-lightboxes li sibt kienet li dawn kollha dehru li jintuża wieħed jew l-oqfsa oħra piż tqil JavaScript simili, jQuery prototip, MooTools u ħwejjeġ bħal dawn. Dawn huma kollha jibred u swanky tfittex. Iżda Jekk ħtieġa tiegħek huwa "Imma nixtieq A SKRIPT Lightbox sempliċi u ħfief għall-sit tiegħi", allura hawnhekk hija;

Xi karatteristiċi sbieħ ta 'dan Lightbox

1. Ħfief ħafna
   1. 4kb ta Skripts meta ppakkjati (8 kb mhux ippakkjat)
   b. 2 kb ta 'CSS
   c. Ftit linji ta 'HTML għall-kontenitur Lightbox
2. Sempliċi biex jifhmu u jimplimentaw
3. Jista 'jkollhom lightboxes multipli fuq l-istess paġna.
4. Il-kontenitur Lightbox istess hija użata biex juru, kontenut differenti (li huwa separat inkluża bħala diviżjonijiet moħbija fil-paġna), jiddependi fuq il-link / għażla li huwa għafast.
5. Awtomatikament ċentri innifsu, tieħu in konsiderazzjoni l-fatturi bħall-għoli Tieqa u wisa '(riżoluzzjoni iskrin), ammont paġna iscroll u l-għoli tal-kontenut tal-Lightbox
6. Ittestjati fl-IE 7 & FF

Ara Demo |
Download Lightbox Sors Zip (ddawnlowdjati 1804 darbiet)

jo.js, il jo_pack.js [verżjoni ppakkjati]: - sett sempliċi ta 'OĠĠETTI JavaScript [JO], li fih, l-element tieqa u skripts pożizzjonament dokument. Tista 'tiftaħ JO.JS jekk inti tixtieq li tikseb idejk maħmuġ ma' xi Javascripting Avvanzata, il-ħolqien funzjonijiet astratti, li testendi proprjetajiet element u bħal dawn. Jekk inti mhux wisq fil Javascripting, Ħallieh waħdu.

lightbox.js, lightbox_pack.js [verżjoni ppakkjati]: - Fihom skripts dawl maniġer kaxxa. Jekk inti disinjatur paġna, wkoll responsabbli mill-implimentazzjoni l-Lightbox fuq il-paġna, inti jeħtieġ li jifhmu l-LightBoxManager. LightBoxManager bażikament fiha biss żewġ funzjonijiet showLightBox u closeLightBox.

lightbox.css: - Jekk taf CSS, inti tista 'tilgħab madwar mal lightbox.css biex jippersonalizzaw il-ħarsa n-jħossu lightbox.css

index.html: l-implimentazzjoni tal-kampjun tal-Lightbox b'żewġ kontenut differenti

lb_underlay_bkg.png: - Dan huwa dawl / simi immaġni trasparenti li jintuża l-isfond għall-underlay Lightbox [Underlay hija s-saff taħt il-lighbox, li jipprevjeni l-utent minn tikklikkja kwalunkwe entità oħra fuq il-paġna, filwaqt li l-Lightbox huwa miftuħ]. Tista 'tuża kwalunkwe immaġni jew anki kulur solidu għal dan il-għan, jiddependi fuq id-disinn paġna u l-ħtieġa.

icon_lb_close.gif: - L-immaġni għal manku Lightbox qrib fuq il-lemin ta 'fuq tal-kaxxa tad-dawl. Jistgħu jużaw kull xbiha bħala kull disinn

Ara Demo |
Download Lightbox Sors Zip (ddawnlowdjati 1804 darbiet)

Jekk jogħġbok ibgħatilna kummenti tiegħek u feedback ...

Well, irrid ngħid, mhux bħal biċċa utli ta 'xjenza, imma jekk inti Web Developer, tista' tigi handy, someday (jew ser ikun?). Hawnhekk huwa żgħir bookmarklet, li tippermetti li jeditjaw il-paġna web għal kwalunkwe sit.
U Jiddispjacini! Tista 'tiffranka r-riżultati fuq il-kompjuter lokali tiegħek biss.

javascript: document.body.contentEditable = "vera"; document.designMode = "fuq"; vojt 0

Ħafna drabi aħna jħossu l-ħtieġa li jiktbu hacks browser specfic (għalkemm mhux prattika tajba, aħna-iżviluppaturi UI għandhom jirrikorru għal ħażen, sakemm il-gwerer Browsers kbira tasal għal waqfien mill-ġlied). Earlier, I kien semma f'dan l-artikolu Għal IES tiegħek biss , kif jiktbu snippet CSS li tkun viżibbli għall-browsers IE <IE7 biss.

Ilbieraħ, I kellha każ fejn jien ridt li tikteb xi Firefox speċifiku informattivi CSS. Ukoll! I am not sure jekk ikun hemm kodiċi CSS għal dan iżda hemm HTML. Hemm qabda Għalkemm, din il-biċċa HTML doesnot validazzjoni pass. Iżda, anywaz! Jekk inti mwaħħla ħażin jew bħala tali, m'għandhom l-ebda rigward għall-validazzjoni (f'xi irridu nkunu krudili), inti tista 'tuża dawn li ġejjin biex tiddikjara link għal stylesheet FF biss jew anki sempliċement kodiċi-CSS fi ħdan dan il-blokk. Il-kodiċi hija

<comment> Poġġi Firefox tiegħek biss HTML / CSS / skripts hawn </ kumment>

eż.
<comment>
<style>
/ Stili * għal FF * biss /
fieldset {fruntiera: solidi 1px # dddddd;}
</ Style>
</ Kumment>

I "m kuntenti għall-mument ...

Hawn mod ta 'malajr li testendi l-Għan indiġeni Array Javascript, just biex tagħmel dan ...

Array.prototype. removeItem =function(str) {
for(i=0; i<this.length ; i++){
if(escape(this[i]).match(escape(str.trim()))){
this.splice(i, 1); break;
}
}
return this;
}


Allura issa inti tista 'tagħmel xi ħaġa bħal din ...

var animals= new Array("dog","lion","cat","tiger","elephant");
animals. removeItem ('tiger');

Issa l-firxa annimali se jkun fih "kelb", "iljun", "qattus", "iljunfant";

PS: U hawn huwa l-prototip String Ittrimmja wisq ...

String.prototype.trim=function(str) {
str = this != window? this : str;
return str.replace(/^\s+/g, '').replace(/\s+$/g, '');
}

Igawdu ....

Inkludi l-JavaScript fil-qiegħ tad-Dokument HTML

Jekk inti ma għandekx document.write (jew kwalunkwe ġenerazzjoni dinamika ta 'werrej tuża javascripts) li daħħal parti mill-kontenut tal-paġna fil skripts tiegħek, jċaqalqu l-iskrittura jinkludu dikjarazzjoni li l-qiegħ tal-paġna, qabel it-tmiem tat-tikketta KORP.
L-ispeċifikazzjoni HTTP/1.1 tissuġġerixxi li browsers tniżżel mhux aktar minn żewġ komponenti b'mod parallel għal kull hostname. Jekk inti sservi tiegħek immaġini minn hostnames multipli, tista 'tikseb aktar minn żewġ downloads li jseħħu b'mod parallel. Filwaqt b'kitba huwa tniżżil, madankollu, il-browser ma tibdiex ebda downloads oħra, anki fuq hostnames differenti.
Hemm ukoll modi biex dinamikament joħolqu lymph Script u t-tagħbija skripts remoti wara l-paġna hija mgħobbija bl-użu Ajax.

Testernalizza inti ma JavaScript

Bl-użu fajls esterni JavaScript se tirriżulta fit-tagħbija aktar mgħaġġel ta 'paġni minħabba li l-fajls JavaScript huma Cached mill-browser. "Inline JavaScript fil HTML dokumenti tikseb jitniżżel kull darba id-dokument HTML huwa mitlub. Dan jista 'effettivament jitnaqqas in-numru ta' talbiet HTTP magħmula iżda sussegwentement iżid id-daqs tad-dokument HTML. Estern JavaScript huma Cached mill-browser; id-daqs tad-dokument HTML huwa mnaqqas mingħajr żieda fin-numru ta 'talbiet HTTP.
Jekk jogħġbok innota li, jekk l-utenti fuq is-sit tiegħek għandhom fehmiet multipli paġna għal kull sessjoni u ħafna paġni tiegħek mill-ġdid jużaw l-istess skripts u stylesheets, hemm benefiċċju potenzjali akbar mill-fajls esterni Cached.

Pakkett Fajls Javascript tiegħek

Fil-każ ta JavaScripts, b'differenza CSS, il-fajls jistgħu crunched tuża xi algoritmi standard li jagħtu daqs tal-fajl mnaqqsa minn sempliċement titneħħa t spazji jew tabs. Eżempju ta 'min jippakkja javascript jista' jinstab hawnhekk http://dean.edwards.name/packer/

Teħles minn kull skripts duplikati

Huwa ferm mhux tas-soltu li skripts kollu jista 'jkun duplikati, iżda reviżjoni tal-għaxar siti fuq web US turi li tnejn minnhom fihom iskrittura dduplikata. Duplikat skripts imma ovvjament inaqqas il-prestazzjoni permezz tal-ħolqien talbiet bla bżonn HTTP u moħlija eżekuzzjoni JavaScript.
Ukoll, f'ħafna każijiet, għalkemm l-ismijiet skripts huma differenti, hemm probabbiltà ta 'skripts duplikat fl-istess paġna minħabba d-daqs tat-tim u numru ta' skripts.

Jimminimizzaw aċċess elementi DOM fejn possibbli

Aċċess elementi DOM ma JavaScript huwa bil-mod hekk sabiex ikollhom paġna aktar reattivi, għandek:
• L-referenzi Cache għal elementi aċċessati
• Il-lymph Aġġornament "offline" u mbagħad żidhom mat-siġra
• Evita iffissar tqassim ma JavaScript

Komportament separata mill-kontenut u l-Preżentazzjoni

Just kif aħna Preżentazzjoni separat (CSS / XSLT) mill-kontenut (XHTML / XML), għandna wkoll separati Komportament (Javascript). Din tissejjaħ Javascript jagħtux fil-għajn. Hekk kif aħna noħolqu link għal fajls esterni CSS, għandna link għal fajls esterni javascript.

Minflok diffiċli imġieba kodifikazzjoni fil-kontenut (eż. onmouseover, onclick, eċċ), l-komportament għandux dinamiku miżjud għall-elementi, klassijiet, u l-elementi unika (IDS) tuża 'l-DOM. Id-dokument sisien, il-kontenut, għandu jkun fihom biss XHTML validu / XML u l-ebda javascript.
Javascript għandhom iżidu l-kontenut billi żżid l-imġieba. Il-kontenut għandu jibqa utli u li jistgħu jintużaw mingħajr javascript (jew mingħajr javascript appoġġ sħiħ).

F'diversi okkażjonijiet, filwaqt li tagħmel layouts paġna ma 'diviżjonijiet popup / lightboxes / Tips eċċ aħna jiltaqgħu sitwazzjonijiet fejn xi oġġetti Formola TAGĦŻEL jiġri li jkun taħt dawn id-Diviżjonijiet Popup, mid-disinn u dan juri permezz .... YUK!

Ukoll! inti tista 'faċilment FIX dan billi jaġġusta Z-INDIĊI valuri tiegħek b'mod xieraq għal FF u IE7. Iżda Tajba Old (pun maħsuba) IE6 ma jaġixxix kif maħsub .... Il juru KAXXA TAGĦŻEL permezz, anke wara li inti tapplika xi drastikament għolja Z-INDIĊI valuri li Diviżjoni Popup tiegħek ... Bummer!!

Hemm l-ebda soluzzjoni għal din il-problema, iżda hemm, nemmen, aktar minn mod ftit max-xogħol madwar din il-problema, Imma Im hawn biex jgħidlek l-eħfef soluzzjoni li nuża, li xogħlijiet multa għalija, f'ħafna mill- każijiet ....

"Aħbi l-KAXXA TAGĦŻEL rouge meta inti juru l-popup"

Sempliċiment fil snippet iskrittura tiegħek fejn inti juru popup tiegħek, żid biċċa iskrittura li tiffissa l-viżibbiltà tal-Kaxxa TAGĦŻEL għal "Hidden"

document.getElementById ("my_select") style.visibilty = "moħbija".;

U ftakar li jiġu stabbiliti lura fuq QRIB tad-Diviżjoni Popup tiegħek

. ("my_select") document.getElementById style.visibilty = "viżibbli";

fejn "my_select" huwa l-ID tal-Kaxxa irritazzjoni TAGĦŻEL

Nittama li dan jgħin ...

PS. Hemm għażliet oħra Naturalment bħal dinamiku positionining iframe (daqs istess kif inti Popup) taħt l-DIV Popup ... Dan jaħdem tajjeb wisq, iżda ma 'żieda ta' tagħbijiet ta 'Elementi DOM, skripts u Uġigħ ta' ras. I użaw din is-soluzzjoni wisq, u Jekk għandek bżonn xi għajnuna ma din l-għażla, do let me know. Se jkun ferħan li jgħinu!