Personalizes markup based on standard purlHub class flagging semantics. PurlHub personalization is a rich-markup, contextually aware lightweight templating system, designed to be both extremenly simple to use and adapatable. Ref: ( http://support.purlhub.com/customer/portal/articles/567040-personalizing-in-your-pages-integration-basics- )
####Usage:
$('div.selector').phRender([ dataObj | method | callback ]);
####Example(s):
// just personalize this block
$('div.selector').phRender({
code: "JoeSomebodyX1",
profile: {
firstName: "Joe",
lastName: "Somebody",
email: "joe@somewhere.org"
}
});
// with a callback
$('div.selector').phRender({
code: "JoeSomebodyX1",
profile: {
firstName: "Joe",
lastName: "Somebody",
email: "joe@somewhere.org"
}
}, function(ele){
// ele = the html DOM node
alert ('done');
});####Arguments: (may be given in any order) dataObj :: (object) An object containing personalization data structures in the following format.
{
code: "JoeSomebodyX1",
profile: {
firstName: "Joe",
lastName: "Somebody",
email: "joe@somewhere.org",
// any shallow key: value pairs
// ...
},
records: {
someRecordName: {
keyName: "value",
// any shallow {key: value} pairs
// ...
}
},
attributes: {
attrib1: "val1",
// any shallow {key: value} pairs
// ...
},
links: {
link1: "url1",
// any shallow {key: value} pairs
// ...
},
association: {
code: "",
profile: {
// any shallow {key: value} pairs
// ...
}
},
referer: {
code: "",
profile: {
// any shallow {key: value} pairs
// ...
}
}
}####method :: (string) A plugin method to call [ personalize, templatize ] default = personalize
- personalize = render textual string values by class flagg in standard purlHub fashion (i.e. phProfileData-firstName)
- templatize = remove personalization and return the elements to their original purlHub class flagged state.
####callback :: (function) a callback function to call after method invocation
function(ele) {
alert('done');
}The plugin fully supports curried callbacks, useful for jQuery chaining:
$('.contact-info').phRender('personalize').fadeOut('slow').fadeIn('slow');