Заполнение страницы XML и Javascript / Jquery, проверка, совпадает ли URL с тегом xml - PullRequest
0 голосов
/ 01 мая 2009

Мне нужно создать функцию javascript, которая будет писать страницу на основе URL-адреса, поэтому в основном я пытаюсь создать функцию javascript, которая будет проверять URL-адрес и оттуда находить соответствующий элемент XML.

Причина этого заключается в том, что html-страницу можно просто скопировать, переименовать и обновить xml, и страница заполнит все остальное из листа xml.

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

XML-КОД ::

<!--XML INFORMATION-->      
<channel>
<design>
<motion><!--design content-->

<item><!--//////////POST//////////POST//////////POST//////////-->
    <tag>/portfolio_dec.html</tag>

<!--RSS INFORMATION-->      
    <title>Decoze</title>
    <link>http://payamrajabi.com/portfoliotest.html</link>
    <description><img src="http://payamrajabi.com/thumbs/small_jump.png" title="JUMP!." /></description>

<!--PROJECT CONTENT-->

<project><!--project start-->

    <titl>TITLE</titl><!--project title-->
    <dsc>PROJECT DESCRIPTION</dsc><!--project description-->

</project><!--project end-->

</item><!--//////////END//////////END//////////END//////////-->

</motion>
</design>   
</channel>

JAVASCRIPT:

$(document).ready(function(){

    $.ajax({
    type: "GET",
    url: "code/content9.xml",
    dataType: "xml",
    success: function(xml) {

    var xpathname = window.location.pathname;
    var xproject = $(xml).find('tag').text();

    if (xpathname == xproject) {

        $(xml).find('item').children('tag').text(xpathname).each(function(){
            var ttl = $(this).find('titl').text();
            $('<p>'+ttl+'</p>').appendTo('h1#ttl');
        });

        $(xml).find('item').children('tag').text(xpathname).each(function(){
            var dsc = $(this).find('dsc').text();
            $('<p>'+dsc+'</p>').appendTo('h1#ttl');
        });                 

    } else {
        PUT ERROR MESSAGE HERE
    }
    }
    });                 
});   

и HTML:

<html>
<head>

<script type="text/javascript" src="code/jquery-1.3.1.js"></script>
<script type="text/javascript" src="code/project/project_design.js"></script>

</head>

<body>
<h1 id="ttl"></h1>
<p id="dsc"></p>
</body>
</html>

любая помощь будет принята с благодарностью, я новичок в javascript / jquery / xml и действительно испытываю проблемы с этим. В первую очередь я хочу создать xml-файл, который заполняет сайт, причем каждый элемент является содержимым новой страницы, в данном случае это элемент портфолио.

ура!

Виллем

1 Ответ

2 голосов
/ 02 мая 2009

Хм ... Боюсь, вы не совсем понимаете, как работает jquery.

Ваш код должен выглядеть примерно так:

var xpathname = window.location.pathname; 

var xitem = $(xml).find('tag:contains(' + xpathname + ')').parent(); 

if (xproject.length != 0) { 
  $('#ttl').append('<p>' + xitem.find('titl').text() + '</p>'); 
  $('#dsc').append('<p>' + xitem.find('dsc').text() + '</p>'); 
} 
else {
  $('#err').text('The page you requested does not exist'); 
}

Демо 1

Вот быстрое демо. Взгляните на источник, чтобы увидеть XML и JavaScript.

http://jsbin.com/ujiho#itemOne

http://jsbin.com/ujiho#itemTwo

http://jsbin.com/ujiho#itemThree

Демо 2

Я создал еще одну демонстрацию, которая использует $.get для извлечения XML из отдельного URL.

http://jsbin.com/aqefo#nov

http://jsbin.com/aqefo#dec

XML: http://jsbin.com/afiwa

Вот JavaScript. Дайте мне знать, если вам нужна помощь в понимании чего-либо.

$(function(){
  $.get(
    'http://jsbin.com/afiwa',
    function(xml){

      var hash = window.location.hash.substring(1);

      if ($.trim(hash) === '') {
        showError();
        return;
      }

      var xitem = $(xml).find('urlname:contains(' + hash + ')').parent();

      if (xitem.length != 0) {
        $('#ttl').append(xitem.find('titl').text());
        $('#dsc').append( xitem.find('dsc').text());
      }
      else {
        showError();
      }


      function showError() {
        $('#err').text('The page you requested does not exist');
      }
    }
  );
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...