coffeescript - Dynamically insert ruby generated HTML -

-

i have form user can elect create more input areas (to provide more information). have link user click on , form inputs created. i'd use rails form helpers don't have write html myself. i've tried inserting form helpers directly coffeescript , saving outputted html data tag on link, can't coffeescript execute ruby code , i'm having escaping issues data attribute.

here's form:

= simple_form_for([@site, @zone]) |f|   = f.error_notification    .form-inputs     = f.input :site_id      = label_tag "x"     = text_field_tag 'x_coords[]'      = label_tag "y"     = text_field_tag 'y_coords[]'      = label_tag "x"     = text_field_tag 'x_coords[]'      = label_tag "y"     = text_field_tag 'y_coords[]'      = label_tag "x"     = text_field_tag 'x_coords[]'      = label_tag "y"     = text_field_tag 'y_coords[]'      = link_to "add point", "#", id: "add_point", data: { fields: label_tags }    .form-actions     = f.button :submit

when user clicks "add point" link, i'd add block of:

= label_tag "x" = text_field_tag 'x_coords[]'  = label_tag "y" = text_field_tag 'y_coords[]'

label_tags in application_helper.rb:

def label_tags   label_tag "z" end

the problem output "add point" link is:

<a href="#" data-fields="<label for=" z"="">z" id="add_point"&gt;add point</a>

and quotation marks causing link come out text: "z" id="add_point">add point"

i got data attribute idea screencast

you cannot execute ruby code javascript. when page requested embedded ruby evaluated , results get. issue can see paste label block in right data attribute it's not escaped.

what you'll need escape quotes on generated html going field , unescape them via javascript. use html_escape here like: data: { fields: h(label_tags) } (h alias html_escape or yourself, manually.

def escape(str)   str.gsub(/</, "&lt;").gsub(/>/, "&gt;").gsub(/"/, "&quot;") end  # later in view form data: { fields: escape(label_tags) }

and coffeescript click handler like:

function unescape(str) {   return str.replace(/((?:&lt;)|(?:&gt;)|(?:&quot;))/g, function($1) {      switch($1) {       case "&gt;":         return ">";       case "&lt;":         return "<";       case "&quot;":         return '"';     }   }); }  $("a").on("click", function() {   var html = unescape(this.data("fields"));   $(".the-place-to-put-it").html(html); });

i not doubt better solution exists , of posting of answer have not tested work (in theory should). ideally, should generate elements jquery in javascript , not depend on method doing - yes, it's duplicate code duplicated between ruby , coffee.


Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more