2015-11-04 4 views
0

Я пытаюсь добавить подобную кнопку рядом со списком «пунктов назначения». тем не менее, мне очень трудно понять, как разместить кнопку рядом с каждым элементом списка. любая помощь???добавление как кнопка рядом с каждым элементом списка ajax

Вот мой dashboard.html.erb файл:

<div class="destination-list"> 
    <h1>Destinations</h1> 
    <table id="destTable"> 


    <tr class="table-initial"> 
     <td>Name:</td> 
     <td>Address:</td> 

      <span class="likebtn-wrapper" data-white_label="true" data-identifier="item_1" data-show_dislike_label="true" data-popup_disabled="true" data-share_enabled="false"></span> 
      <script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script> 

     <!-- <td>Delete:</td> --> 
    </tr> 


    </table> 

    <div class="big create">+</div> 
</div> 

<div class="submit"> 

    <h1>Create Destination</h1> 
    <form method="get" action="index.html" class="form"> 
        <input type="text" placeholder="Name" class="name-input" name="name" /> 
        <input type="text" placeholder="Address" class="address-input" name="address" /> 
        <input type="submit" class="submit-input my-button" id="create-button"></input> 



</div> 

ответ

0

Ваш параметр источника в вашем яваскрипта вызове функции отсутствует часть http: протокола.

Вы должны отредактировать теги в своем вопросе. В вашем коде нет Rails или Ruby, и ваш вопрос касается только Javascript.

На стороне записки, вы должны смотреть на Ненавязчивый JavaScript:

Rails guides

RailsCasts episode

и, вероятно, JQuery, а также.

+0

Итак, сохраняя ненавязчивый javascript в памяти, должен ли я создать новый файл только с созданием кнопки? – coderk

+0

В общем, да. В идеале вы хотите, чтобы ваш JS и ваш HTML были разделены и включали ваш JS-файл (с использованием тега '