Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.06.2011, 16:23
Новичок на форуме
Отправить личное сообщение для maxxi Посмотреть профиль Найти все сообщения от maxxi
 
Регистрация: 15.06.2011
Сообщений: 5

combobox в ie8
Есть комбобокс, в комбо бокс загружаются не только названия стран, но и флаги. в моциле всё работает, загружаются страны со значками, а вот в эксплорере - только названия стран.
Вот код: HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Combo Boxes</title>

    <!-- ExtJS -->
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <script defer type="text/javascript" src="pngfix.js"></script>

<!--	<script src="DD_belatedPNG_0.0.8a.js"></script> -->

	<script type="text/javascript" src="../../bootstrap.js"></script>

    <!-- Shared -->
	  
	
    <link rel="stylesheet" type="text/css" href="../shared/example.css" />

    <!-- Example -->
   
	 <script type="text/javascript" src="IconCombo.js"></script> 
	 <script type="text/javascript" src="combos.js"></script>
	
	
	  <style type="text/css">
    .ux-flag-us {
	
 background-repeat: no-repeat;
 top:10px;
 background-image:url(us.png) ! important;
    }
    .ux-flag-de {
 top:10px;	
 background-repeat: no-repeat;
        background-image:url(de.png) ! important;
    }
    .ux-flag-fr {
 top:10px;
 background-repeat: no-repeat;
        background-image:url(fr.png) ! important;
    }
    .ux-icon-combo-icon {



        background-repeat: no-repeat;
        background-position: 0 50%;
        width: 18px;
        height: 14px;
    }
 
    /* X-BROWSER-WARNING: this is not being honored by Safari */
    .ux-icon-combo-input {
        padding-left: 25px;
    }
 
    .x-form-field-wrap .ux-icon-combo-icon {
	position:fixed;


        top: 3px;
        left: 5px;
    }
    .ux-icon-combo-item {
	

        background-repeat: no-repeat ! important;
        background-position: 3px 50% ! important;
        padding-left: 24px ! important;
    }
    </style>     

</head>
<body>

<h1>Combo Boxes</h1>
<p>The js is not minified so it is readable. See <a href="combos.js">combos.js</a>.</p>

<div class="example">
    <h2>Data Sources</h2>
    <p>The combo box can use any type of Ext.data.Store as its data source.
    This means your data can be XML, JSON, arrays or any other supported format. It can be loaded using
    Ajax, via script tags or locally. This combo uses local data from a JS array:</p>

 	
	  <div id="iconCombo"></div>

.............................. i tak dalee...........................



.js

var rec = this.store.findRecord(this.valueField, this.getValue());//.itemAt(0);
       
//if (showDescriptor){


	if(rec) {
	
	
	 switch (this.showDescriptor) {
	
		case false:
	
		    this.bodyEl.dom.children[0].value  = ""; //text in der Anzeige leer setzen  
            this.bodyEl.dom.children[0].classList.remove(this.bodyEl.dom.children[0].lastIconClass); //remove the last used icon css class
            this.bodyEl.dom.children[0].classList.add(rec.get(this.iconClsField)); // set new icon css class
            this.bodyEl.dom.children[0].lastIconClass = rec.get(this.iconClsField); // memorize the css class
			
			break;
			
			
		case true:
		
		   //this.bodyEl.dom.children[0].classList.remove(this.bodyEl.dom.children[0].lastIconClass); //remove the last used icon css class
           this.bodyEl.dom.children[0].classList.add(rec.get(this.iconClsField)); // set new icon css class
           this.bodyEl.dom.children[0].lastIconClass = rec.get(this.iconClsField); // memorize the css class
			
			break;
			
			
			default:
 //this.bodyEl.dom.children[0].value  = ""; //text in der Anzeige leer setzen  
		   this.bodyEl.dom.children[0].classList.remove(this.bodyEl.dom.children[0].lastIconClass); //remove the last used icon css class
           this.bodyEl.dom.children[0].classList.add(rec.get(this.iconClsField)); // set new icon css class
           this.bodyEl.dom.children[0].lastIconClass = rec.get(this.iconClsField); // memorize the css class
			
			break;
			
			
		}  // switch


в чем может быть проблема?

спасибо за ответы
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как отключить режим совместимости в IE8? kidar2 Internet Explorer 2 25.06.2011 16:45
Использование combobox поля в grid dionic ExtJS 0 26.05.2011 14:12
<= IE8 memory leak, IE9 - fine AbNormy Internet Explorer 1 20.05.2011 19:47
Как обработать изменение масштаба окна в IE8 ? v_k Events/DOM/Window 1 09.08.2010 13:35
Grid + ComboBox kostiaGt ExtJS 3 05.11.2009 17:15