2011 18. veebruar 2011

IE Javascript Error: Object ei toeta seda atribuuti või meetodit

Oli see kummaline küsimus, kus tükk Javascript töötas hästi kõikide brauser ans nagu tavaliselt baar IE :) ... Simple see oli, kuid kuna skript ei kirjutatud mulle, see võttis aega siluda see "objekt ei toeta seda atribuuti või meetodit" viga, et ainult IE oli oksele. Ilmselt! Kui ma kirjutan skripti, ma ei saanud seda viga üldse, kui ei sega minu muutuja nimed välja Ids :).

Probleem: Object ei toeta seda atribuuti või meetodit (real 3)

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

Lahendus:
Viga on genereeritud thirdrow eespool toodud näites (Line 3 ... "shortdesc = document.getE ...."). Üritasin kõik omamoodi rumalaid asju, et I dont isegi väärt äramärkimist siin ja lõpuks arva mida! lihtsalt muutuvas shortdesc var midagi muud lahti viga. Põhimõtteliselt! Muutuja nimi oli erinev fieldID


2009 7. november 2009

CSS ZOOM - Veel üks IE konks; 3 pixel nihe

Ikka ja jälle, kui kõik teised brauserid näinud käituma öelnud W3C eeskirjade IE spiraalid teid välja arendamine Vaimu viskamine pahur tuju, et ei näi olevat lahendust. Just selline üks on selles küsimuses IE7.

Problem Statement:
I ja nii võivad paljud muud rasked veebiarendajad märganud rohkem kui palju kordi, et kui seal pesitses ujukite paigutuses, on hover üle mõned lingid (ankur tags), mis sisaldab konteiner tundub suunata vähe pikslit paremale . Olen püüdnud google lahendused selles küsimuses, kuid vaevalt leidnud ühtegi mõistlikku vastust, miks ja millal see toimub (mis võiks aidata vältida seda küsimust ei juhtuks), seega ma ei ole kunagi leidnud selge lahendus kas ...

Võimalik lahendus:
Pole kogemusi, mul on teate 90% protsenti ajad st, et see küsimus on fikseeritud, lisades zoom vara CSS mõiste valesti käitub konteiner ...

 # Somediv {
       zoom: 1;
 }

jälle põhjused on ebaselged ... proovige seda ...
Mõned elemendid IE on "hasLayout" vara, mis on "true" by default. Paljud visuaalsed CSS käitumist, näiteks alfa filter töötab ainult element et hasLayout. ja {Zoom: 1} Tundub, et anda eesmärgi elemente hasLayout vara .... Kasulik? I dont think so ...

Zoom vara näib samuti toetab Chrome, kuid selle kasutamine varal tundub, et teha palju negatiivset mõju minu kujundus ... seda proovida, kui see toimib teie jaoks ... kui seda ei juhtu, järjehoidja selle lehe all "CSS craps"


2008 10. oktoober 2008

OLE IE Only - CSS Child selektorid ei tööta IE

CSS mitte-IE brauseritega: Tema ei ole uudis, et CSS arendajatele, et CSS Child selektorid nagu näites ei tundu töötada IE.

nt div> span {mõned css}, mis tähendab "kui span element on laste (ja mitte lapselaps või suur grand laps jne) jagamine element".

Aga me kasutasime seda CON meie eelis. Ajalooliselt lapse valijat on kasutatud varjata CSS käsud IE. Lihtsalt pannes html>body ees mistahes CSS käsk IE ignoreerida:

html>body .foo { CSS commands go here ;}

See toimib, sest <body> on alati laps <html> - see võib muidugi kunagi lapselaps või lapse-lapselaps <html> .

Nüüd, kui IE 7 mõistab laps valijat, pead sisestada tühi comment tag vahetult pärast suurem kui märk. IE 7 siis ei mõista seda valijat (kes teab, miks!?) Ja on seega täiesti ignoreerida seda CSS käsk:

html> /**/ body .foo { CSS commands go here ;}

Kui pole veel näinud neid enne, on läbi lugeda järgmised samuti


2008 4. oktoober 2008

