jQuery mobile not displayed correctly -

-

i'm attempting use jquery mobile described @ a bottom navbar in jquery mobile looking iphone navbar, possible?.

heres code, tried adding code 1 file : 

<html> <head>    <style type="text/css"> .nav-glyphish-example .ui-btn .ui-btn-inner {     padding-top: 40px !important;  }  .nav-glyphish-example .ui-btn .ui-icon {      width: 45px!important;      height: 35px!important;      margin-left: -24px !important;      box-shadow: none!important;      -moz-box-shadow: none!important;      -webkit-box-shadow: none!important;     -webkit-border-radius: none !important;     border-radius: none !important;  }  #favorite .ui-icon {      background-image: url(http://glyphish.com/images/demo.png);     background-position: -345px -112px;     background-repeat: no-repeat; }  #recent .ui-icon {      background-image: url(http://glyphish.com/images/demo.png);     background-position: -9px -61px;     background-repeat: no-repeat;  }  #contacts .ui-icon {      background-image: url(http://glyphish.com/images/demo.png);     background-position: -9px -540px;     background-repeat: no-repeat;  }  #keypad .ui-icon {      background-image: url(http://glyphish.com/images/demo.png);     background-position: -9px -783px;     background-repeat: no-repeat;  }  #voicemail .ui-icon {      background-image: url(http://glyphish.com/images/demo.png);     background-position: -394px -733px;     background-repeat: no-repeat;  }   </style>     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>   <script type="text/javascript" src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js"></script>  </head>  <body>  <div data-role="page">       <div data-role="content">          <div data-role="footer" class="nav-glyphish-example">              <div data-role="navbar" class="nav-glyphish-example" data-grid="d">              <ul>                  <li><a href="#" id="favorite" data-icon="custom">favorite</a></li>                  <li><a href="#" id="recent" data-icon="custom">recent</a></li>                  <li><a href="#" id="contacts" data-icon="custom">contacts</a></li>                  <li><a href="#" id="keypad" data-icon="custom">keypad</a></li>                  <li><a href="#" id="voicemail" data-icon="custom">voicemail</a></li>              </ul>              </div>          </div>       </div>  </div> ​  </body> </html>

but output not being displayed correctly :

enter image description here

you should include:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />

Comments

Post a Comment

Popular posts from this blog

jasper reports - Fixed header in Excel using JasperReports -

-
how can create excel report fixed header using japserreports? mean need header fixed when scroll excel file. this possible adding couple properties in jrxml file each report. take @ advanced excel features freeze panes. if wanted freeze after first column header (down left side basically) this: <statictext> <reportelement style="sans_bold" mode="opaque" x="0" y="60" width="104" height="20" forecolor="#ffffff" backcolor="#666666"> <property name="net.sf.jasperreports.export.xls.auto.filter" value="start"/> <property name="net.sf.jasperreports.export.xls.column.width" value="110"/> <property name="net.sf.jasperreports.export.xls.freeze.column.edge" value="left"/> </reportelement> &
Read more

media player - Android: mediaplayer went away with unhandled events -

-
i need duration of audio file series of voice announcements need play app. have added audio files resources , play fine. sample code below works perfect intended purpose: return duration of audio files. here code: float getdurationofaudioresource(locationenum loc, context context){ float duration = 0; try { mediaplayer mp; mp = mediaplayer.create(context, getaudioresource(loc)); duration = mp.getduration(); mp.release(); mp = null; } catch (illegalstateexception e) {e.printstacktrace(); logerror(25, "testdescitem:fault::could not open mediaplayer object audio resource.");} return duration; } here's weird thing. code called in main activity prepares set of audio instructions given test. there no errors within activity. second activity called, long string of errors on logcat. 03-07 13:23:43.820: i/actionlogger(21435): gentest_info_test #0 created. 03-07 13:23:43.830: i/actionlogger(21435): gente
Read more

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -

-
import pyodbc,nltk,array cnxn = pyodbc.connect('driver={mysql odbc 5.1 driver};server=127.0.0.1;port=3306;database=information_schema;user=root; password=1234;option=3;') cursor = cnxn.cursor() cursor.execute("use collegedatabase ;") cursor.execute("select * sampledata ; ") cnxn.commit() s=[] j=[] x=[] words = [] w = [] sfq = [] pos=[] entry in cursor: s.append(entry.injury_type),j.append(entry.injury_desc) nltk.tokenize import punktwordtokenizer nltk.corpus import stopwords tokenizer = punktwordtokenizer() english_stops = set(stopwords.words('english')) in range(0,26): # filter stop words tokenizer.tokenize(j[i]) w.append([word word in tokenizer.tokenize(j[i]) if word not in english_stops]) in range(0 , 26):#converting tokenzied text ito string sfq.append(" ".join(w[a])) replacers import regexpreplacer replacer = regexpreplacer() in range (0,26):#pos tagging replacer.repl
Read more