2011 18 de febreiro de 2011

IE Erro Javascript: Obxecto non soporta esta propiedade ou método

Tiven ese problema raro, onde unha peza de Javascript funcionou ben en todos os ans navegador como o IE bar habitual :) Simple ... que era, pero desde que o script non foi escrito por min, levou un tempo para depurar ese "obxecto non soporta esta propiedade ou método" erro que só o IE estaba vomitando. Probablemente! Se eu fose escribir o guión, non conseguiría ese erro en todo, como non mesturar os meus nomes de variables con campo IDs :).

Problema: O obxecto non soporta esta propiedade ou método (na liña 3)

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

Solución:
O erro é xerado no thirdrow no exemplo anterior (Liña 3 ... "shortdesc = document.getE ...."). Intento todo tipo de cousas estúpidas, que eu non o é vale a mención aquí e, finalmente, difícil de adiviñar! cambiando só a var shortdesc a outra cousa se ​​librou do erro. Basicamente! O nome da variable tivo que distinto do fieldID


2009 07 novembro de 2009

CSS ZOOM - Yet Another peculiaridade IE; O cambio pixel 3

Tempo e outra vez, cando todos os outros navegadores vistas a comportarse como dixen polas regras W3C, espirais IE-lo do espírito de desenvolvemento, botando unha birra, que non parecen ter unha corrección. Só un tal é esta cuestión no IE7.

Declaración de problema:
Eu e por iso poden moitos dos outros desenvolvedores web graves notar máis que moitas veces, que cando hai aniñados flota no deseño, na pairan sobre algúns enlaces (tags de referencia), o recipiente que contén parece estar a trasladar algúns píxeles á dereita . Tente solucións de Google para este problema, pero case non atopei unha resposta razoable por que e cando ocorre (que poidan axudar a evitar que este problema ocorrer), de aí eu non atopei unha solución clara para o problema ou ...

Solución posible:
Fóra da experiencia, teño por cento aviso previo de 90% do ie veces, que este problema é corrixido pola adición dunha propiedade zoom na definición da CSS do recipiente apenas comportándose ...

 # {Somediv
       zoom: 1;
 }

de novo as razóns son ambiguo ... tente iso ...
Algúns elementos do IE ter un "hasLayout" propiedade, que é "certo" por defecto. Moitos comportamentos visuais CSS, por exemplo, un filtro de alfa só funciona en un elemento que hasLayout. eo {zoom: 1} parece dar os elementos obxecto de aprendizaxe a propiedade hasLayout .... Útil? Eu non penso así ...

A propiedade de zoom é tamén parece admite o Chrome, pero a súa forza utilización parece facer efecto adverso moito na miña disposición ... probalo, se funciona para ti ... se iso non acontecer, Bookmark esta páxina en "Craps CSS"


2008 Outubro 10, 2008

Non para IE Only - selectores fillo CSS non funcionan no IE

CSS para non IE Navegadores: Non é ningunha novidade para os desenvolvedores CSS, selectores fillo CSS coma no seguinte exemplo, non parecen funcionar no IE.

por exemplo div> div {algúns CSS}, que significa "cando un elemento span é un neno (e non un neto ou fillo gran gran etc) dun elemento de división".

Pero nós usamos esa CON ao noso favor. Historicamente, o selector de neno foi utilizado para ocultar comandos CSS IE. Simplemente colocando html>body diante de calquera orde CSS IE irá ignore-lo:

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

Esto funciona porque <body> é sempre un fillo de <html> - pode nunca ser, obviamente, un neto ou bisneto de <html> .

Agora que o IE 7 entende o selector fillo, tes que introducir unha etiqueta comentario baleiro logo despois do signo maior que o IE 7 non vai, entón, entender este selector (quen sabe por que?) E, polo tanto, ignorar totalmente esta orde CSS.:

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

Se non teñen xa visto estes antes, ter unha lectura a través do seguinte ben


2008 04 de outubro de 2008

Desaparición de HTML / div elementos en Internet Explorer [IE]

Como de costume, un dos moitos algúns problemas estraños co IE e iso hai que fileiras en TOP 10 de Quirks IE.

Declaración do problema (Este era o meu problema, quizais lle teña malos comportamentos semellantes):
Eu teño moitos DIV está na páxina coa clase "sectionhead", que non é máis títulos das sección na páxina. Entón, eu teño un estilo parecido con isto

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

O span é unha barra gris claro con algún texto negro. O que ocorre en IE e algúns deses títulos de sección se amosan ben, pero algúns son invisibles, ata que, rolar a páxina ou facer clic en algo na páxina, etc Ás veces eles tenden a desaparecer cando fai clic en 'alt' tecla cando principal down ou cambiar-se a barra de desprazamento. Eles parecen ás veces reaparecer cando actualizar (F5) a páxina. Eu DIV un curto perfectamente simple, cun estilo sinxelo comporta BAD.
O que podería causar tal comportamento errático? Ben! Francamente, non sei!

Solución posible:
Unha vez máis non me pregunte por que, pero en moitos casos, este problema tende a desaparecer cando engadir position: relative a mis comportándose elementos de estilo, como este

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

