За последние 24 часа нас посетили 44673 программиста и 1724 робота. Сейчас ищут 635 программистов ...

Без перезагрузки страницы ajax

Тема в разделе "JavaScript и AJAX", создана пользователем lemonl, 20 фев 2012.

Статус темы:
Закрыта.
  1. lemonl

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

    С нами с:
    10 июн 2009
    Сообщения:
    164
    Симпатии:
    0
    Подскажите пожалуйста как реализовать переход на другую страницу (в url) - без перезагрузки существующей страницы.

    В последнее время такой способ используют twitter и др.
     
  2. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    ajax, jquery.history и в целом javascript.
     
  3. hrach333

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

    С нами с:
    21 сен 2012
    Сообщения:
    6
    Симпатии:
    0
    Скажи как иммено я пробовал у меня не получилось он грузит полностью другую страницу.
     
  4. Dmitriy A. Arteshuk

    Dmitriy A. Arteshuk Активный пользователь

    С нами с:
    19 янв 2012
    Сообщения:
    2.445
    Симпатии:
    66
    Адрес:
    Зеленоград
    кто он??? и как пробовал показывай!
     
  5. rainarr

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

    С нами с:
    20 ноя 2010
    Сообщения:
    276
    Симпатии:
    0
    другая страница подгружается средствами ajax, а урл меняется уже другими методами
     
  6. hrach333

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

    С нами с:
    21 сен 2012
    Сообщения:
    6
    Симпатии:
    0
    Какими методами я тоже так могу умничать и ничего не писать.
    Я знаю что можно подгружать через ajax.
    Возникает проблемы которое нужно решить, а правильнее вопросы.
    Я в каких сайтах не был там все одно и тоже нет собственной разработки и нормальных разработок. Я нашел один но вот возникаю проблемы которые я хотел решить и я буду счастлив и удовлетворен.
    1) При таком варианте в адресной строке не меняется адрес, то есть какая была такая остается пример: http://sait.ru/#
    То есть через браузер не смогут идти назад или вперед и ссылку на определенную страницу не смогут передать для перехода.
    2) При загрузке страницы javascript не работает. То есть в этом странице например есть виде плеер но он не работает так как не работает javascript.
    Даже если перенести это в основную страницу то всерагно не будет работать так как он не видит эти элементы.
    К примеру есть такой id элемент #player на него что то делается но так как этот элемент находится в другом страничке и он загружается виртуально то он его не видит (так думаю я ) и не выполняется скрипт.
    Уф надеюсь теперь написал доходчиво.
    Что мне нужно доходчивый понятный объяснение, как все это можно реализовать. И не пишите что это не возможно таких сайтов полно яркий пример ВКОНТАКТЕ.
    Если хотите могу кинуть мой скрипт загрузки страницы.
    За ранние буду благодарен.
    ДА и еще 2) вопрос у меня вроде получилось решить и javascript работал вот пример.
    Код (Text):
    1. $.ajax({
    2.     url:link,
    3.     type:'POST',
    4.    
    5.     success:function(html){
    6.         $("#info").html(html);
    7.     }
    8.     });
    Добавлено спустя 5 минут 35 секунд:
    Да еще если вы напишите и сможете ответить на этот вечный вопрос то вы решите у многих людей с таким же вопросами. И спасете мир!

    Добавлено спустя 6 минут 11 секунд:
    Он - это ajax как пробовал
    вот приер нормального рабочего скрипта но у него есть проблемы которые я писал ранее
    Код (Text):
    1.  
    2. <script>  
    3.     function showContent(link) {  
    4.  
    5.         var cont = document.getElementById('contentBody');  
    6.         var loading = document.getElementById('loading');  
    7.  
    8.         cont.innerHTML = loading.innerHTML;  
    9.  
    10.         var http = createRequestObject();  
    11.         if( http )  
    12.         {  
    13.             http.open('get', link);  
    14.             http.onreadystatechange = function ()  
    15.             {  
    16.                 if(http.readyState == 4)  
    17.                 {  
    18.                     cont.innerHTML = http.responseText;  
    19.                 }  
    20.             }  
    21.             http.send(null);      
    22.         }  
    23.         else  
    24.         {  
    25.             document.location = link;  
    26.         }  
    27.     }  
    28.  
    29.     // создание ajax объекта  
    30.     function createRequestObject()  
    31.     {  
    32.         try { return new XMLHttpRequest() }  
    33.         catch(e)  
    34.         {  
    35.             try { return new ActiveXObject('Msxml2.XMLHTTP') }  
    36.             catch(e)  
    37.             {  
    38.                 try { return new ActiveXObject('Microsoft.XMLHTTP') }  
    39.                 catch(e) { return null; }  
    40.             }  
    41.         }  
    42.     }  
    43. </script>  
     
  7. rainarr

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

    С нами с:
    20 ноя 2010
    Сообщения:
    276
    Симпатии:
    0
    этим никого уже не удивите. Подобный сайт писал года так 3 назад, там каждую секунду проверялся window.location.hash и с ним происходили все действия.
     
  8. hrach333

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

    С нами с:
    21 сен 2012
    Сообщения:
    6
    Симпатии:
    0
    Rainarr все так обобщенно пишите. Если делали и знайте как то откройте секрет не ужели это так трудно. Я знаю что это связанно с javascript с hash и ajax. Я это бы не спрашивал если бы я был профи в этом деле. Так помогите же меня. А если вы просто болтун можете писать, что вы крутой и когда то делали это никому не поможет вы просто сорите не нужным текстом в форуме.
     
  9. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    hrach333, все дружно бросились писать для вас скрипт?
    Вы спросили, вам ответили.

    Вы ожидаете, что кто - то вам даст готовый скрипт?
    Ну откройте поиск по поводу hash и найдите скрипт.

    Иначе платите деньги с таким требованием как у вас.
     
  10. hrach333

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

    С нами с:
    21 сен 2012
    Сообщения:
    6
    Симпатии:
    0
    А я не требую. Лень писать не пиши. Я готов и платить, но за доброкачественный скрипт который работает и все в нем понятно, то есть если я захочу, что то поменять чтоб смог его менять. А я просто хочу, что бы написали и объяснили просто, что да как. Мне не нужно мигабайты скрипта, а нужно мне простенькие понятные скрипты которые работают и я смогу поставить его на сайт.
    Еще раз пишу не пишите, что вы можете только вот плати. Такое ощущение, что сидят одни предприниматели.
    В другом форуме всегда готовы помочь, а вам так только о чем то писать, что бы дискуссию заводить, а по теме в данный момент ничего нет.
     
  11. rainarr

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

    С нами с:
    20 ноя 2010
    Сообщения:
    276
    Симпатии:
    0
    Код (Text):
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    2. <html>
    3.     <head>
    4.         <title>Main Page</title>
    5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    6.         <link href="styles.css" rel="stylesheet" type="text/css" />
    7.         <script type="text/javascript" src="/other/jquery.js"></script>
    8.         <script>
    9.             var lasthash=window.location.hash;
    10.             var top_nav=3;
    11.             if(!lasthash || lasthash>top_nav || lasthash<=0){ lasthash=1; }
    12.            
    13.             var active_content=0;
    14.             function gethash(hash){
    15.                 window.location.hash = hash;
    16.                 var hash=window.location.hash;
    17.                 var val=parseInt(hash.substr(1));
    18.                 for(i=1; i<=top_nav; i++){ if(i==val || ((!val || val>top_nav || top_nav<=0) && i==1)){ $('#nav_'+i).addClass('active'); }else{  $('#nav_'+i).removeClass('active'); } }
    19.                 if(lasthash!=hash || active_content==0){
    20.                     if((active_content==0 && !val) || (val>top_nav || val<=0)){ val=1; }
    21.                     lasthash=window.location.hash;
    22.                     active_content=val;
    23.                     $('#body').addClass('loader');
    24.                     $.get('page.php?'+val, function(data){ $('#body').removeClass('loader'); $('#body').html(data); });
    25.                 }
    26.                 setTimeout('gethash(lasthash)', 1000);
    27.             }
    28.         </script>
    29.     </head>
    30.     <body onload="gethash(lasthash);">
    31.         <div id="header">
    32.             <span class="title">...MR...</span><br><i>easy content managment system</i><br><br>
    33.             <a href="" id="nav_1" onclick="gethash(1); return false;">Main</a><a href="" id="nav_2" onclick="gethash(2); return false;">About</a><a href="" id="nav_3" onclick="gethash(3); return false;">Download</a>     </div>
    34.         <div id="body">
    35.             Loading..
    36.         </div>
    37.     </body>
    38. </html>
    внимание на кусок где $.get('page.php?'+val ... тут меняется страница
     
  12. igordata

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

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    т.к. автор не отписывается, то наверное ему пофик на ваши ответы. =) такое бывает. Может он нашел решение?.. А может он задал вопрос аж в феврале, а сейчас сентябрь кончается?
    Внимательнее надо быть.
     
Статус темы:
Закрыта.