Databases
StackOverflow2013
Postsdbo
POIs JQuery UI meant to work only with Google Chrome??? (How about IE and Firefox??!)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIs JQuery UI meant to work only with Google Chrome??? (How about IE and Firefox??!)
    primarykey
    data
    text
    <p>I'm using "Jquery UI 1./Dan Wellman/Packt Publishing" to learn JQuery UI. I'm working on the 'Dialog widget' chapiter.</p> <p>After I've completed a series of exercises in order to build a Dialog widget (using Google Chrome), I then tried my work with Internet Explorer and Firefox. </p> <p>The result has been disappointing. </p> <ul> <li>Chrome was perfet</li> <li>With Internet Explorer, (1) the title of the Dialog widget did not appear, (2) The location of the dialog widget was not correct (given the <strong>position: ["center", "center"]</strong>). It was rather offset toward left.</li> <li>With Firefox, the location was respected. However, only the outer container was visible. the content was missing, just a blank container.</li> <li>Also using Option Show:true and Hide:true did only work with Chrome.</li> </ul> <p>I wonder now if JQuery UI was meant to be used only with Google Chrome. I just think that I might be missing some directives to make it work with major browsers (as the author claimed in his book).</p> <p>Here's the code. Since, I'm using ASP.NET MVC, certain codes, such as the element to the css, do not appear. But, for the rest, all the functioning code is bellow. </p> <pre><code>&lt;asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"&gt; &lt;p&gt; The goal of this tutorial is to explain one method of creating model classes for an ASP.NET MVC application. In this tutorial, you learn how to build model classes and perform database access by taking advantage of Microsoft LINQ to SQL. In this tutorial, we build a basic Movie database application. We start by creating the Movie database application in the fastest and easiest way possible. We perform all of our data access directly from our controller actions. &lt;/p&gt; &lt;div style = "font-size:.7em" id = "myDialog" title = "This is the title"&gt; In this tutorial -- in order to illustrate how you can build model classes -- we build a simple Movie database application. The first step is to create a new database. Right-click the App_Data folder in the Solution Explorer window and select the menu option Add, New Item. Select the SQL Server Database template, give it the name MoviesDB.mdf, and click the Add button (see Figure 1). &lt;/div&gt; &lt;/asp:Content&gt; &lt;asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server"&gt; &lt;script src="../../Content/development-bundle/jquery-1.3.2.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="../../Content/development-bundle/ui/ui.core.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="../../Content/development-bundle/ui/ui.dialog.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="../../Content/development-bundle/ui/ui.draggable.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="../../Content/development-bundle/ui/ui.resizable.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="../../Content/development-bundle/external/bgiframe/jquery.bgiframe.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type = "text/javascript"&gt; $(function() { var execute = function() { } var cancel = function() { } var dialogOpts = { position: ["center", "center"], title: '&lt;a href="/Home/About"&gt;A link title!&lt;a&gt;', modal: true, minWidth: 500, minHeight: 500, buttons: { "OK": execute, "Cancel": cancel }, show:true, hide: true, bgiframe:true }; $("#myDialog").dialog(dialogOpts); }); &lt;/script&gt; </code></pre> <p></p> <p>Thank for helping.</p> <p><strong>EDIT</strong></p> <p>I've re-done the same exercise yesterday. From the beginning to the end, each time I've introduced a behavior, I've tested my work in all 3 browsers (IE, Firefox, Chrome). </p> <ul> <li>Everything works until I add option Show and Hide. Then only Chrome works.</li> <li>If I remove Show and Hide, everything works again.</li> <li>If I keep only Show and Hide, everything works perfectly</li> </ul> <p>Maybe Show and Hide options for dialog widget do not mix up well with other options.</p> <p>Thanks for helping.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRichard77
    1. USRichard77
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POIs JQuery UI meant to work only with Google Chrome??? (How about IE and Firefox??!)
      1. This table or related slice is empty.
      1. VTUpMod
    1. COAFAIK, jQuery/UI frameworks are pretty cross-browsers compatible. You probably need to post your codes.
      singulars
      1. POIs JQuery UI meant to work only with Google Chrome??? (How about IE and Firefox??!)
      1. USo.k.w
    2. COWhat is this development bundle that you use? Did you try the official jquery/UI 1.3/1.7.2 or 1.4/1.8 bundles?
      singulars
      1. POIs JQuery UI meant to work only with Google Chrome??? (How about IE and Firefox??!)
      1. USqueen3
    3. COThere will also be a js folder in the zip with the development bundle. Inside that is jquery-ui-1.7.custom.min.js file that will contain all the js files you've included but minified as a single file. You should include that with a script tag rather than every file individually. You have created the Dialog but where is the call to dialog('Open') that will actually show it? See my edit.
      singulars
      1. POIs JQuery UI meant to work only with Google Chrome??? (How about IE and Firefox??!)
      1. USDave Anderson
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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