Estraño, pero o que dicir? Deus bendiga-me de IE!

E comparten con EUA, se tivo problemas semellantes.


2008 15 de xullo de 2008

IE 8 para estrito e opacidade CSS ... traballar en torno

Oh Well! No post anterior uns días sobre a opacidade no IE8, eu esquezo de mencionar un punto importante que o "IE 8 para estrito non permite CSS opacidade".
Para os que donot entender o que quero dicir con xeito estrito, aquí é rápido tutorial .

Un traballo en torno a este (Antes IE equipo dev entender que eles teñen abriu camiño para re-traballo rutinas de todo o mundo, para web-sitios que usan Pop-up mesas de luz con algunha opacidade, e poñer de volta o apoio para a opacidade) é por este imaxe transparente semi ... de preferencia en formato PNG (eu tiven experiencia malo obtención de imaxes GIF transparente para traballar como debían). Crear unha imaxe PNG de cor e porcentaxe de transparencia que lle gusta, no seu editor de imaxe favorito e usalo como unha imaxe de fondo para o seu superposición lightbox.

é dicir
En vez de algo coma isto

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-MOZ-Opacity: 0.6;
opacidade: 0,60;
filter: alpha (Opacity = 60);
}

Faino ....

. Lighbox_overlay {
background: url repetición (bkg.png);
}

Para probalo, prema aquí! | descargar prema aquí!


2008 20 de xuño de 2008

Erro espazo en branco en Liña / lista de elementos (LI) no IE6

Se xa fixo (ou facer un) un menú vertical usando os elementos dunha lista (li) etiquetas e CSS, podes atopar, este aínda outro erro en Internet Explorer, onde o IE 6 inserir estas lagoas entre os elementos de lista que conteñen elementos nivel de bloque, é dicir, se hai calquera espazo en branco entre os elementos da lista na reserva. Grazas, pero non, grazas, a versión de IE 7 parece libre dese erro.
Se lle gusta de min, e moitos máis, vostede pertence a ese grupo de desenvolvedores frustrados, que aínda teñen para obter os seus novos esquemas, traballando no IE6 tamén, entón iso pode ser útil. Bótalle un ollo ...

Marcado de exemplo:

<ul id="menu">
<li> <a href="#"> Home </ a> </ li>
<li> <a href="#"> Sobre </ a> </ li>
<li> <a href="#"> Servizos </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> FAQ </ a> </ li>
<li> <a href="#"> Contacte connosco </ a> </ li>
</ Ul>

Pode crear un pouco de CSS, semellante a un abaixo, para transfrom a reserva por riba nun menú vertical ....

Exemplo CSS ...
# Menú {
Margin: 0; padding: 0; background: # FF9900;
list-style-type: none; width: 150px;
}
# Menú li {Margin: 0; padding: 0;}
# Menú a {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; Modelo-bottom: 1px solid # FFF;
}

Os resultados que ver ...
nulo

A solución a este erro ... (modificado / engadido CSS en negra e cursiva)

# Menú {
Margin: 0; padding: 0; background: # FF9900; list-style-type: none; width: 150px;
float: left; / * este contén elementos de lista flutuou * /
}
# Menú li {
Margin: 0; padding: 0;
float: left; / * Isto resolve o * /
width: 100%; / bug * espazos en branco ao IE6 * /
}
# Menú a {
bloque; cor :: display # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; Modelo-bottom: 1px solid # FFF;
}

Se a solución anterior doesnot parecen funcionar (por razóns coñecidas só para IE6) ... probar este método en vez

Tan só engadir este adicionais IE6 estilos únicos a súa cita ...

