Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery dialog not working in masterpage?
    text
    copied!<p>I added below code in the masterpage. I am able to get <code>alert("I am in onload Function");</code>, but jQuery("uploadPic").dialog not working. The <code>&lt;div&gt;</code> portion showing on the page.</p> <p>I am using reference to jQuery is </p> <p><code>&lt;script type=text/javascript src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.4.min.js"&gt;&lt;/script&gt;</code></p> <p>I tried <code>$('#uploadPic').dialog</code> also. But did not work.</p> <pre><code>&lt;script language="javascript" type="text/javascript"&gt; _spBodyOnLoadFunctionNames.push("onloadFunction"); function onloadFunction() { alert("I am in onload Function"); //setup edit person dialog jQuery("uploadPic").dialog({ autoOpen: false, modal: true, height: 375, width: 400, draggable: true, title: "Upload Picture", open: function (type, data) { $(this).parent().appendTo("form"); } }); } function showDialog(id) { alert("Hi"); $('#' + id).dialog("open"); alert("End"); } &lt;/script&gt; &lt;map name="Map"&gt; &lt;area shape="rect" coords="225,16,287,33" href="/_layouts/MyAlerts.aspx" onclick="javascript:showDialog('uploadPic');" alt="My Alerts"&gt; &lt;/map&gt; &lt;div id='uploadPic'&gt; &lt;table class="ms-authoringcontrols" style="border-top:1px black solid; border:1px black solid; height:70px " &gt; &lt;tbody&gt; &lt;tr&gt; &lt;td class="ms-sectionheader ms-rightAlign"&gt; Please choose a picture to upload to your picture library. &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/div&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload