i decided include chocolatechip-ui because of navigation features, seems not working.
as may see in web example works, doesn't on dukescript.
.icon.help { background-image: url('https://cdn2.iconfinder.com/data/icons/bitsies/128/info-128.png'); } .icon.config { background-image: url('https://cdn1.iconfinder.com/data/icons/technology-and-hardware-2/200/vector_66_14-128.png'); } .icon.about { background-image: url('https://cdn0.iconfinder.com/data/icons/news-and-magazine/512/about_us-128.png'); }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77047/chui-3.0.4.min.js"></script> <link href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77047/chui.ios-3.0.4.min.css" rel="stylesheet" /> <nav class='current'> <h1 id='maintitle'>unnofficial oracle pl/sql developer certified associate simulator</h1> </nav> <article id="main" class="current"> <h1 class="master">menú principal</h1> <ul class="list"> <li class="comp" data-goto="config"> <aside> <span class="icon config"></span> </aside> <h3>configuración</h3> </li> <li class="comp" data-goto="help"> <aside> <span class="icon help"></span> </aside> <h3>ayuda</h3> </li> <li class="comp" data-goto="about"> <aside> <span class="icon about"></span> </aside> <h3>acerca de...</h3> </li> </ul> <p>la mayoría de las marcas mencionadas son propiedad de © oracle inc.</p> <p>este simulador de exámen está basado en mi propio conocimiento y podría no ajustarse sus encesidades específicas.</p> </article> <nav class="next"> <a href="#" class="button back">menú</a> <h1 id='recipetitle'>ayuda</h1> </nav> <article id="help" class="next"> <section> <h2>ayuda</h2> <ul class="list"> <li> <ul id='ingredients'></ul> </li> </ul> <h2>directions</h2> <ul class="list"> <li> <ol id='directions'></ol> </li> </ul> </section> </article> <nav class="next"> <a href="#" class="button back">menú</a> <h1 id='recipetitle'>configuración</h1> </nav> <article id="config" class="next"> <section> <h2>configuración</h2> <button value="some button" /> <h2>directions</h2> <ul class="list"> <li> <ol id='directions'></ol> </li> </ul> </section> </article> <nav class="next"> <a href="#" class="button back">menú</a> <h1 id='recipetitle'>acerca de...</h1> </nav> <article id="about" class="next"> <section> <h2>acerca de...</h2> <button value="some button" /> <h2>¿quien hizo esta app?</h2> <p> esta aplicación fue hecha por ruslan lópez </p> </section> </article>code
html:
<meta name="apple-mobile-web-app-title" content="oca"> <title>simulador no oficial para la certificación de pl/sql</title> <style> .icon.help { background-image: url('https://cdn2.iconfinder.com/data/icons/bitsies/128/info-128.png'); } .icon.config { background-image: url('https://cdn1.iconfinder.com/data/icons/technology-and-hardware-2/200/vector_66_14-128.png'); } .icon.about { background-image: url('https://cdn0.iconfinder.com/data/icons/news-and-magazine/512/about_us-128.png'); } </style> <link href="css/chui/chui-ios-3.8.0.min.css" rel="stylesheet" type="text/css"> <script src="js/jquery-2.1.4.min.js" type="text/javascript"></script> <script src="js/chui/chui-3.8.0.min.js" type="text/javascript"></script> </head> <body contenteditable="true"> <nav class='current'> <h1 id='maintitle'>simulador no oficial para la certificación de pl/sql</h1> </nav> <article id="main" class="current"> <h1 class="master">menú principal</h1> <ul class="list"> <li class="comp" data-goto="config"> <aside> <span class="icon config"></span> </aside> <h3>configuración</h3> </li> <li class="comp" data-goto="help"> <aside> <span class="icon help"></span> </aside> <h3>ayuda</h3> </li> <li class="comp" data-goto="about"> <aside> <span class="icon about"></span> </aside> <h3>acerca de...</h3> </li> </ul> <p>la mayoría de las marcas mencionadas son propiedad de © oracle inc.</p> <p>este simulador de exámen está basado en mi propio conocimiento y podría no ajustarse sus encesidades específicas.</p> </article> <nav class="next"> <a href="#" class="button back">menú</a> <h1 id='recipetitle'>ayuda</h1> </nav> <article id="help" class="next"> <section> <h2>ayuda</h2> <ul class="list"> <li> <ul id='ingredients'></ul> </li> </ul> <h2>directions</h2> <ul class="list"> <li> <ol id='directions'></ol> </li> </ul> </section> </article> <nav class="next"> <a href="#" class="button back">menú</a> <h1 id='recipetitle'>configuración</h1> </nav> <article id="config" class="next"> <section> <h2>configuración</h2> <button value="some button" /> <h2>directions</h2> <ul class="list"> <li> <ol id='directions'></ol> </li> </ul> </section> </article> <nav class="next"> <a href="#" class="button back">menú</a> <h1 id='recipetitle'>acerca de...</h1> </nav> <article id="about" class="next"> <section> <h2>acerca de...</h2> <button value="some button">sss </button> <h2>¿quien hizo esta app?</h2> <p> esta aplicación fue hecha por ruslan lópez </p> </section> </article> <!-- ${browser.bootstrap} --> </body> </html> java:
for java erased things example code generated project.
package com.codermasters.simulators.ocaplsql; import net.java.html.json.computedproperty; import net.java.html.json.function; import net.java.html.json.model; import net.java.html.json.property; import com.codermasters.simulators.ocaplsql.js.dialogs; /** model annotation generates class data * 1 message property, boolean property , read words property */ @model(classname = "data", targetid="", properties = { @property(name = "message", type = string.class), @property(name = "rotating", type = boolean.class) }) final class datamodel { //preguntasfelices //pregunta //categoría //respuestas // mensaje // es aceptable @function static void showscreensize(data model) { model.setmessage(dialogs.screensize()); } private static data ui; /** * called when page ready. */ static void onpageload() throws exception { ui = new data(); ui.setmessage("hello world html , java!"); ui.applybindings(); } } is possible fix javascript navigation?
Comments
Post a Comment