Добрый день! очень очень прошу Вашей помощи в решении проблемы поставившей меня в тупик
и так по шагам:
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']."<br />";
} while ($sql_f = mysql_fetch_array($sql));}
----------------------------------- php
То бишь если существует get переменная выдираем по id в ссылке страничку с таким вот содержимым
----------------------------------- (mysql содержимое таблички)
<p><strong>Наши адреса:</strong></p>
<p><br />
</p>
<p><strong>г. Людиново, *****
<a href='index.php?page=1' id='foto_t'>Фото</a></strong><br />
</p>
<p>Режим работы:<br />
Понедельник - воскресенье 10:00 - 20:00</p>
<p> </p>
<p><strong>г. Киров , *****
<a href='index.php?page=2' id='foto_t'>Фото</a></strong><br />
</p>
<p>Режим работы:<br />Понедельник - пятница 9:00 - 18:00<br />
Суббота - воскресенье 9:00 - 17:00<br />
</p>
<p><strong>г. Жиздра , *****
<a href='index.php?page=3' id='foto_t'>Фото</a></strong><br />
</p>
<p>Режим работы:<br />Понедельник - пятница 9:00 - 17:00<br />
Суббота - воскресенье 9:00 - 16:00</p>
<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
Очень жду Ваших подсказок, и заранее спасибо
