2012-05-01 12 views
0

この質問は一度しか聞かれていませんが、どういうわけか私は働くことができません。 私は今この問題に数時間苦労しています。XML値をhtmlで変更してください

私はxmlファイルだ:

<?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ファイルを大きいですが、ファイル全体を投稿する必要は(複数のフィールドを持っていません)。

その後、私は情報を得るために、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> 

そして今問題、 を私は、ユーザーが(例えば、入力ボックスなどで)「3コンテンツ」の値を変更できるようにしたいと考えています。

<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

関連する問題