Как я могу перенести локальное хранилище HTML5 в mediaWiki - PullRequest
Новая
       4

Как я могу перенести локальное хранилище HTML5 в mediaWiki

0 голосов
/ 13 июля 2011

Я исследовал сеть, но не смог найти, как данные в локальном хранилище HTML5 будут отображаться в виде контента в моей вики?Моя цель состоит в том, чтобы, если мне нужно было поместить какие-либо данные в локальное хранилище моего кода HTML5, они должны отображаться на моей вики-странице.Как я могу связать эти два (HTML5 / JS и MediaWiki)?Мой код HTML 5 задан как 

<!DOCTYPE HTML>
<html>
   <head>
      <title> HTML5 localStorage (name/value item pairs) demo </title> 

      <style>

          td, th {
              font-family: monospace;
              padding: 4px;
              background-color: #ccc;
          }
          #hoge {
              border: 1px dotted blue;
              padding: 6px;
              background-color: #ccc;
              margin-right: 50%;
         }
         #items_table {
              border: 1px dotted blue;
              padding: 6px;
              margin-top: 12px;
              margin-right: 50%;
         }
         #items_table h2 {
             font-size: 18px;
             margin-top: 0px;
             font-family: sans-serif;
         }
         label {
             vertical-align: top;
         }
        </style>

     </head>

  <body onload="doShowAll()" >

  <h1> HTML5 localStorage (name/value item pairs) demo</h1>

  <form name=editor>

    <div id="hoge">

     <p>

     <label> Value: <textarea name=data cols=41 rows=10></textarea></label>

     </p>

     <p>

      <label>Name: <input name=name></label>
      <input type=button value="getItem()" onclick="doGetItem()">
      <input type=button value="setItem()" onclick="doSetItem()">
      <input type=button value="removeItem()" onclick="doRemoveItem()">
     </p>
   </div>

   <div id="items_table">

     <h2>Items</h2>

     <table id=pairs></table>
     <p>

     <label><input type=button value="clear()" onclick="doClear()"> <i>* clear() removes all items</i></label>
     </p>
   </div>


   <script>

     function doSetItem() {
       var name = document.forms.editor.name.value;
       var data = document.forms.editor.data.value;
       localStorage.setItem(name, data);
       doShowAll();
     }

     function doGetItem() {
       var name = document.forms.editor.name.value;
       document.forms.editor.data.value = localStorage.getItem(name);
       doShowAll();
     }

     function doRemoveItem() {
       var name = document.forms.editor.name.value;
       document.forms.editor.data.value = localStorage.removeItem(name);
       doShowAll();
     }

     function doClear() {
       localStorage.clear();
       doShowAll();
     }

     function doShowAll() {
       var key = "";
       var pairs = "<tr><th>Name</th><th>Value</th></tr>\n";
       var i=0;
       for (i=0; i<=localStorage.length-1; i++) {
         key = localStorage.key(i);
         pairs += "<tr><td>"+key+"</td>\n<td>"+localStorage.getItem(key)+"</td></tr>\n";
       }
       if (pairs == "<tr><th>Name</th><th>Value</th></tr>\n") {
         pairs += "<tr><td><i>empty</i></td>\n<td><i>empty</i></td></tr>\n";
       }
       document.getElementById('pairs').innerHTML = pairs;
     }

   </script>

  </form>

 </body>
</html>

URL моей вики: http://localhost:8888/mediawiki/index.php/Main_Page

Мой вопрос заключается в том, как ввод данных в текстовую область кода HTML5 может отображаться в моемВики-страница?Где и как я должен связать этот вики-URL со скриптом HTML5 / JS для локального хранилища?

Ответы [ 3 ]

6 голосов
/ 13 июля 2011

Вам понадобится немало навыков программирования, чтобы сделать это правильно. Никто здесь не собирается программировать это для вас. Вот лучший ресурс из доступных.

http://diveintohtml5.ep.io/storage.html

Тот факт, что вы добавили локальный URL в свой пост, очевидно, показывает, что у вас есть немало знаний о веб-разработке в целом. Я желаю тебе удачи.

4 голосов
/ 13 июля 2011

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

Шаг 1) Считайте данные из локального хранилища (воспользуйтесь ссылкой Caimen).

Шаг 2) Используйте JavaScript для группировки его в JSON, XML, строку с разделителями-запятыми и т. Д. ...

Шаг 3) POST к серверу (AJAX или старомодный POST)

Шаг 4) Используйте серверный язык (при условии PHP), чтобы проанализировать POST и вставить его в базу данных mediaWiki

2 голосов
/ 13 июля 2011

У меня такое ощущение, что https://www.odesk.com/ может быть более подходящим для этого запроса, чем StackOverflow. Похоже, вы просите кого-то принять активное участие в вашей задаче и провести вас через процесс.

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

Однако, если вы сможете донести свой вопрос до ключевого момента, мы сможем помочь с этим ...

...