1. Акция на весь декабрь! Получай оплату х2 за уникальные статьи, объемом от 200 слов, если в заголовке темы и теле статьи присутствует слово Python
    Скрыть объявление

Помогите с Ajax.....

Тема в разделе "Web 2.0, AJAX, Ruby, RSS технологии", создана пользователем kostyn, 5 янв 2009.

  1. kostyn

    kostyn Гость

    Помогите реализовать на ajax следующее...
    Код:
    <a href=.......>Показ div с id=1(и по умочанию)</a> | <a href="...........">Показ div с id=2</a>
    <div id="1">
    <?php
    echo "Содержимое слоя с id=1";
    ?>
    </div>
    <div id="2">
    <?php
    echo "Содержимое слоя с id=2";
    ?>
    </div>

    Нужно чтобы при нажатии на соответсвующую ссылку в браузер выводилось содержимое соотв. div
    Если можно поподробнее, плз..., для чайника....
     
  2. etc

    etc Гость

    При чем тут ajax?
     
  3. Flying

    Flying Гость

    так содержимое для вывода в div-ах отдается со скриптов на сервере, походу это ajax :)

    onClick отправлем запрос к первому скрипту на сервере, получаем от него ответ, а потом через DOM меняем содержимое нужного div-а на то, что получили с сервера

    можно нагуглить почти готовое решение
     
  4. etc

    etc Гость

    http://ru.wikipedia.org/wiki/Ajax
     
  5. kostyn

    kostyn Гость

    и гуглил и яндексил, готового не нашел, вот и прошу, может кто делал подобное и уже готовые решения есть, плз ))))

    да, и еще, дело не в выводе в дивах содержимого внешних файлов, это есть...
    а именно вывод в браузер соответствующего нажатой ссылки div...
     
  6. etc

    etc Гость

    kostyn Так а при чем тут ajax? неговорите, как хотите, только и ответа тогда врядли дождетесь ...
     
  7. Flying

    Flying Гость

    как я понял, г-ну kostyn то и надо, чтоб при нажатии на ссылку содержимое дива менялось на другое, которое отдается скриптом на сервере, а не подгружается изначально в невидимом div-е... Иначе зачем там в первом посте php код был?

    хотя сейчас я посмотрел, там этот код в div-ах, и вообще ХЗ что там надо...

    может быть не аякс, а что-то типа этого вам надо?
    Код (Text):
    <html>
    <head>
    <title>Ы</title>

    <script language="JavaScript">

    function show_div1() {
    document.getElementById("my_magic_div").innerHTML = "Тут содержимое первого div-а, хотя какой тут див вообще?";
    }

    function show_div2() {
    document.getElementById("my_magic_div").innerHTML = "Тут содержимое якобы второго div-а";
    }

    </script>

    </head>
    <body style="padding:100px;" onLoad="show_div1();">

    <a href="java script:show_div1()">Показать 1-й ДИВ</a> | <a href="java script:show_div2()">Показать 1-й ДИВ</a><br><br>

    <span id="my_magic_div" style="background-color: yellow; padding: 10px;">JS должен быть включен</span>

    </body>
    </html>
    токо тут ни аякса ни дивов...

    ----

    да, чтоб поисковиками все нормально индексировалось надо текст хранить в невидимых дивах в body, а не в JS...
     
  8. kostyn

    kostyn Гость

    вот-вот, как раз и надо, чтобы содержимое дивов подгружалось сразу, а показывалось только выбранный по ссылке див...

    В дивах прописаны разные модули cms, и вот нужно чтобы выводился в браузер только один из модулей, и вывод этих модулей должен быть привязан к ссылкам соответствующим... САмое главное без перезагрузки всей страницы!!!

    Конечно может быть и не ajax!!!
    Просто у меня ассоциация с ajax - это вывод определенной информации без перезагрузки всей страницы по ссылке...
    Этот фрагмент внутри cms находится, подгружение с сервера не получается ((((

    Извиняюсь что непонятно для спецов изясняюсь :rolleyes:
     
  9. ????

    ???? Гость

  10. kostyn

    kostyn Гость

    Всем спасибо, разобрался ))))
    Все оказалось довольно просто, впрочем как всегда ))))
    Не зря говорят: правильно сформулированный вопрос содержит половину ответа....
    AJAX в моем случае не подходит (тему конечно неправильно назвал) .
    Нужно было в одном месте cms сделать скрытие/показ определенного модуля по ссылкам.
    Вот привожу код для таких же как я.....
    Код (Text):
    <head>
    .
    .
    .
    <script language="JavaScript">

    function show_div1() {
    layer=document.getElementById("my_magic_div1");
    layer.style.display="";
    layer=document.getElementById("my_magic_div2");
    layer.style.display="none";
    }

    function show_div2() {
    layer=document.getElementById("my_magic_div2");
    layer.style.display="";
    layer=document.getElementById("my_magic_div1");
    layer.style.display="none";
    }

    </script>
    </head>

    <body onLoad="show_div1();">
    .
    .
    .
    здесь код cms
    .
    .
    .

    <a href="java script:show_div1()">Показать 1-й ДИВ</a> | <a href="java script:show_div2()">Показать 2-й ДИВ</a>
    <br><br>

    <div id="my_magic_div1">
    <?php
    echo "модуль 1";
    ?>
    </div>
    <div id="my_magic_div2">
    <?php
    echo "модуль 2;
    ?>
    </div>
    .
    .
    .
    </body>
    Думаю что комментировать особо нечего )))
     
  11. etc

    etc Гость

    А еще говорят. что если читать и главное думать над тем что отвечают, то еще проще решается ...
     
Загрузка...

Поделиться этой страницей