Kaovad HTML / DIV elemente Internet Explorer [IE]

Nagu ikka, üks paljudest mõned kummalised probleemid IE ja see peab auastmed TOP 10 IE quirks.

PROBLEEM ARUANNE (See oli minu probleem, võibolla on sarnased misbehaviors):
Mul on palju DIV on ka lehe klass "sectionhead", mis on vaid pealkirja osas lehel. Nii et ma olen mõned stiili vaadates näeb see

. Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px;}

Div on helehall bar mõned musta teksti. Mis juhtub IE on mõned neist jagu päised kuvatakse ok, kuid mõned on nähtamatu, seni, kuni te Lehel või klõpsake midagi lehel jne Mõnikord kipuvad nad kaovad, kui klõpsate "alt" klahvi, kui Page Down või liikuge koos kerimisriba. Mõnikord tundub taas, kui sa uuesti (F5) lehel. Ma lühikese täiesti lihtne DIV mõned lihtsad stiil käitub BAD.
Mis võib põhjustada sellise ettearvamatu käitumine? Hästi! Ausalt öeldes, ei tea!

VÕIMALIK LAHENDUS:
Jällegi ärge küsige minult, miks, kuid paljudel juhtudel see probleem kipub kaduma, kui lisate asukoht: võrreldes valesti käitub elementide stiili, nagu see

. Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px; seisukoht: suhteline}

Imelik, aga mida öelda? Jumal õnnistagu mind IE!

JA jagavad meiega, kui teil oli sarnaseid probleeme.


2008 15. juuli 2008

IE 8 range režiim ja CSS läbipaistmatus ... töö ümber

Oh hästi! Varasemas post paar päeva tagasi seoses hägusus, IE8, ma unustasin mainida oluline punkt, et "IE 8 range režiim ei võimalda CSS läbipaistmatus".
Neile, kes donot aru mida ma mõtlen range režiim, siin on kiire juhendaja .

Töö ümber, et see (Enne IE dev meeskond aru, et nad on sillutanud teed uuesti tööd rutiini üle kogu maailma jaoks kodulehekülgedele, kasutades Pop-up Valguskastid mõned läbipaistmatus ja tagasi panna toetust läbipaistmatuse) on kasutada pooleldi läbipaistev image ... soovitavalt PNG formaadis (mul oli halb kogemus saada läbipaistev GIF pildid töötada nad pidid). Loo PNG pilt ja värvi protsent läbipaistvuse soovite, et teie lemmik pildiredaktor ja seda kasutada taustapilt oma lightbox overlay.

st
Selle asemel, et midagi sellist

. Lighbox_overlay {
background-color: # FFFFFF;
z-index: 1001;
-Moz-läbipaistmatus: 0,6;
läbipaistmatus: 0,60;
filter: alpha (läbipaistmatuse = 60);
}

Tee seda ....

. Lighbox_overlay {
background: url (bkg.png) korrata;
}

Seda proovida, kliki siia! | laadida, kliki siia!


2008 20. juuni 2008

White Space Bug in Line / List Items (li) in IE6

Kui teil on kunagi teinud (või tegemise 1) vertikaalne menüü abil loendiüksuste (li) sildid ja CSS, siis võib tekkida see järjekordne viga Internet Explorer, kus IE 6 lisab need erinevused loendiüksuste mis sisaldavad ploki taseme elementide st kui on tühik vahel Loendiüksused märgistuskeel. Thanks, kuid tänu IE versiooni 7 tundub vabaks see viga.
Kui meeldib mulle, ja palju muud, te kuulute sellesse bänd pettunud arendajad, kes on veel saada oma uue paigutusega, töötades IE6 liiga, siis see võib osutuda kasulikuks. Have a look ...

Proovi märgistuskeel:

<ul id="menu">
<li> <a href="#"> Home </ a> </ li>
<li> <a href="#"> About </ a> </ li>
<li> <a href="#"> Services </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> KKK </ a> </ li>
<li> <a href="#"> Kontakt </ a> </ li>
</ Ul>

Sa võid luua mõned CSS, mis on sarnane 1 alla, et transfrom eespool juurdehindlus sisse vertikaalne menüü ....

