Search jQuery

jQuery Forum

Screen name:
scromer

scromer's Profile

11 Posts

13 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Slide out tab
[1Reply]
- 10-Feb-2012 03:53 PM
- Forum: Using jQuery Plugins
I have been looking for a slide out tab for a couple of days now and so far every one I have seen is positioned on the far left or far right of the browser. I want to position mine in a table data cell exactly where I place it and none of the plugins I have tried so far work that way. Is there another one out there that can be positioned anywhere you want it?

Thanks,
Sam

Stack overflow error in IE 8
[3Replies]
- 16-Nov-2011 09:23 AM
- Forum: Using jQuery UI
I am getting a Stack overflow error ONLY in IE 8 ( surprise ) when I click on the close button for a dialog. I am using the following jquery scripts in the page:

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <link type="text/css" href="css/custom-theme/jquery-ui-1.8.10.custom.css" rel="stylesheet" />
    <style type="text/css">

    </style>
<script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>

Here is the script that is being called:
1. jQuery(document).ready(function () {
          jQuery("#name").dialog({
              bgiframe: true,
              autoOpen: false,
              height: 470,
              width: 650,
              modal: true,
              close: function () {
                  $("#name").dialog("close");
  
  
              }
          });
  
      });

IE 7 issue with dropdown menu
[1Reply]
- 12-May-2011 05:31 PM
- Forum: Using jQuery UI
IE 7 is vertically stacking my <li> elements in my jQuery menu, it doesn't behave this way in IE 8 / 9 , Chrome, Firefox, Safari etc. Here is my CSS and html.
1. <table width="1002px" cellpadding="0" cellspacing="0">
  <tr>
  <td align="center">
  <div class="container">
      <ul id="topnav">
          <li><a href="Default.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;"><b>Home</b></font></a></li>
          <li >
              <a href="Methodologies/"><font size="2pt" color="#ffffff" style="text-decoration: none;"><b>Services</b></font></a>
              <span>
                  <a href="Methodologies/RiskBudgeting.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Starting a Mutual Fund</font></a> |
                  <a href="Methodologies/ETFs.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Existing Mutual Fund</font></a> |
                  <a href="Methodologies/RiskChanges.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Hedge Funds</font></a> |
                  <a href="Methodologies/InsidePM.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Variable Insurance Trusts</font></a>
              </span>
          </li>
  
          <li>
              <a href="Strategies/"><font size="2pt" color="#ffffff" style="text-decoration: none;"><b>Partners</b></font></a>
              <%--<span>
                  <a href="Strategies/Protection.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Protection</font></a> |
                  <a href="Strategies/Preretirement.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Pre-Retirement</font></a> |
                  <a href="Strategies/Income.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Income</font></a> |
                  <a href="Strategies/WealthAccumulation.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Wealth Accumulation</font></a> |
                  <a href="Strategies/InvestmentAccounts.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Investment Accounts</font></a>
              </span>--%>
  
          </li>
          <li>
              <a href="Retirement/"><font size="2pt" color="#ffffff" style="text-decoration: none;"><b>News & Events</b></font></a>
               <span>
                  <a href="Retirement/Partners.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">News</font></a> |
                  <a href="Retirement/Investors.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Events</font></a> |
                  <a href="Methodologies/RiskBudgeting.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Webinars</font></a> |
                  <a href="Methodologies/RiskChanges.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Upcoming Webinars</font></a> |
                  <a href="Retirement/QPDirections.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Webinar Replays</font></a>
              </span>
          </li>
          <li>
              <a href="Advisors/"><font size="2pt" color="#ffffff" style="text-decoration: none;"><b>About Us</b></font></a>
               <span>
                  <a href="WholesalerMap.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Our Team</font></a> |
                  <a href="Advisors/Partner.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Company History</font></a>
              </span>
          </li>
           <li>
              <a href="About Us/"><font size="2pt" color="#ffffff" style="text-decoration: none;"><b>Contact Us</b></font></a>
               <span>
                  <a href="About Us/History.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Mutual Fund Contact Information</font></a> |
                  <a href="InvestmentCommittee.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">General Information</font></a> |
                  <a href="SecurityDR.aspx"><font size="2pt" color="#ffffff" style="text-decoration: none;">Request for Proposal</font></a>
              </span>
          </li>
      </ul>
  </div>
  
  </td>
  </tr>
  </table>
CSS
1. .container {width: 1002px; margin: 0 auto; padding: 0px;}
  
  ul#topnav {
      margin: 0; padding: 0;
      float: left;
      width: 1011px;
      list-style: none;
      position: relative;
      background: url("../img/topnav_stretch.jpg") repeat-x;
  }
  ul#topnav li
  {
      height: 56px;
      width: 166px;
      float: inherit;
      margin: 0;
      padding: 0;
      border-right: 1px solid #E2E2E2;
      left: 0;
      top: 0;
  
  }
  ul#topnav li a {
      padding: 20px 15px;
      display: block;
      color: #ffffff;
      text-decoration: none;
  }
  ul#topnav li:hover { background: #8e9090 url("../img/topnav_active.jpg") repeat-x; }
  ul#topnav li span {
      float: left;
      padding: 15px 0;
      position: absolute;
      left: 0; top:56px;
      display: none;
      width: 1002px;
      background: #8e9090;
      color: #fff;
      -moz-border-radius-bottomright: 5px;
      -khtml-border-radius-bottomright: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
      -khtml-border-radius-bottomleft: 5px;
      -webkit-border-bottom-left-radius: 5px;
  }
  ul#topnav li:hover span { display: block; }
  ul#topnav li span a { display: inline; }
  ul#topnav li span a:hover {text-decoration: underline;}
