{"id":5581,"date":"2016-05-18T14:45:06","date_gmt":"2016-05-18T11:45:06","guid":{"rendered":"http:\/\/www.karadere.com\/blog\/?p=5581"},"modified":"2016-06-09T11:17:47","modified_gmt":"2016-06-09T08:17:47","slug":"sap-html5-open-ui5-fiori-image-link-press-click-action-event","status":"publish","type":"post","link":"https:\/\/www.karadere.com\/blog\/sap-html5-open-ui5-fiori-image-link-press-click-action-event.html","title":{"rendered":"SAP HTML5 Open UI5 Fiori image link press click action event"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"http:\/\/www.karadere.com\/blog\/uploads\/\/2010\/02\/sap-abap-logo.png\" width=\"230\" height=\"121\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"http:\/\/openui5.org\/images\/OpenUI5_new_big_side.png\" width=\"288\" height=\"75\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;meta http-equiv=&#8221;X-UA-Compatible&#8221; content=&#8221;IE=edge&#8221; \/&gt;<br \/>\n&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text\/html;charset=UTF-8&#8243;\/&gt;<\/p>\n<p>&lt;script src=&#8221;https:\/\/sapui5.hana.ondemand.com\/resources\/sap-ui-core.js&#8221;<br \/>\nid=&#8221;sap-ui-bootstrap&#8221;<br \/>\ndata-sap-ui-libs=&#8221;sap.m,sap.ui.layout,sap.ui.commons&#8221;<br \/>\ndata-sap-ui-theme=&#8221;sap_bluecrystal&#8221;<br \/>\ntype=&#8221;text\/javascript&#8221;&gt;<br \/>\n&lt;\/script&gt;<\/p>\n<p>&lt;\/head&gt;<br \/>\n&lt;body class=&#8221;sapUiBody&#8221;&gt;<br \/>\n&lt;div id=&#8221;sample1&#8243;&gt;&lt;\/div&gt;<br \/>\n&lt;div id=&#8221;sample2&#8243;&gt;&lt;\/div&gt;<br \/>\n&lt;div id=&#8221;sample3&#8243;&gt;&lt;\/div&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<p>&lt;script&gt;<\/p>\n<p>\/\/ creates a simple link with an action and property href not set<br \/>\nvar oLink1 = new sap.ui.commons.Link({<br \/>\ntext: &#8220;Bana T\u0131kla 1&#8221;,<br \/>\ntooltip: &#8220;Bu bir ui5 link \u00f6rne\u011fidir&#8221;,<br \/>\npress: function() {alert(&#8216;Selam &#8216; + oLink1.getText());}});<br \/>\n\/\/ attach the link to the DOM<br \/>\noLink1.placeAt(&#8220;sample1&#8221;);<br \/>\nvar oImage = new sap.ui.commons.Image();<br \/>\noImage.setSrc(&#8220;http:\/\/www.sap.com\/global\/images\/SAPLogo.gif&#8221;);<br \/>\noImage.setAlt(&#8220;alternative image text for image&#8221;);<br \/>\noImage.attachPress(function () {<br \/>\nalert(&#8220;karadere burhan logo&#8221;);<br \/>\n});<\/p>\n<p>oImage.placeAt(&#8220;sample2&#8221;);<\/p>\n<p>var ImageLink = new sap.ui.commons.Image({<br \/>\nsrc: &#8220;http:\/\/www.sap.com\/global\/images\/SAPLogo.gif&#8221; ,<br \/>\npress: function() {<br \/>\nalert(&#8216;imagelink&#8217;);<br \/>\n}<\/p>\n<p>});<br \/>\nImageLink.placeAt(&#8220;sample3&#8221;);<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/scn.sap.com\/community\/developer-center\/front-end\/blog\/2015\/06\/13\/ui5-programming-examples\">http:\/\/scn.sap.com\/community\/developer-center\/front-end\/blog\/2015\/06\/13\/ui5-programming-examples<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&#8221;X-UA-Compatible&#8221; content=&#8221;IE=edge&#8221; \/&gt; &lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text\/html;charset=UTF-8&#8243;\/&gt; &lt;script src=&#8221;https:\/\/sapui5.hana.ondemand.com\/resources\/sap-ui-core.js&#8221; id=&#8221;sap-ui-bootstrap&#8221; data-sap-ui-libs=&#8221;sap.m,sap.ui.layout,sap.ui.commons&#8221; data-sap-ui-theme=&#8221;sap_bluecrystal&#8221; type=&#8221;text\/javascript&#8221;&gt; &lt;\/script&gt; &lt;\/head&gt; &lt;body class=&#8221;sapUiBody&#8221;&gt; &lt;div id=&#8221;sample1&#8243;&gt;&lt;\/div&gt; &lt;div id=&#8221;sample2&#8243;&gt;&lt;\/div&gt; &lt;div id=&#8221;sample3&#8243;&gt;&lt;\/div&gt; &lt;\/body&gt; &lt;\/html&gt; &lt;script&gt; \/\/ creates a simple link with an action and property href not set var oLink1 = new sap.ui.commons.Link({ text: &#8220;Bana T\u0131kla 1&#8221;, tooltip: &#8220;Bu bir ui5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[2],"tags":[948,2545,2547,2479,1837,2546,2141],"class_list":["post-5581","post","type-post","status-publish","format-standard","hentry","category-2015-2016","tag-fiori-2","tag-open","tag-open-ui5","tag-openui5","tag-sap","tag-sapui5","tag-ui5","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"aioseo_notices":[],"views":1569,"_links":{"self":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts\/5581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/comments?post=5581"}],"version-history":[{"count":4,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts\/5581\/revisions"}],"predecessor-version":[{"id":5674,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts\/5581\/revisions\/5674"}],"wp:attachment":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/media?parent=5581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/categories?post=5581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/tags?post=5581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}