Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Ajax запросы - не работает в IE!

Обсуждение темы Ajax запросы - не работает в IE! в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Кто может сказать почему не поддерживает в IE ... У меня на главной странице в центральной части подключаються на Ajax страницы http://school4.px6.ru/ Вот ...


Закрытая тема
 
Опции темы
Старый 01.12.2011, 15:07   #1
Кто может сказать почему не поддерживает в IE ... У меня на главной странице в центральной части подключаються на Ajax страницы
http://school4.px6.ru/

Вот скрипт поключения
Код HTML:
// JavaScript Document
$(document).ready(function(){
	/* This code is executed after the DOM has been completely loaded */
	
	/* Defining an array with the tab text and AJAX pages: */
	var Tabs = {
		'Школа'	: 'pages/page1.html',
		'Кадеты': 'pages/page2.html',
		
		'Лицензия' : 'pages/page4.html'
	}
	
	/* The available colors for the tabs: */
	var colors = ['blue','green','red','orange'];
	
	/* The colors of the line above the tab when it is active: */
	var topLineColor = {
		blue:'#72be06',
		green:'#d30f00',
		red:'#8900d0',
		orange:'#d0d800'
	}
	
	/* Looping through the Tabs object: */
	var z=0;
	$.each(Tabs,function(i,j){
		/* Sequentially creating the tabs and assigning a color from the array: */
		var tmp = $('<li><a href="#" class="tab '+colors[(z++%4)]+'">'+i+' <span class="left" /><span class="right" /></a></li>');
		
		/* Setting the page data for each hyperlink: */
		tmp.find('a').data('page',j);
		
		/* Adding the tab to the UL container: */
		$('ul.tabContainer').append(tmp);
	})

	/* Caching the tabs into a variable for better performance: */
	var the_tabs = $('.tab');
	
	the_tabs.click(function(e){
		/* "this" points to the clicked tab hyperlink: */
		var element = $(this);
		
		/* If it is currently active, return false and exit: */
		if(element.find('#overLine').length) return false;
		
		/* Detecting the color of the tab (it was added to the class attribute in the loop above): */
		var bg = element.attr('class').replace('tab ','');

		/* Removing the line: */
		$('#overLine').remove();
		
		/* Creating a new line with jQuery 1.4 by passing a second parameter: */
		$('<div>',{
			id:'overLine',
			css:{
				display:'none',
				width:element.outerWidth()-2,
				background:topLineColor[bg] || 'white'
			}}).appendTo(element).fadeIn('slow');
		
		/* Checking whether the AJAX fetched page has been cached: */
		
		if(!element.data('cache'))
		{	
			/* If no cache is present, show the gif preloader and run an AJAX request: */
			$('#contentHolder').html('<img src="img/ajax_preloader.gif" width="64" height="64" class="preloader" />');

			$.get(element.data('page'),function(msg){
				$('#contentHolder').html(msg);
				
				/* After page was received, add it to the cache for the current hyperlink: */
				element.data('cache',msg);
			});
		}
		else $('#contentHolder').html(element.data('cache'));
		
		e.preventDefault();
	})
	
	/* Emulating a click on the first tab so that the content area is not empty: */
	the_tabs.eq(0).click();
});
Вот что находиться в HTML коде в index- ной странице сайта
Код HTML:
<ul class="tabContainer"><!-- Сгенерированные вкладки с помощью jQuery будут тут --></ul>
<div class="clear"></div>
<div id="tabContent">
<div id="contentHolder"></div>
</div>
я в js не силен, но вы можете как исправить ситуацию с IE? Пожалуйста!
 
Старый 01.12.2011, 15:07
Ссылки
Старый 01.12.2011, 16:15   #2
вопрос лучше поставить так: почему JCEMediaBox в IE не работает. ну и ответ наверно такой: "спросите у разработчиков".
 
Старый 01.12.2011, 21:26   #3
А хотя бы можно как то сделать, чтобы не ajax все было, а в страницу между
<ul class="tabContainer"><!-- Сгенерированные вкладки с помощью jQuery будут тут --></ul>
<div class="clear"></div>
<div id="tabContent">
<div id="contentHolder"></div>
</div>

Вставить подключаемый контент
 
Старый 01.12.2011, 23:45   #4
да легко. $.load...
 
Старый 02.12.2011, 20:37   #5
А поподробней пожалуйста!
 
Старый 02.12.2011, 23:14   #6
тэкс... пудрил тут некоторое время назад мне моск некий Костя щас ты смену принял чтоли?
1. перепроговори еще раз задачу
2. приведи адекватный код серверной части, если вопрос касается серверной части. клиентская то-есть по ссылке, только вот твою задачу в перепопытках формулировок сейчас можно трактовать двояко и решать двояко.
 
Старый 03.12.2011, 21:53   #7
мне поставили задачу - чтобы работало в IE
Но раз уж не работает. я подумал надо тогда сделать. чтобы не на Ajax было, а на сайте контент : на ajax он подгружает (
var Tabs = {
'Школа' : 'pages/page1.html',
'Кадеты': 'pages/page2.html',

'Лицензия' : 'pages/page4.html'
})
Получается теперь надо как то запихнуть из этих подключаемых страниц на сайт без ajax в эти вкладки

<ul class="tabContainer"><!-- Сгенерированные вкладки с помощью jQuery будут тут --></ul>
<div class="clear"></div>
<div id="tabContent">
<div id="contentHolder"></div>
</div>

Но я не знаю как. да могу испортить! Как это можно реализовать?
 
Старый 03.12.2011, 23:40   #8
нарвался на техобслуживание. теперь уже в следующий прилет на вашу планету
 
Старый 04.12.2011, 10:27   #9
Сделай без ajax просто на табах.
 
Старый 04.12.2011, 23:02   #10
Тех. обслуживание убрали

Так вот - объясните грамотно) как сделать на табах ... и знания добавятся!
 
Старый 04.12.2011, 23:02
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
AJAX iDeViL HTML, CSS, JavaScript 1 02.12.2009 01:12
ajax synyster HTML, CSS, JavaScript 3 21.05.2009 01:11
Mysql правильные запросы Леха ASP, Perl, PHP и MySQL 11 10.08.2007 22:45
Ajax ivan341 ASP, Perl, PHP и MySQL 8 27.06.2007 04:19
Вопросик по Ajax miz ASP, Perl, PHP и MySQL 1 28.01.2007 11:35


Текущее время: 14:35. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум