i have a php/html application where i want to add a conditional html tag "title" attribute if a value for "email" exists.
the trouble people usually run into is the escaping of single and/or double quotes, but if u use php's "complex (curly) variable parsing syntax", then u don't have to escape any quotes at all (generally):
<a href="#" <? if($this->data['email'] != '') echo " title='{$this->data['email']}'" ?>>Email</a>
so if "email" is set, then the rendered output for the tag will look like this:
<a href="#" title='example@example.com'>Email</a>
the "title" attribute will most likely be rendered with double quotes (""), not single (''), but for purposes of illustration, i'm showing u the relationship between the php code and the rendered output.
fyi, the "simple syntax" way is like this:
<a href="#" <? if($this->data['email'] != '') echo ' title="'.$this->data['email'].'"' ?>>Email</a>
(gives identical output as "complex" syntax)
IT, computer and programming tutorials and tips that i couldnt find anywhere else using google, from my daily work as a Senior Developer of solutions using Java and Linux.
20150630
20150625
ckeditor how to add custom icon button image to toolbar: CKEDITOR.getUrl()
i've built a custom ckeditor toolbar dropdown menu, but i was struggling to find out how to add a custom pilcrow icon for the dropdown, until i found this:
http://blog.ale-re.net/2010/07/custom-icon-in-ckeditor-toolbar.html
so here's how i got it to work:
editor.ui.add( 'MyParagraphDropdown', CKEDITOR.UI_MENUBUTTON, {
here's the pilcrow ( ¶ ) glyph icon button image i created (png w transparent background); 16x16 (font color [dark grey]: 494949):
and here's what it looks like in the ckeditor toolbar:
http://blog.ale-re.net/2010/07/custom-icon-in-ckeditor-toolbar.html
so here's how i got it to work:
editor.ui.add( 'MyParagraphDropdown', CKEDITOR.UI_MENUBUTTON, {
label: 'Paragraph styling',
icon: CKEDITOR.getUrl('../../images/pilcrow.png'),
onMenu: function() {
var active = {};
// Make all items active.
for ( var p in items )
active[ p ] = CKEDITOR.TRISTATE_OFF;
return active;
}
} );
here's the pilcrow ( ¶ ) glyph icon button image i created (png w transparent background); 16x16 (font color [dark grey]: 494949):
and here's what it looks like in the ckeditor toolbar:
20150609
how to escape tag name in document selector inside javascript onclick return confirm which also contains php values
i wanted to display another tag value inside an onclick return confirm message that also contained php code, so it was a challenge to figure out how to escape all the single quote and double quotes variables. this one gave me a run for my money, but here's the example code that finally works:
...
<input type="text" name="newString">
<button type="submit" onclick="return confirm('Change [ <?= $this->oldString ?> ] to [ '+document.getElementsByName('newString')[0].value+' ]?')">change string</button>
...
Subscribe to:
Posts (Atom)