Search jQuery

jQuery Forum

Screen name:
clint6998

clint6998's Profile

8 Posts

18 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Collapsible set possible in jQury like in jQuery mobile?
[0Replies]
- 19-Sep-2012 10:38 AM
- Forum: Using jQuery
I am looking to to do a collapsible set with jQuery on my pages instead of an accordian. I want them all connected as one unit instead of seperate units. Is this possible or do you know of a work around to make the accordian a single unit?

Thanks,

Clint

SSL with JQM
[3Replies]
- 31-May-2012 10:05 AM
- Forum: jQuery Mobile
I added an SSL Cert to my login script and everything past. I placed the site seal on the login screen but when the page loads, all it shows is the site seat, but once refreshed, it shows the page as it should.

any ideas?

Thanks,

Clint

Input type Password problems
[0Replies]
- 22-May-2012 04:27 PM
- Forum: jQuery Mobile
Using JQM 1.1.0 and JQ 1.7.1 and having password input problems.

This is how it looks before it is clicked on:

This is how it looks after it is clicked on:

It loses all format. If I change it back to a text type, then we are all good. has anyone else run into this issue?

Thanks,

Clint

Losing header and footer on initial page load
[7Replies]
- 22-May-2012 09:32 AM
- Forum: jQuery Mobile
When my initial page loads, the header and footer are lost. once you click on a link, it comes back.

Any ideas why?

Here is my code:
1. <div data-role="page" id="start" data-theme="z">
  <div data-role="header" class="ui-header ui-bar-z">
    <h1 class="ui-title_logo"><img src="images/logo.png" width="177" height="173" alt="logo"></h1>
  </div>
  <div data-role="content" data-theme="z">
    <ul data-role="listview" data-theme="z">
     <li><a href="#about" data-transition="slide">About BTI</a></li>
        <li><a href="login.php" rel="external" data-transition="slide">BTI Freight Board</a></li>
        <li><a href="#services" data-transition="slide">Services</a></li>
     <li><a href="#company" data-transition="slide">Company</a></li>
     <li><a href="#clients" data-transition="slide">Clients</a></li>
     <li><a href="#carriers" data-transition="slide">Carriers</a></li>
     <li><a href="#contact1" data-transition="slide">Contact</a></li>
    </ul>
  </div>
  <div data-role="footer" class="ui-footer ui-bar-z">
    <h4 class="ui-title">© Blakeman Transportation, Inc. 1982-2012<br />All Rights Reserved</h4>
  </div>
  </div>
Here is my custom css that affects this set:
1. .ui-bar-z {
  border: 1px solid #1a5b25;
  background: #114b1a;
  color: #D2D86D;
  font-weight: bold;
  text-shadow: 0 -1px 1px #000000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2a923b), to(#114b1a)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #2a923b, #114b1a); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #2a923b, #114b1a); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #2a923b, #114b1a); /* IE10 */
  background-image:      -o-linear-gradient(top, #2a923b, #114b1a); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #2a923b, #114b1a);
  }
  .ui-bar-z, .ui-bar-z input, .ui-bar-z select, .ui-bar-z textarea, .ui-bar-z button {
  font-family: Helvetica, Arial, sans-serif;
  }
  .ui-bar-z .ui-link-inherit {
  color: #D2D86D;
  }
  .ui-bar-z .ui-link {
  color: #1a5b25;
  font-weight: bold;
  }
2. .ui-header .ui-title_logo {
  min-height:1.1em;
  text-align:center;
  font-size:16px;
  display:block;
  margin:.6em 0px .8em;
  padding:0;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  outline:0!important;
  }
Does not seem to happen on android or ios but does happen in safari and chrome on the desktop.

Thanks,

Clint

Back button from external pages
[16Replies]
- 18-May-2012 04:03 PM
- Forum: jQuery Mobile
On my site, I have several pages. When I hit the back button from an external page, the page that laods has no header or footer and the back button just shows the back icon and the text "Home" on the iphone and looks jacked up on an android.

Here is the page that I am going back too:
1. <div data-role="page" id="MyAccount" data-theme="z">
     <div data-role="header" class="ui-header ui-bar-z">
     <a href="index.php#start" rel="external" data-role="button" data-icon="back" data-theme="z">Home</a>
         <h1 class="ui-title">My Account</h1>
     </div>
  
     <div data-role="content">
        <ul data-role="listview" data-inset="true" data-theme="z">
          <li><a href="mysettings.php" rel="external">Settings</a></li>
          <li><a href="freightBoard.php" rel="external">BTI Freight Board</a></li>
          <li><a href="logout.php" rel="external">Logout</a></li>
      </ul>
  
  </div>
     <div data-role="footer" class="ui-footer ui-bar-z">
         <h4 class="ui-title">© Blakeman Transportation, Inc. 1982-2012<br />All Rights Reserved</h4>
     </div>
  </div>
and here is the link that I am hitting to get back to this page:
1.      <div data-role="header" class="ui-header ui-bar-z">
     <a href="myaccount.php#MyAccount" rel="external" data-role="button" data-icon="back" data-theme="z">My Account</a>
         <h1 class="ui-title">My Account</h1>
     </div>
Here are some screen shots to show what I am talking about.

when page initially loads:
when clicking on a link to an external page:

And when I hit the "My Account" button and it takes me back to the previous page and the header is all messed up:

Can anyone offer any help as to why this is happening and what I need to do to fix it?

Thanks,

Clint

rel="external" with php header location
[5Replies]
- 17-May-2012 05:36 PM
- Forum: jQuery Mobile
My login script on my website (desktop version) users location redirects to load the page after someone logs in. How can I get the same result within JQM? Right now, once the login, it sends them to the myaccount.php page, however, the browser still thinks that it is on the login page so when you refrseh your screen, it makes you login again.

Any solutions or ideas?

Thanks,

Clint

JQM page width: android vs ios safari
[6Replies]
- 17-May-2012 12:23 PM
- Forum: jQuery Mobile
I just built a mobile site for my company. Everything works great on all desktop browsers and android platforms 2.2 and higher. Depending on the width of the screen, the page adjusts accordingly so that the content is as readable as possible. On iphone though, 3, 4 and 4s, it acts like the page is 1024px in width and you have to zoom in for it to be usable. Is there a setting that I am missing inside of JQM in my source code or am I just stuck with it being as it is?

Regards,
Clint

"hover" then "die"
[2Replies]
- 20-Apr-2011 12:16 PM
- Forum: Using jQuery
I am redoing my company's website and I am switching the navigation to jQuery. What I am looking for is a hover function that has an in and out image, a mouse down image, and then I want it all to die because I also have body ID tags that will place the background image of that link -Xpx to change the appearance of the background image so that it represents the page that is open. make sense?

Here is what I have so far:
1. $(document).ready(function(){
2. $(".link1").hover(function(){
  $(".link1").css("background-position","0px -76px");
  },function(){
  $(".link1").css("background-position","0px 0px");
  });
  $(".link1").mousedown(function(){
  $(".link1").css("background-position","0px -152px");
  });
  $(".link1").mouseout(function(){
  $(".link1").die();
3. });
  });
page can be found here.

Everything works great except the die. When you mouse out, the page id image stays gone. I am a newbie at jQuery so any advice or tips would be greatly appreciated.

ps. I only have the code hooked up to the "home" button right now.

Thanks,

Clint

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend