За последние 24 часа нас посетили 17568 программистов и 1718 роботов. Сейчас ищут 837 программистов ...

jquery + контент

Тема в разделе "JavaScript и AJAX", создана пользователем Апельсин, 18 авг 2010.

  1. Апельсин

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

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    Короч, надо такая штука. Есть пара ссылок, для каждой свой кусок текста + картинка, неважно. Жмешь на одну из ссылок - и в центральном диве появляется контент, соответствующий этой ссылке. На js то напишу, но jquery не знаю, потому выйдет ж0стко, а хотелось бы чтоб плавно появлялось, перекрывая предыдущий текст.
    Пульните ссылкой или кодом
     
  2. igordata

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

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Апельсин
    на jquery.com дофига ж примеров 1) аякса, 2) плавного появления.

    тут на днях же чел ныл про голосование. там я сделал скриптик из трех строк.

    PHP:
    1. <?php
    2. if (isset ($_GET['id']) AND isset ($_GET['action'])) {
    3.   $id = intval($_GET['id']);
    4.   switch ($_GET['action']) {
    5.     case 'pluspost':
    6.       $action = 1;
    7.       break;
    8.     case 'minuspost':
    9.       $action = -1;
    10.       break;
    11.     default:
    12.       $action = intval($_GET['action']);
    13.   }
    14.   $_SESSION['votes'][$id] += $action;
    15.   echo $_SESSION['votes'][$id];
    16.  
    17. } else {
    18.  
    19.   echo "
    20. <html>
    21.  <head>
    22.    <script language='javascript' type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
    23.  </head>
    24.  <body>
    25.    <div id='vote_1' style='border: 1px solid blue;'>
    26.      <a onclick=\"vote(1,'minuspost');\" href='#'>[-]</a> <a onclick=\"vote(1,'pluspost');\" href='#'>[+]</a>
    27.    </div><br>
    28.    <div id='vote_2' style='border: 1px solid red;'>
    29.      <a onclick=\"vote(2,'minuspost');\" href='#'>[-]</a> <a onclick=\"vote(2,'pluspost');\" href='#'>[+]</a>
    30.      <a onclick=\"vote(2,'-100');\" href='#'>[-100]</a> <a onclick=\"vote(2,'100');\" href='#'>[+100]</a>
    31.    </div><br>
    32.    <div id='vote_3' style='border: 1px solid green;'>
    33.      <a onclick=\"vote(3,'minuspost');\" href='#'>[-]</a> <a onclick=\"vote(3,'pluspost');\" href='#'>[+]</a>
    34.    </div><br>
    35.    <script language='JavaScript'  type='text/javascript'>
    36.      function vote (id, action) {
    37.      $('#vote_'+id).hide('slow',  function () {
    38.  
    39.        var html = jQuery.ajax({
    40.          url: 'test.php',
    41.          type: 'GET',
    42.          data: ({id : id, action : action}),
    43.          async: false
    44.        }).responseText;
    45.        $('#vote_'+id).html(html);
    46.        $('#vote_'+id).show('slow');
    47.  
    48.      }
    49.    );
    50.    }
    51.    </script>
    52.  </body>
    53. </html>
    54. ";
    55. }
    56. ?>
    на, сам ковыряйся =)
     
  3. Апельсин

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

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    igordata
    не, голосования и аякс уже не актуально) через jsHttpRequest бабахаю что нужно.
    Эффектов просто делать не умею.

    лень :) прийдется готовое рыть
     
  4. igordata

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

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    [js]<script language='JavaScript' type='text/javascript'>
    function vote (id, action) {
    $('#vote_'+id).hide('slow', function () {

    var html = jQuery.ajax({
    url: 'test.php',
    type: 'GET',
    data: ({id : id, action : action}),
    async: false
    }).responseText;
    $('#vote_'+id).html(html);
    $('#vote_'+id).show('slow');

    }
    );
    }
    </script>[/js]

    вот смотри
     
  5. Апельсин

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

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    igordata
    пойду читать jquery.com, а то так время в пустую
     
  6. igordata

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

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
  7. ShamahN

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

    С нами с:
    10 апр 2007
    Сообщения:
    1.449
    Симпатии:
    0
    Адрес:
    г.Волгодонск Роствской обл.
    имхо, раз уж юзаешь jQuery грех не пользоваться всеми преимуществами. Понимаю еще б в целях экономии трафика не юзал бы либу
     
  8. Апельсин

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

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    ShamahN
    15 кило jsHttpRequest и 30 кило jQuery. вряд ли это особо повлияет :) освою jQuery, откажусь от первой
     
  9. Apple

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

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    А я недолюбливаю jQuery, и ниче - живу =)
     
  10. ShamahN

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

    С нами с:
    10 апр 2007
    Сообщения:
    1.449
    Симпатии:
    0
    Адрес:
    г.Волгодонск Роствской обл.
    Apple, вы у нас вообще своеобразная личность. Вам ничто человеческое... ;)
    А вообще, каждый еб..ся как ему нравится ;)