Proovi CSS ...
# Menu {
margin: 0; padding: 0; background: # FF9900;
list-style-type: none; laius: 150px;
}
# Menu li {margin: 0; padding: 0;}
# Menu {kuva: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2,5; border-bottom: 1px solid # fff;
}

Tulemused näed ...
null

Lahendus see viga ... (muudetud / lisatud CSS paksus kaldkirjas)

# Menu {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; laius: 150px;
float: left; / * see sisaldab paisati loendiüksuste * /
}
# Menu li {
margin: 0; padding: 0;
float: left; / * See fikseerib * /
Laius: 100%; / * tühik viga IE6 * /
}
# Menu {
ekraan: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2,5; border-bottom: 1px solid # fff;
}

Kui eespool esitatud lahust doesnot tunduda tööle (põhjustel teada IE6 ainult) ... proovida seda meetodit asemel

Lihtsalt lisada see täiendava IE6 ainult stiilide märgistuskeel ...

<! - [If lt IE 7>
<style type="text/css">
# Menu li {kuva: inline-block;}
# Menu li {kuva: block;}
</ Style>
<! [Endif] ->


2008 12. aprill 2008

CSS Cross Browser Minimaalne kõrgus Hack

Postitus IE 6, MSIE on nii lahke, et meid UI arendajad, lisades veel mõned CSS omadused standardi kõige muu standard brauseritega. Üks selline kasulikku vara "min-height". Väga lihtne vara, mis ei vaja pikka Hengästynyt selgitus. Kui min-kõrgus jagamine on seadistatud, siis alati jääb, et maa kõrgus, kui sisu seda maja võtab vähem kui see mahub ja tähtsam (erinevalt plain vanilla "height" vara) kaalud või CSS sõnadega, see käitub jagunemine, kelle "height" on seatud "auto" ...

Mõned meist kehv arendajad, kes ikka veel on vaja koodi CSS et peab töötama IE6, un-kättesaadavus "min-height", võib osutuda Näita korgi millalgi ... Donot meeleheidet.

Õnneks on meil piisavalt quirks IE, et me kasutame välja ära ja häkkida oma teed läbi, et jõuda meie eesmärk ... st teha DIVISION rajoon kuigi tema min-kõrgus IE6

Lahendus 1: Kasutades alakriips Hack [ ... Loe edasi ]

.box1 {
min-height: 200px;
height:auto;
_height:200px;
}

HTML: -
<div class="box1">Some dynamic content with variable height ...</div>


Lahendus 2: Kasutades CSS omadus valija Hack

.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}

HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>

CSS omadus valija Hack ära asjaolu brauserid varem tha IE6 ignoreeritakse atribuudi-valijat. Märkus nõue teise konteinerisse osakonnale class = "someclass". Lihtsalt presense klassi atribuut selle jagunemine, alistab kõrgus tagasi auto jaoks Opera, Mozilla ja MSIE7 ja hiljem. IE6, mis ei toeta atribuuti selektorid, ignoreerib seda.

Vaata Demo on min-height hack jaoks IE6



2008 15. märts 2008

Ärritab Select Boxes nähtav läbi Popup rajoonides

Mitmel korral, tehes samal ajal lehe paigutusega popup osad / Valgusreklaam / Tips jne me kohanud olukordi, kus mingil kujul SELECT objektide juhtub olema nendel POPUP rajoonid, mille konstruktsioon ja see näitab läbi .... YUK!

Hästi! võid kergesti kindlaks see, korrigeerides oma Z-INDEX väärtused asjakohaselt FF ja IE7. Aga vana hea (pun mõeldud) IE6 ei käitu nagu ette nähtud .... SELECT BOX näitavad läbi, isegi pärast seda, kui kohaldatakse mõne drastiliselt kõrge Z-INDEX väärtusi oma PopUp Division ... kurb!!

On NO määratakse see probleem, kuid on olemas, ma usun, et rohkem kui paar teel tööle-ümber see probleem, kuid Im siin teile kõige lihtsam lahendus, et ma kasutan, mis töötab hästi minu jaoks, enamikus juhtudel ....

