Uttrykke IT

Hadde dette merkelige problemet, hvor et stykke Javascript fungerte fint i alle nettleserens ans som vanlig bar IE Enkelt ... det var, men siden manus ikke ble skrevet av meg, tok det en stund å feilsøke denne "Objektet støtter ikke denne egenskapen eller metoden" feil at bare IE ble kastet opp. Sannsynligvis! Hvis jeg skulle skrive manuset, ville jeg ikke ha fått denne feilen i det hele tatt, så ikke bland mine variabelnavn med felt Ids :).

Problem: Objektet støtter ikke denne egenskapen eller metoden (på linje 3)

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

Løsning:
Feilen er generert på thirdrow i eksempelet ovenfor (Linje 3 ... "shortdesc = document.getE ...."). Jeg prøvde alle slags dumme ting, at jeg ikke egentlig var verdt omtale her og endelig gjett hva! bare endre shortdesc Var til noe annet ble kvitt feilen. Utgangspunktet! Variabelnavnet måtte forskjellig fra fieldID

Siden radio knappen og teksten er inline, slik at teksten vil innrette seg til bunnen av radioen knappen, vil teksten synes å være litt under radioknappen.
Hvis du ønsker disse å justere til topps, må du plassere radioen og teksten i egne beholdere som divs eller spenn (som aktuelt), og de vil ta vare på justeringen. Det ville være lettere å bruke tabellceller også, av briefen tillater det.

Dette vil ikke se det samme i alle nettlesere, som alle nettlesere viser radioer litt forskjellig, så det finnes alltid kommer til å være størrelse problemer uansett hva du gjør.

Google starter en bevegelse ber folk å dumpe IE6 ... Av plage IE6-brukere med en popup på side belastning ... kanskje ikke en veldig god ide ... men å være en UI utvikler, må jeg bli med dette bandet vogn ... en mindre nettleser for meg bekymre ... Beklager egoistisk det er! men jeg har også denne javascript ... (TRY DENNE SIDEN i IE6) ...
Hei! og på lysere notatet ... Se det er en visning av POWER av JavaScript .... det kan også ta ned en gigantisk (eller når det var)

SO ... Hjelp fri verden fra IE6 med en linje av javascript!

http://code.google.com/p/sevenup/

Med en annen nettleser for å ta vare fra morgen! (IE8 kommer ut av sin Beta State i morgen) ... Dens virkelig på høy tid IE6 er gitt sin lange grunn Mercy Død ... forente vi står for fall IE6

"IE6 er den nye Netscape 4. Journalistene som trengs for å støtte IE6 blir stadig sett på som overflødig frakt. Som Netscape 4 i 2000, er IE6 oppfattes til å holde tilbake på nettet. "

Jeff Zeldman, standarder guru

Og i mellomtiden for dem som meg som vil bli oversvømt med samtaler om å bryte CSS-layouter i IE8, er her den gamle arbeid rundt / fikse ved hjelp av metakoder (meta http-ekv = "X-UA-kompatible") du kan forsøke ...

Mis-oppfører IE8: CSS Layout brekkasje (Targeting en nettleserversjon ved hjelp av metakoder i IE8)

Hvis du er css person, ville du kjenner smerte i å få layoutene arbeider cross-browser. IE8 er enda en skiftenøkkel i verk for oss utviklere. Anywaz! hvis du treffer på dette problemet, som jeg gjorde i går, der perfekt å jobbe CSS i IE7 (og tidligere) og Firefox har plutselig begynt å kaste tantrums i IE8, prøv dette ... det pent syntes å fikse problemene mine for øyeblikket ....

Bruk Meta-erklæringen, kan vi spesifisere rendering motoren vi ønsker IE8 å bruke. Så for å tvinge IE8 til å gjengi som IE7 ... Sett inn følgende Metakode i hodet av dokumentet: -

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

Som standard IE Meta vil være: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
som ville gjøre IE8 gjengi siden ved hjelp av nye standarder modus.

Om nødvendig, kan denne syntaksen brukes til å kompensere for andre nettlesere som følger:

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

MER Om Doctyper:

HVIS du er ennå ukjent med den slags dyr kalt "Doctype" ... her er noen raske lese
Hva er Doctyper? Hva omfatter surfing quirks og STRENGT modus?
Stille DOCTYPE i XSL

For en mer inngående forståelse om Doctyper, prøve å besøke disse linkene ...
A List Apart: Fix Your Site Med riktig DOCTYPE!
A List Apart: Beyond DOCTYPE: webstandarder, Forward kompatibilitet, og IE8

Merk: Selv om mange av oss HTML / CSS folk har vært å neglisjere betydningen av DOCTYPE decleration i våre dokumenter, Stille rett DOCTYPE, er vanligvis svaret til de fleste kryss problemer med nettleseren.

I Firefox ... Noen ganger vil du kanskje har lagt merke til at markøren begynner å blinke på skjermen. Det kan skje når du klikker på et element på siden, en divisjon eller et bilde osv. Dette blinkende markør i nettleservinduet er faktisk en TILGJENGELIGHET funksjon i Firefox kalles 'caret surfing'. Denne funksjonen lar / lar brukerne velge tekst på siden med tastaturet (som vi vanligvis pleier å gjøre med bruk av mus vår).

