2012-05-01 4 views
0

이 질문은 여러 번 질문했지만 어떻게 든 작동하지 않습니다. 나는 몇 시간 동안이 문제로 이미 고투하고있다.XML 값을 html로 변경하십시오.

<?xml version="1.0" encoding="iso-8859-1"?> 
<news> 
    <field id="nettooppervlakte1"> 

      <name>Opp. netto</name> 
      <content>970</content> 
      <background>1</background> 

    </field> 
    <field id="nettooppervlakte2"> 

      <name>Ras 1</name> 
      <content>Euro sunny</content> 
      <background>1</background> 

    </field> 
    <field id="nettooppervlakte3"> 

      <name>Plantdichtheid 1 (st/m²)</name> 
      <content>45</content> 
      <background>1</background> 

    </field> 
</news> 

XML 파일이 더 큰이지만, 전체 파일을 게시 할 필요가 (더 많은 필드 없어) :

나는 XML 파일을 얻었다.

는 다음 나는 정보를 얻기 위해 HTML (스크립트)에서이를 사용

$(document).ready(function(){ 
     var id = 0; 
    $.ajax({ 
    type: "GET", 
    url:"http://www.officespecialisten.it/wesleyfloor/table.xml", 
    dataType: "xml", 
    success: function(xml) { 

    $(xml).find('field').each(function(){ 
    var name = $(this).find('name').text(); 
    var content = $(this).find('content').text(); 
    var days = $(this).find('days').text(); 
    var day = $(this).find('day').text(); 
    var week = $(this).find('week').text(); 
    var year = $(this).find('year').text(); 

    $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>'+id++).html(name+'</a>').appendTo('#'+id+'name'); 
    $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(content+'</a>').appendTo('#'+id+'content'); 
    $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(days+'</a>').appendTo('#'+id+'days'); 
     $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(day+'</a>').appendTo('#'+id+'day'); 
     $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(week+'</a>').appendTo('#'+id+'week'); 
     $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(year+'</a>').appendTo('#'+id+'year'); 

      }); 

      } 
    }); 
}); 

를이 테이블 (HTML)에 넣어 : 지금

<tr> 
    <td colspan="2" bgcolor="#ade500"><div id="1name"></div></td> 
    <td colspan="2" bgcolor="#ade500"><div id="1content"></td> 
</tr> 
<tr> 
    <td colspan="2" bgcolor="#ade500"><div id="2name"></div></td> 
    <td width="2" bgcolor="#ffffcc"><div id="2content"> </td> 


</tr> 
<tr> 
    <td colspan="2" bgcolor="#ade500"><div id="3name"></div></td> 
    <td colspan="2" bgcolor="#ffffcc" ><div id="3content"></div></td> 
</tr> 

그리고 문제를, 나는 사용자가 (예를 들어) "3content"의 값을 (입력 상자 등으로) 변경할 수 있기를 바란다 :

<td colspan="2" bgcolor="#ffffcc" ><div id="3content"></div></td> 

이 xml 줄은 무엇입니까?

<content>45</content> 

쉽게 할 수 있습니까? 왜냐하면 나는 페이지 길이 인 일부 코드를 (시도하지 않았지만) 보았거나 시도했기 때문에 1 XML 값을 변경하기 위해 그다지 문제가되지 않아야한다고 생각합니다.

저는 HTML/XML의 시작 부분에 있습니다. Java, actionscript3, C++ (대부분 CML 라이브러리 포함)을 사용했습니다. 그리고 내가 만든 첫 번째 실제 웹 사이트.

자세한 내용이나 설명을 알아야 할 경우 물어보십시오. 양해

이미

덕분에,

Bigflow

답변

1

당신은 클릭 이벤트를 모니터링하고 장소에 입력하여 양식을 배치해야합니다. 직접 코드를 작성하는 대신 많은 플러그인을 사용할 수 있습니다 (Search "jquery inline editing"). 다음은 인기있는 것입니다. Jeditable

관련 문제