{"id":137,"date":"2020-06-03T07:14:07","date_gmt":"2020-06-03T04:14:07","guid":{"rendered":"http:\/\/bahadirmeric.net\/bahadir\/?p=137"},"modified":"2020-06-03T07:14:07","modified_gmt":"2020-06-03T04:14:07","slug":"jquery-messi-ile-net-te-pop-up-yapalim","status":"publish","type":"post","link":"http:\/\/bahadirmeric.net\/bahadir\/2020\/06\/03\/jquery-messi-ile-net-te-pop-up-yapalim\/","title":{"rendered":"jQuery Messi ile .Net\u2019 te POP-UP yapal\u0131m"},"content":{"rendered":"\n<p>Bir web projesinde bir pop-up penceresine ihtiya\u00e7 duydum, birazda g\u00f6rsel olmas\u0131n\u0131 istedim. Ajax yada jQuery ile neler yapabilirim diye ara\u015ft\u0131r\u0131yordum ki. Messi ad\u0131nda bir jQuery eklenti buldum. Ger\u00e7ekten kullan\u0131m\u0131 ve \u00f6zellikleri g\u00fczel. &nbsp;<\/p>\n\n\n\n<p>\u00d6ncelikle sizlere resmi web sitesinin adresini verece\u011fim buradan eklentinin versiyon takibini de yapabilirsiniz. Ayr\u0131ca yukar\u0131da s\u00f6ylemeyi de unuttum tamamen \u00fccretsiz. \ud83d\ude42&nbsp;<a href=\"http:\/\/marcosesperon.es\/apps\/messi\/\">http:\/\/marcosesperon.es\/apps\/messi\/<\/a>&nbsp;bu adrese girdi\u011finizde zaten hem i\u015finize yarayan hemde kullan\u0131\u015fl\u0131 \u00f6rneklerle kar\u015f\u0131la\u015facaks\u0131n\u0131z. Sitenin hemen ortas\u0131nda yer alan \u201cCheck in GitHub\u201d yaz\u0131s\u0131n\u0131n yan\u0131ndaki linke t\u0131klad\u0131\u011f\u0131n\u0131zda eklentiyi indirebilece\u011finiz web sitesi kar\u015f\u0131n\u0131za gelecek.<\/p>\n\n\n\n<p>Eklentiyi indirdi\u011finizi d\u00fc\u015f\u00fcnelim. Yine yukar\u0131daki sitede yer alan ve sayfan\u0131n a\u015fa\u011f\u0131lar\u0131nda g\u00f6rebilece\u011finiz \u201cSetup\u201d ba\u015fl\u0131\u011f\u0131 alt\u0131ndaki ad\u0131mlar\u0131 uygulayarak eklentiyi projeye dahil etti\u011finizi d\u00fc\u015f\u00fcnelim. Bu kodu yada ba\u015fka bir jQuery kodunu code behind taraf\u0131ndan nas\u0131l \u00e7a\u011f\u0131raca\u011f\u0131m\u0131z\u0131 g\u00f6relim. Ben basit bir mesaj \u00e7\u0131karan uygulama yapmak istedim. \u0130\u015fte C# taraf\u0131 kodlar\u0131;<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\nusing System;\nusing System.Collections.Generic;\nusing System.Linq;\nusing System.Web;\nusing System.Web.UI;\nusing System.Web.UI.WebControls;\nusing System.Data;\nusing System.Text;\n \n protected void Page_Load(object sender, EventArgs e)\n        {\npopUpMessage(&quot;Hata olu\u015ftu !!!&quot;, &quot;error&quot;);\npopUpMessage(&quot;Ba\u015far\u0131l\u0131 olundu !!!&quot;, &quot;success&quot;);\npopUpMessage(&quot;\u0130\u015flemleriniz devam ediyor !!!&quot;, &quot;info&quot;);\n}\n \nprivate void popUpMessage(string Messega, string stat)\n        {\n            ScriptManager requestSM = ScriptManager.GetCurrent(this);\n            StringBuilder sb = new StringBuilder();\n \n            sb.AppendLine(&quot;$(document).ready(function () {&quot;);\n            if(stat==&quot;error&quot;)\n                sb.AppendLine(&quot;new Messi('&quot; + Messega + &quot;', {title: 'Hata', titleClass: 'error', buttons: &#x5B;{id: 0, label: 'Kapat', val: 'X'}]});&quot;);\n            else if(stat==&quot;success&quot;)\n                sb.AppendLine(&quot;new Messi('&quot; + Messega + &quot;', {title: 'Ba\u015far\u0131l\u0131', titleClass: 'success', buttons: &#x5B;{id: 0, label: 'Kapat', val: 'X'}], callback: function(val) { $(location).attr('href','http:\/\/www.bahadirmeric.com','target','_parent'); }});&quot;);\n            else if(stat==&quot;info&quot;)\n                sb.AppendLine(&quot;new Messi('&quot; + Messega + &quot;', {title: 'Bilgi', titleClass: 'info', buttons: &#x5B;{id: 0, label: 'Kapat', val: 'X'}], callback: function(val) { $(location).attr('href','http:\/\/www.bahadirmeric.com','target','_parent'); }});&quot;);\n            sb.AppendLine(&quot; });&quot;);\n \n            if (requestSM != null &amp;&amp; requestSM.IsInAsyncPostBack)\n            {\n                ScriptManager.RegisterClientScriptBlock(this, typeof(Page), Guid.NewGuid().ToString(), Convert.ToString(sb), true);\n            }\n            else\n            {\n                ClientScript.RegisterClientScriptBlock(typeof(Page), Guid.NewGuid().ToString(), Convert.ToString(sb), true);\n            }\n        }\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"<p>Bir web projesinde bir pop-up penceresine ihtiya\u00e7 duydum, birazda g\u00f6rsel olmas\u0131n\u0131 istedim. Ajax yada jQuery ile neler yapabilirim diye ara\u015ft\u0131r\u0131yordum ki. Messi ad\u0131nda bir jQuery eklenti buldum. Ger\u00e7ekten kullan\u0131m\u0131 ve \u00f6zellikleri g\u00fczel. &nbsp; \u00d6ncelikle sizlere resmi web sitesinin adresini verece\u011fim buradan eklentinin versiyon takibini de yapabilirsiniz. Ayr\u0131ca yukar\u0131da s\u00f6ylemeyi de&#8230; <a class=\"continue-reading-link\" href=\"http:\/\/bahadirmeric.net\/bahadir\/2020\/06\/03\/jquery-messi-ile-net-te-pop-up-yapalim\/\"> Continue reading <span class=\"meta-nav\">&rarr; <\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":13,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[7,4,15,6],"class_list":["post-137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-asp-net","tag-c","tag-jquery","tag-visual-studio"],"_links":{"self":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":1,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"predecessor-version":[{"id":138,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts\/137\/revisions\/138"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/media\/13"}],"wp:attachment":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}