jquery и браузеры...

jquery и браузеры...

Новый участник

Сообщения: 31
Благодарности: 4

Добрый день! очень очень прошу Вашей помощи в решении проблемы поставившей меня в тупик и так по шагам:

1) написал php скрипт задача которого выдирать из БД страничку сайта (а точнее его наполнение) ну и вывод сего наполнения на экран, выглядит это так:
----------------------------------- php
if (isset($_GET['page'])) {
$page = $_GET['page'];
$sql = mysql_query("SELECT text FROM pages WHERE id = $page");
$sql_f = mysql_fetch_array($sql);

do {
print $sql_f['text']." ";
} while ($sql_f = mysql_fetch_array($sql));}
----------------------------------- php

То бишь если существует get переменная выдираем по id в ссылке страничку с таким вот содержимым

----------------------------------- (mysql содержимое таблички)
Наши адреса:
 

г. Людиново, *****
<a href='index.php?page=1' id='foto_t'>Фото</a> 

Режим работы: 
Понедельник - воскресенье 10:00 - 20:00
 
г. Киров , *****
<a href='index.php?page=2' id='foto_t'>Фото</a> 

Режим работы: Понедельник - пятница 9:00 - 18:00 
Суббота - воскресенье 9:00 - 17:00 

г. Жиздра , *****
<a href='index.php?page=3' id='foto_t'>Фото</a> 

Режим работы: Понедельник - пятница 9:00 - 17:00 
Суббота - воскресенье 9:00 - 16:00

<div id='fotos'></div>
----------------------------------- (mysql содержимое таблички)

2) немного кода на jquery, задача состояла в том что бы по нажатию на ссылку (фото) в диве #fotos отображалась фотография:

----------------------------------- jquery
$('#top_menu a').click(function(event){
var href = $(this).attr('href');
href = href.slice(href.indexOf('?')+1);
$.get('kontrol/pages.php', href, function(data){
$('#dialog_glv').html(data);});

event.preventDefaul();});
// эта часть кода гетом запрашивает у php скрипта содержимое странички и выводит его

$('#foto_t').live('click', function(event) {
if ($(this).attr('href') == 'index.php?page=1') {
if ($('#fotos').html() !== '<IMG src="img/pagesinfo/1.png">') {
$('#fotos').fadeOut(500);
setTimeout(function(){ $('#fotos').html("<img src='img/pagesinfo/1.png' />"); },500);
$('#fotos').fadeIn(500);}}
if ($(this).attr('href') == 'index.php?page=2') {
if ($('#fotos').html() !== '<IMG src="img/pagesinfo/2.png">') {
$('#fotos').fadeOut(500);
setTimeout(function(){ $('#fotos').html("<img src='img/pagesinfo/2.png' />"); },500);
$('#fotos').fadeIn(500);}}
if ($(this).attr('href') == 'index.php?page=3') {
if ($('#fotos').html() !== '<IMG src="img/pagesinfo/3.png">') {
$('#fotos').fadeOut(500);
setTimeout(function(){ $('#fotos').html("<img src='img/pagesinfo/3.png' />"); },500);
$('#fotos').fadeIn(500);}}

event.preventDefault();});
//а вот эта часть кода должна проверять, если нажата ссылка "фото" то если она не была уже нажата выводим картинку в див #fotos, так вот, моя задумка работает, НО работает только в IE!!! проверка в остальных браузерах, опера хром сафари лисичка, ни в одно нельзя нажать на ссылку фото, не меняется да же курсор при наведении на ссылку, в общем реакции ноль...
----------------------------------- jquery

Очень жду Ваших подсказок, и заранее спасибо