Vel! hvis du donot ønsker denne funksjonen ... enkelt trykk "F7" for å veksle det til falsk og vice-versa (hvis du vil ha den på). Du kan også skrive "about: config" i adressefeltet (skriv inn "caret" i Filter-boksen) og bare dobbeltklikk for å endre alternativet "accessibility.browsewithcaret" fra "true" (slå cirkumflekstegn surfer på) til "false "(slå cirkumflekstegn surfer OFF)

CSS for Non-IE Nettlesere: Dens ingen nyheter å CSS utviklere som, CSS barn velgere som i eksempelet nedenfor, ikke synes å fungere i IE.

f.eks div> span {noen css}, som betyr "når en span element er et barn (og ikke et barnebarn eller stor grand barn osv.) av en divisjon element".

Men vi brukte denne CON til vår fordel. Historisk har barnet velgeren blitt brukt til å skjule CSS kommandoer fra IE. Bare ved å plassere html>body foran CSS kommando IE vil ignorere det:

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

Dette fungerer fordi <body> er alltid et barn av <html> - det kan selvsagt aldri være et barnebarn eller oldebarn av <html> .

Nå som IE 7 forstår barnet velgeren, må du sette inn en tom kommentar tag i rett etter større enn-tegn IE 7 vil da ikke forstå denne velgeren (som vet hvorfor?) Og vil derfor helt ignorere denne CSS kommandoen.:

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

Dersom ikke allerede har sett disse før, har en lese gjennom følgende tillegg

• Betingede Kommentarer: For din IES Only-Part Duex
• CSS hack: Javascript, CSS, HTML for Firefox bare
• For din IES Only

Som vanlig, en av de mange noen merkelige problemer med IE og dette må man rangerer i TOP 10 av IE quirks.

Problemstillingen (Dette var mitt problem, kanskje du har lignende dårlig oppførsel):
Jeg har mange DIV står i siden med klassen "sectionhead", som er ingenting, men tittelen på et avsnitt på siden. Så jeg har litt stil ser slik ut

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

Det div er en lys grå bar med litt svart tekst. Hva skjer i IE er noen av disse § hoder vises ok, men noen er usynlig, INNTIL, du bla på siden eller klikker på noe på siden osv. Noen ganger har de en tendens til å forsvinne når du klikker på "alt"-tasten når du side ned eller bla med rullefeltet. De noen ganger synes å dukke opp igjen når du har lastet (F5) siden. Jeg kort en perfekt enkel DIV med noen enkle stil oppfører BAD.
Hva kunne forårsake en slik uberegnelig oppførsel? Vel! Oppriktig, NO IDEA!

MULIG LØSNING:
Igjen ikke spør meg hvorfor, men i mange tilfeller dette problemet en tendens til å forsvinne når du legger posisjon: i forhold til mis oppføre elementene stil, som dette

. Sectionhead {font-size: 18px; bakgrunn: # cfcfcf; padding: 5px; stilling: relative}

Merkelig, men hva du skal si? God Bless meg fra IE!

OG GJØRE AKSJE MED OSS, hvis du hadde lignende problemer.

Mange ganger vi føler behov for å skrive nettleserens specfic hacks (selv om det ikke er en god praksis, vi UI utviklere må ty til slike onder inntil de store Nettlesere Wars kommer til en våpenhvile). Tidligere hadde jeg nevnt i denne artikkelen for din IES Only , hvordan å skrive en CSS tekstutdrag som ville være synlig for IE nettlesere <IE7 bare.

I går hadde jeg en sak, hvor jeg ønsket å skrive noen FireFox spesifikk CSS snutter. Vel! Jeg er ikke sikker på om det er en CSS-kode for dette, men det er en HTML. Det er en hake Skjønt, dette stykke HTML doesnot pass HTML validering. Men, anywaz! Hvis du står fast dårlig eller som sådan, har ikke-hilsen for validering (en gang må vi være grusom), kan du bruke følgende for å erklære en link til en FF bare stilark eller bare kode CSS i denne blokken. Koden er

<comment> Sett kun Firefox HTML / CSS / Scripts her </ kommentar>

f.eks
<comment>
<style>
/ * Stiler for FF bare * /
fieldset {border: 1px solid # dddddd;}
</ Style>
</ Kommentar>

I "m glad for øyeblikket ...

Oh well! I tidligere innlegg noen dager tilbake om Opacity i IE8, glemte jeg å nevne et viktig poeng at "IE 8 streng modus ikke tillater CSS opacity".
For de som donot forstår hva jeg mener med streng modus, her er rask tutorial .

Et arbeid rundt dette (Før IE dev teamet innser at de har banet vei for ny arbeidsrutiner over hele verden, for web-sider ved hjelp av POP-up lysbokser med noen opasitet, og satt tilbake støtte for Opacity) er å bruke en semi gjennomsiktig bilde ... fortrinnsvis i PNG-format (jeg har hatt dårlig erfaring får gjennomsiktige GIF-bilder til å arbeide som de skulle). Lag en PNG-bilde av fargen og prosentandelen av gjennomsiktighet du liker, i deg favoritt bilde editor og bruke det som bakgrunnsbilde for lysboks overlegg.

dvs.
I stedet for noe som dette

. Lighbox_overlay {
background-color: # FFFFFF;
z-index: 1001;
-Moz-opacity: 0.6;
opacity: 0,60;
filter: alpha (opacity = 60);
}

Gjør dette ....

. Lighbox_overlay {
bakgrunn: url (bkg.png) gjenta;
}

Å prøve det, KLIKK HER! | Å LASTE NED, KLIKK HER!