Thanks!
Sam

IE 7 issue with dropdown menu
[0Replies]
- 25-Apr-2011 09:35 PM
- Forum: Using jQuery UI
I am having an issue with a dropdown menu in IE 7. I am stacking the menu horizontally and it works fine in all browsers but IE 7 ( go figure ), IE 7 is stacking it vertically and hiding most menu items. Any idea how to fix this?

Thanks!

Dialog question
[1Reply]
- 25-Apr-2011 04:07 PM
- Forum: Using jQuery UI
Is there a way to have multiple dialogs on one page opening and re-opening without having to repost the form? Right now I just call a reLoad() function inside the close so that the same Dialog can be re-opened. The reason I need this is I have several dialogs with videos embedded in them and users want to be able to open them more than once. Here is my code:
1. jQuery(document).ready(function () {
          jQuery("#bn").dialog({
              bgiframe: true,
              autoOpen: false,
              height: 470,
              width: 650,
              modal: true,
              close: function () {
                  $("#bn").dialog("destroy");
                  reLoad();
  
              }
          });
  
      });
2. function reLoad() {
          // jQuery.post();
          document.forms["form1"].submit();
      }
Thanks,
Sam

iPad and jQuery Dialog
[4Replies]
- 17-Mar-2011 11:10 AM
- Forum: Using jQuery UI
Do the jQuery dialogs work on iPad and iPhone?

Datepicker
[2Replies]
- 16-Mar-2011 03:08 PM
- Forum: Using jQuery UI
I need to set the default month to September when the datepicker is opened, how do I do this?

jQuery.Post() not working in IE 8
[6Replies]
- 22-Sep-2010 12:09 PM
- Forum: Using jQuery
I have this function
1. <script type="text/javascript">
      function reLoad() {
          jQuery.Post();
      }
  </script>
Works fine in Firefox , Chrome, Opera, Safari but in IE 8 it does nothing, any ideas why?

Modal Dialog in IE 8
[2Replies]
- 22-Sep-2010 11:42 AM
- Forum: Using jQuery UI
This all works fine in all other browsers but right now I have 2 major issues that are deal breakers for me using jQuery UI on my sites.

In IE 8 ( I have version IE 8 8.0.7600.16385 )

1.) The modal dialog overlay is not transparent it is a solid black color.
2.) The Close function is not working, I am playing video in the dialog and to stop the videos audio from playing after close is clicked in the other browsers I do a jQuery.Post(); this is obviously not working in IE 8.

Here is my dialog code.
1. <script type="text/javascript">
          jQuery(document).ready(function () {
              jQuery("#dialog").dialog({
                  bgiframe: true,
                  autoOpen: false,
                  height: 431,
                  width: 688,
                  modal: true,
                  close: function () {
                      reLoad();
  
                  }
              });
  
          });
  </script>
  
  <script type="text/javascript">
      function reLoad() {
          jQuery.Post();
      }
  </script>

video in modal dialog
[1Reply]
- 20-Sep-2010 10:35 AM
- Forum: Using jQuery UI
I am new to jQuery so I'm thinking this issue is just arising because I am not familiar enough with it but I am playing videos in modal dialogs, this works great the first time someone clicks on a link ( i am using a hrefs to open the dialog ). The second click does nothing, I have read some blogs on it and it seems like I am missing something simple but the issue I have is if I use the default behavior of the close button the audio from the video keeps playing even though the window is gone so I tried "destroy" and .empty(); Both of those options kill the video audio like I need them to but I cannot bring the video back a second time. .empty(); seems to be the closest to what I need because the modal does come back a second time but like the method name indicates it's empty. here is the script and a href tag code, any help would be great this really is exactly what I need to use so I'd like to make it work 100%.

a href

<a href="#" onclick="jQuery('#dialog').dialog('open'); return false">Welcome Video</a>

script
1. <script type="text/javascript">
          jQuery(document).ready(function () {
              jQuery("#dialog").dialog({
                  bgiframe: true,
                  autoOpen: false,
                  height: 431,
                  width: 688,
                  modal: true,
                  close: function () {
                      $("#dialog").empty();
                  }
              });
  
          });
2. </script>

Modal dialog question
[3Replies]
- 17-Sep-2010 12:11 PM
- Forum: Using jQuery UI
I am using the Modal Dialog to show a video and my question is once the user clicks on close everything is fine but if they click back on the modal dialog video link it shows the video as being played already so I am guessing the close button does not "destroy" the modal window it just hides it. Is there a javascript function I can add that on close the modal is disposed of?

Thanks!
Sam

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend