0

この質問は何度も聞かれましたが、どういうわけか私は物事がうまくいきません。私はすでに数時間この問題に苦しんでいます。

私は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>

そして今問題は、ユーザーが（たとえば）「3content」の値を（入力ボックスなどで）変更できるようにすることです。

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

このxml行は何ですか：

<content>45</content>

これは簡単にできますか？1つのXML値を変更するために、ページ長のコードをいくつか見たり試したりしたので（すべてを試したわけではありません）、それほど問題にはならないと思います。

私はHTML/XMLの最初の段階にいます。私は以前、android Java、actionscript3、c ++（主にCMLライブラリを使用）を実行していました。そしてまた、私が作った最初の本当のウェブサイト。

もっと多くのことや何かの説明を知る必要がある場合は、ただ尋ねてください。

もうしばらくお待ちいただきますようお願いいたします。

Bigflow

4

1 に答える 1

1

クリックイベントを監視し、入力を含むフォームを配置する必要があります。コードを自分で実行するのではなく、多くのプラグインを利用できます（「jqueryインライン編集」を検索してください）。これが人気のあるものです：Jeditable

于 2012-05-01T09:32:32.500 に答える