<! - [If lt IE 7>
<style type="text/css">
# Menú lin a {display: inline-block;}
# Menú lin a {display: block;}
</ Style>
<[Endif] ->


2008 12 de abril de 2008

CSS Cross Browser Corte Altura mínima

Publicar IE 6, MSIE foi amable o suficiente para nós desenvolvedores de interface de usuario, engadindo algunhas máis propiedades CSS estándar para a maioría dos outros navegadores estándar. Unha desas propiedades útiles en "min-height". Propiedade moi sinxelo que non necesita explicación prolixo. Cando un min-height para unha división é definido, el sempre mantén esa altura conxunto cando o contido que alberga ocupa menos do que pode soster e importante (ao contrario da simple propiedade "height" vainilla) escalas ou sexa CSS, se comporta como un escisión, "height" é definido como "auto" ...

Para algúns de nós desenvolvedores pobres, que aínda son necesarios para código CSS, que tamén debe funcionar no IE6, un dispoñibilidade do "min-height", podería ser un empecilho algún ... desesperación Donot.

Afortunadamente, temos peculiaridades suficientes no IE, que usaríamos a vantaxe fóra e cortar o noso camiño ata chegar ao noso obxectivo ... é dicir, facer unha división DIVISIÓN como a súa min-height no IE6

Solución 1: Usar o Hack subliñado [ ... Ler máis ]

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

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


Solución 2: Usando o atributo CSS hack Selector

.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>

O atributo CSS hack Selector aproveita o feito de os navegadores anteriores IE6 tha ignorou un selector de atributos dos. Nótese a esixencia dunha outra división recipiente con class = "Algumaclasse". Só o presense de atributos de clase para esta división, substitúe a altura da cernelha é automático para Opera, Mozilla e MSIE7 e posterior. IE6, que non soporta selectores atributos dos, ignore-lo.

Ver Demostración do hack min-height para IE6



2008 15 de marzo de 2008

Irritantes caixas visibles a través das Divisións de pop-up

En varias ocasións, ao facer esquemas de páxinas con divisións emerxente / lightboxes / consellos etc nos atopamos con situacións nas que algúns obxectos de formulario Select pasa a ser baixo estas divisións emerxente, polo proxecto e mostra a través de .... Yuk!

Ben! pode facilmente corrixir isto axustando os seus Z-index valores axeitadamente para FF e IE7. Pero Good Old (xogo de palabras intencionado) IE6 non comportarse conforme o esperado .... O show BOX SELECT a través de, mesmo despois de aplicar algúns drasticamente altos Z-index valores para a súa División de xanelas emerxentes ... Bummer!

Non existen solucións a este problema, pero hai, creo eu, máis dun xeito que poucos a traballar en torno a este problema, pero estou aquí para dicir-lle a solución máis simple que eu uso, que funciona ben para min, na maior parte do casos ....

"Ocultar o Rouge caixa SELECT cando amosa a Emerxente"

Simplemente no seu tramo de guión onde amosar o seu pop-up, engade unha peza de script para definir a visibilidade da caixa de verificación para "hidden"

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

E lembre de configurar-lo de volta o próximo da súa División de xanelas emerxentes

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

onde "my_select" é o ID do cadro de irritación seleccionar

Espero que isto axude ...

PS. Existen outras opcións como ofcourse dinámica positionining un IFRAME (mesmo tamaño que emerxente), baixo a DIV Emerxente ... Isto funciona moi ben, pero con un engadido de carga de elementos DOM, scripts e dor de cabeza. Eu teño usado esa solución tamén, e se precisa de axuda con esta opción, deixe-me saber. Será un pracer axudar!


2008 08 de xaneiro de 2008

Comentarios condicionais: Para a súa IES Duex Only-Parte

Poucos meses antes vimos, como poderiamos incluír unha peza de CSS que sería visible para o IE6 só ( Para a súa IES Só ). Hai outras formas de conseguir isto tamén. Só ten que incluír un CSS separado, específico para o seu IE obxectivo. isto podería ser conseguir co que se denomina comentarios condicionais.

Comentarios condicionais é un xeito de detectar o tipo de navegador e versión. Detección do navegador se realiza para garantir que o contido presentado ao específica navegador. Detección do navegador pode ser feito empregando diversas técnicas. Este método ten varias vantaxes sobre os métodos anteriores, que incluíu cambio de estilo usando javascript. Para listar algúns importante, sería;

  • Script non é necesaria
  • Cross-browser

Como facemos iso?

Fai algo no IE 5 só
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

Fai algo en todas as versións de IE
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

Fai algo en todas as versións de IE máis recentes que o IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

Para máis vartiations condicionais, lea esta información no MSDN:
Sobre o comentario condicional


2007 15 de setembro de 2007

Cales son DOCTYPES? Cales son peculiaridades navegador e xeito estrito?

Fala simple (para quen nunca escoitou falar sobre doctype antes de hoxe)! DOCTYPE é a declaración nun documento HTML que vén antes da etiqueta <HTML>, que é algo así (pegado a partir do código fonte desta páxina moi)

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


Por que empregar o doctype?
Todo comezou cando os patróns do navegador foron introducidas polo W3C. Os desenvolvedores web CSS anteriores desenvolver de acordo cos desexos dos navegadores, para que as páxinas procesadas correctamente con eles e tiña a maioría dos sitios CSS que non combinan moi ben esas especificacións ou normas.

Polo tanto solución a este problema foi

  • permitir que os desenvolvedores web que coñecían os seus patróns para escoller o modo de usar.
  • seguir mostrando páxinas antigas segundo o vello (quirks) regras.

E DOCTYPE naceu.

Entón, dependendo se páxina foi deseñada para os patróns ou non, escolle o doctype apropiado.


Relación entre os modos de Doctype & Browser
Doctype é a declaración que informa ao navegador que xeito debe renderizar a páxina HTML ou mellor, para ser máis preciso como é que o navegador interpreta CSS en; Quirks Mode ou modo Strict.

Vellas páxinas escritas antes de estas normas foron introducidas non ten un doctype. Polo tanto, cando non hai ningún DOCTYPE no seu HTML, a continuación, o navegador está en modo quirks.
Pero se o DOCTYPE é definido como un dos seguintes, a continuación, o navegador se di estar en modo restrinxido.

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


NDK casa | Expresando IT | Palate expresando | Penmenship expresando | AWE expresando | expresar o meu