За последние 24 часа нас посетили 58609 программистов и 1815 роботов. Сейчас ищут 854 программиста ...

Не применяется стиль CSS при использовании Ajax

Тема в разделе "JavaScript и AJAX", создана пользователем Sice, 16 июн 2014.

  1. Sice

    Sice Активный пользователь

    С нами с:
    16 фев 2012
    Сообщения:
    45
    Симпатии:
    0
    Имеется сценарий php такого рода:
    Код (PHP):
    1. <html>
    2. <head>
    3.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    4.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    5.     <title>title</title>
    6.     <link rel="stylesheet" href="dwos/style.css" type="text/css"  />
    7. </head>
    8.  
    9. <script type="text/javascript" src="jquery.js"></script>
    10. <script type="text/javascript">
    11. setInterval(function() {
    12. $("#refresh").load(location.href+" #refresh>*","");
    13. }, 10000); 
    14. </script><center>
    15.  
    16. <body>
    17.  
    18. <?php
    19.  
    20. include("connect.php");
    21. include("functions.php");
    22.  
    23.  if(!isset($_GET['page'])){
    24.   $p = 1;
    25. }
    26. else{
    27.   $p = addslashes(strip_tags(trim((int)$_GET['page'])));
    28.   if($p < 1) $p = 1;
    29. }
    30.  
    31. $num_elements = 12; // Кол-во записей выводимых на страницу..
    32.  
    33. $total = mysql_result(mysql_query("SELECT COUNT(*) FROM `live`"),0,0); //Подсчет общего числа записей
    34. $num_pages = ceil($total / $num_elements); //Подсчет числа страниц
    35. if ($p > $num_pages) $p = $num_pages;
    36. $start = ($p - 1) * $num_elements; //Стартовая позиция выборки из БД
    37.  
    38.  $sql= "SELECT * FROM live ORDER BY id DESC";
    39.  
    40.  // Скармливаем наш запрос MySQL
    41.  $result = mysql_query($sql) or die(mysql_error() ."<br/>". $sql);
    42.  
    43.  $table .= "<div id=refresh>"; // Ajax <3
    44.  // Рисуем табличку
    45.  $table .= "<table class=simple-little-table width=63% cellspacing=0 align=center>\n";
    46.  
    47.  $table .= "<tr>\n";
    48.  $table .= "<th><center>ID</center></th>\n"; 
    49.  $table .= "<th><center>Время</center></th>\n";
    50.  $table .= "<th><center>Событие</center></th>\n"; 
    51.  $table .= "<th><center>Прогноз</center></th>\n"; 
    52.  $table .= "<th><center>КФ</center></th>\n"; 
    53.  $table .= "<th><center>Результат</center></th>\n";
    54.  
    55.             $sel = "SELECT * FROM `live` ORDER BY id DESC LIMIT ".$start.", ".$num_elements;
    56.             $query = mysql_query($sel);
    57.             if(mysql_num_rows($query)>0){
    58.  
    59.  while ($res = mysql_fetch_array($query))
    60.  {
    61.  
    62.      $table .= "<tr>\n";
    63.  
    64.      $table .= "<td>".$res['id']."</td>\n";
    65.      $table .= "<td>".$res['date']."</td>\n";
    66.      $table .= "<td>".$res['match']."</td>\n";
    67.      $table .= "<td>".$res['prognoz']."</td>\n";
    68.      $table .= "<td>".$res['kef']."</td>\n";
    69.      $table .= "<td>".$res['rezult']."</td>\n";
    70.  
    71.      $table .= "</tr>\n";
    72.      
    73.  }
    74. }
    75.  $table .= "</table>\n";
    76.  $table .= "</div>";
    77.   
    78.  // Выводим заполненую таблицу на экран
    79.  echo $table;
    80.  echo GetNav($p, $num_pages); // Вывод навигации по страницам.. 
    81.  
    82.  ?>
    83.  
    84.  </script>
    85.  </center>
    86.  </body>
    87.  </html>
    Проблема в том, что стиль CSS не применяется к Выводу навигации по страницам. Функция GetNav выводит навигацию, но стиль на неё не применяется.. Подскажите пожалуйста, почему ?
     
  2. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
    а с какой страницы вы вызываете его? <link rel="stylesheet" href="dwos/style.css" type="text/css" /> работает относительно, и если вызов идет этого кода из подпапки, то и в подпапке будет искать стиль. возьмите за правило, всегда использовать <link rel="stylesheet" href="/dwos/style.css" type="text/css" /> / вначале пути. относительно корня сайта

    Добавлено спустя 26 секунд:
    а еще лучше пусть стиль однажды загрузится вместе со страницей, а подгрузка уже не грузила стили
     
  3. Sice

    Sice Активный пользователь

    С нами с:
    16 фев 2012
    Сообщения:
    45
    Симпатии:
    0
    Стиль находится по адресу http://site.ru/dwos/style.css
    Сам файл находится на каталог выше, в корне тоесть http://site.ru/index.php
    Файл с обработкой (с функциями) находится тоже в папке dwos. http://site.ru/dwos/functions.php

    А я же вроде его изначально и гружу вместе со страницей? или не так?) я учусь только, помогите пожалуйста)

    Код functions.php, может быть нужен:
    Код (PHP):
    1. <?php
    2. function GetNav($p, $num_pages){
    3.  
    4. //Проверяем нужна ли ссылка "На первую"
    5.   if($p > 2){
    6.     $first_page = ' <td>[url="/index.php"]<<[/url]';
    7.   }
    8.   else{
    9.     $first_page = '';
    10.   }
    11.  
    12. //Проверяем нужна ли ссылка "На последнюю"
    13.   if($p < ($num_pages - 2)){
    14.     $last_page = ' <td>[url="/index.php?page= '.$num_pages.'"]>[/url]</td> ';
    15.   }
    16.   else{
    17.     $last_page = '';
    18.   }
    19.  
    20. //Проверяем нужна ли ссылка "На предыдущую"
    21.   if($p > 1){
    22.     $prev_page = ' <td>[url="/index.php?page= '.($p - 1).'"]<[/url]</td> ';
    23.   }
    24.   else{
    25.     $prev_page = '';
    26.   }
    27.  
    28. //Проверяем нужна ли ссылка "На следущую"
    29.   if($p < $num_pages){
    30.     $next_page = ' <td>[url="/index.php?page= '.($p + 1).'"]>[/url]</td> ';
    31.   }
    32.   else{
    33.     $next_page = '';
    34.   }
    35.  
    36. //Формируем по 2 страницы до и после текущей (при наличии таковых, конечно):
    37.   if($p - 2 > 0){
    38.     $prev_2_page = ' <td>[url="/index.php?page='.($p - 2).'"]'.($p - 2).'[/url] ';
    39.   }
    40.   else{
    41.     $prev_2_page = '';
    42.   }
    43.   if($p - 1 > 0){
    44.     $prev_1_page = ' <td>[url="/index.php?page='.($p - 1).'"]'.($p - 1).'[/url] ';
    45.   }
    46.   else{
    47.     $prev_1_page = '';
    48.   }
    49.   if($p + 2 <= $num_pages){
    50.     $next_2_page = ' <td>[url="/index.php?page='.($p + 2).'"]'.($p + 2).'[/url] ';
    51.   }
    52.   else{
    53.     $next_2_page = '';
    54.   }
    55.   if($p + 1 <= $num_pages){
    56.     $next_1_page = ' <td>[url="/index.php?page='.($p + 1).'"]'.($p + 1).'[/url] ';
    57.   }
    58.   else{
    59.     $next_1_page = '';
    60.   }
    61.   $nav = $first_page.$prev_page.$prev_2_page.$prev_1_page.$p.$next_1_page.$next_2_page.$next_page.$last_page;
    62.   return $nav;
    63.   
    64. }
    65.  
    66. ?>
     
  4. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
     
  5. Sice

    Sice Активный пользователь

    С нами с:
    16 фев 2012
    Сообщения:
    45
    Симпатии:
    0
    Так и сделал, как вы написали, но проблема осталась :( нашел информацию, что можно из jquery стиль подгрузить, но как? я с Java только второй день)
     
  6. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.128
    Симпатии:
    1.248
    Адрес:
    там-сям
    c Java? )))

    Добавлено спустя 5 минут 23 секунды:
    очень плохо начал!
    друг, тут скрипты вообще не при делах. СТИЛИ!!!! разбирайся с доступностью css-файла или с селекторами, которые неправильно описал.
    firebug или консоль хрома тебе в помощь! там скорее всего написано "resource style.css not found"