"Peida ROUGE SELECT kasti, siis sa NÄITA POPUP"

Lihtsalt oma skripti väljavõte, kus teil näidata oma popup, lisada tükk script määrata nähtavus SELECT Lahter "Varjatud"

document.getElementById ('my_select "). style.visibilty =" hidden ";

Ja pidage meeles, et seada see tagasi CLOSE oma PopUp osakond

document.getElementById ('my_select "). style.visibilty =" nähtav ";

kus "my_select" on ID ärritus SELECT Box

Loodan, et see aitab ...

PS. On loomulikult ka teisi võimalusi nagu dünaamiliselt positionining IFRAME (sama suur kui te PopUp) all Popup DIV ... See toimib hästi ka, aga lisamine koormate DOM Elements, skripte ja peavalu. Olen kasutanud seda lahendust ka ja kui sa vajad abi selle võimaluse, ärge andke mulle teada. On hea meel aidata!


2008 8. jaanuar 2008

Tingimuslik Kommentaarid: Teie te Only-osa Duex

Paar kuud varem nägime, kuidas me võiks hõlmata tükk CSS oleks nähtav IE6 ainult ( Teie te ainult ). On ka teisi võimalusi selle saavutamiseks samuti. Lihtsalt sisaldama eraldi CSS, konkreetselt teie eesmärk IE. seda on võimalik saavutada, mida on kutsutud Tingimuslik Kommentaarid.

Tingimuslik Kommentaarid on võimalus avastada brauseri tüüp ja versioon. Browser avastamiseks tehakse, et tagada sisu esitatakse brauseri konkreetne. Browser avastamine võib teha, kasutades erinevaid tehnikaid. See meetod on mitmeid eeliseid varasemate meetoditega, mis sisaldas style vahetamine, kasutades javascripti. Nimekirja tähtis vähe, oleks;

  • Scripting ei nõuta
  • Cross-brauseri

Kuidas seda teha?

Kas midagi IE 5 ainult
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

Kas midagi kõik IE versioonid
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

Kas midagi kõik IE versioonid uuemad mis IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

Rohkem tingimisi vartiations, loe seda infot MSDN:
Umbes Tingimuslik kommentaar


2007 15. september 2007

Mis on DOCTYPES? Mis on BROWSER quirks ja range režiimi?

Lihtne keelt (need, kes kunagi kuulnud DOCTYPE enne täna)! DOCTYPE on deklaratsiooni HTML dokument, mis tuleb enne <HTML> tag, mis näeb välja umbes selline (kleebitud allikast see väga lehel)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Miks kasutada DOCTYPE?
See kõik algas siis, kui brauseri standarditele võeti kasutusele W3C. Varem veebiarendajad rakendada CSS vastavalt soovile brauserid, on lehed sulatatud õigesti neile ja enamik veebisaite oli CSS, et ei ole päris vastavad need kirjeldused / standardid.

Seega lahendus sellele probleemile oli

  • võimaldab veebi arendajad, kes teadis nende standardite valida, millist režiimi kasutada.
  • jätkata väljapanek vana lehti vastavalt vana (quirks) eeskirjadele.

Ja DOCTYPE sündis.

Niisiis, mis põhineb kas leht on loodud standarditele või mitte, siis valida sobiv DOCTYPE.


Seos DocType & Browser režiimid
DOCTYPE on kinnitus, et räägib oma brauseri mida režiimile, tuleb muuta HTML lehe või pigem täpsemalt kuidas peaks brauser tõlgendab CSS; quirks Mode või range režiimi.

Vana lehekülge kirjutatud enne nende standardite toodi ei ole DOCTYPE. Seega, kui ei ole DOCTYPE oma HTML siis brauser on quirks režiimis.
Aga kui DOCTYPE on määratletud kui üks järgmistest, siis brauser on öelnud, et range režiim.

<! DOCTYPE html PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd">


NDK kodus | Väljendades IT | väljendamine Maitse | väljendamine Penmenship | väljendamine Awe | väljendamine Myself