[onsen-ui] タグが付いた質問
219
質問
0
票
2
回答
1,237
閲覧数
Onsen UI タブからタブへの移動はできるのでしょうか?
表題の通りです。出来るのかできないのかもわかりません。
よろしくお願いします。
<ons-tabbar>
<ons-tab page="home.html" active="true">
<ons-icon icon="ion-home"></ons-icon>
<span style="font-size: 14px"&...
0
票
1
回答
111
閲覧数
スライディングメニューのテンプレートを使っているのですがleft側のForm1.htmlへ画面が飛びません。どうすれば切り替わるようになるでしょうか?
<ons-page>
<ons-page style="background-color: #FFF0F5">
<ons-toolbar>
<div class="right">
<ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()">
<...
0
票
1
回答
273
閲覧数
onsenUIのnavigaterとtabberの関連付けについて
onsenUIを使い始めたばかりの初心者です(angularどころか通常のjsも勉強中です)。
サンプルのOnsen UI Tabberをベースに作業を進めていますが、tabberのアイコンをタップしてページ遷移を行った際、遷移先のページではpushpageが効かなくなってしまいます。
ソースを見ると、Tabberから遷移した場合、navigaterが外れてしまう?ようです。
...
0
票
1
回答
361
閲覧数
monacaのonsenui のrangeタグの連動
angularjs と onsenui のrangeタグを使ってコントローラと連動させようとしていますが、抜粋しますと、html側で
<input type="range" class="range" max=100 ng-model="playtime" ng-change="rangeChange()">
と書いて、コントローラ側で
$scope.rangeChange = ...
0
票
1
回答
395
閲覧数
monacaデバッガーのようなボタンは
monacaデバッガーにあるような、丸いボタン(タップするとにゅっと複数のボタンが出る)は自作アプリでも利用可能でしょうか。これを実装するのに参考になるようなサイト等ありませんでしょうか。
0
票
1
回答
2,060
閲覧数
Monaca Onsen UI ダイアログ表示後、戻るボタンを押下すると、"Capturing backbutton-handler is failure."となる
Monaca Onsen UIにおいて、ons-dialogを使用してダイアログを表示し、Android版Monacaデバッガーの戻るボタンを押下すると、ログに"Capturing backbutton-handler is failure."と記録され、ダイアログが閉じません。
ちなみに、ons-navigatorをコメントアウトすると正常にダイアログが閉じるようですが、page1-...
0
票
1
回答
1,024
閲覧数
Onsen UI Tabbarサンプルコードが動作しない
MonacaクラウドでOnsenUIを使いnavigatorとtabbarを使ったアプリを作りたいと思っていますが、
この二つを共存させる方法がわかりません。
サンプルコードのOnsen UI Tabbarには両方が書かれているので
これを参考に勉強したいのですが、
プレビュー及びiPhoneのMonacaデバッガーで動かしてみたところ、page1.htmlのボタンを押下してもnew_page....
0
票
1
回答
2,669
閲覧数
Monaca Onsen UI でスライドメニューとタブバーを併用したい。
表題の通り、スライドメニューとタブバーを併用したいのですが、できるのでしょうか。
現在Monacaのスライドメニューサンプルアプリを元に、ナビ付きタブバーのコードを組み合わせてみたのですが、スライドメニューが表示されません。
いろいろ検索してみたのですが、該当するものが見当たりませんでしたので、宜しくお願い致します。
<ons-tabbar var="tabbar">
...
0
票
1
回答
1,303
閲覧数
OnsenUiのリストボックス
タイトルの通りなのですがOnsen-uiでのリストボックスのようなものが探しているのですが見つけることができておりません。
ご存知の方がいらっしゃいましたらご教授いただけると幸いです。
よろしくお願いいたします。
0
票
1
回答
1,765
閲覧数
Monaca Onsen UI で開閉式のコンテンツを実現したい
jQuery Mobile で作成したコンテンツを、Onsen UI に移植する作業を行っています。
jQuery Mobile 側で「開閉式のコンテンツ」
<div data-role="collapsible">
の部分があるので、これを Onsen UI で実現したいと思います。
Onsen UI のコンポーネント一覧を探したところ、...
0
票
1
回答
307
閲覧数
MonacaのOnsen UIでcurrentTimeを動作させる方法を教えていただけないでしょうか?
MonacaのOnsen UI最小限のテンプレートで開発しているのですが、currentTimeが動作しません。
http://docs.monaca.mobi/ja/sampleapp/samples/#6
currentTimeで再生位置を0にし、音声ファイルを先頭から再生できるようにしたかったのですが、動作せず困っています。
currentTimeが動作しない場合audio.pause()...
0
票
1
回答
78
閲覧数
MonacaとOnsen UIで作成したアプリがメニュー切り替えすると表示されなくなる
【作成環境】
Monaca
Onsen UI
Javascript
jQuery
【作りたいアプリ】
TOPページにカレンダーを表示したい
【今起きている問題】
読み込み時はカレンダーが表示されているが、メニュー切り替えするとカレンダーが表示されない。
【確認したこと】
・リロードすると表示される
・呼び出したい関数の中に挿入したconsole....
0
票
0
回答
22
閲覧数
現在表示されているpageのidを取得するにはどうすればよいですか
ons.readyメソッド内で現在画面に表示されている、つまり<ons-navigator>内でアクティブなpageのidを取得するのはどのように書けばよろしいでしょうか。
ons.ready(function() {
//ここで現在画面に表示されているpageのidを取得したい
})
0
票
1
回答
65
閲覧数
ons-switch の setChecked を使用するとエラーが発生する
ons-switchのsetCheckedについて詳しく教えてほしいです。
どんなに試してもエラーしか出ません。
JavaScript
B = document.getElementById("sekasi");
B.setChecked(false);
HTML
<ons-switch id="sekasi" onclick="...
0
票
1
回答
102
閲覧数
スイッチの状態を取得する公式サイトのコードが動かない
公式サイトの「スイッチの状態取得」がコピペでも動作しない様ですが、仕様変更されたのでしょうか?
html
<ons-switch id="switch-1"></ons-switch>
JS
var switch = document.getElementById('switch-1');
ons.notification.alert('Value is ' + ...
0
票
1
回答
197
閲覧数
onsenuiのons-lazy-repeatで生成したons-list-item内の値を関数に渡す方法について
monaca cloudIDEでアプリ開発をしています
ons-lazy-repeatで生成したons-list-itemを列挙するjavascriptを書いているのですが,
このlist-itemをタップした際に実行される関数
onclick="js_list2.onClickListItem()
に値を2つ以上渡す方法がわかりません(↓...
0
票
1
回答
135
閲覧数
アラートダイアログのタイトルを非表示にしたい
画像の赤丸で囲った部分を非表示にする方法はありますでしょうか?
0
票
1
回答
463
閲覧数
v-ons-tabbar と v-ons-splitter を使って多くのページを扱いたい
onsenui初心者です。
tabbar,splitterを組み合わせて使いたいのですが、tabbarではメイン機能4つのページを切り替えて使い、splitterでは管理機能など使用頻度が低いページを複数表示して使用したいと考えています。
tabbarで表示するメイン機能4つはtabbarで切り替えできるのですが、splitterで表示する他のページへ遷移させる方法で悩んでいます。
...
0
票
1
回答
294
閲覧数
onsen-UIが読み込まれていない?
onsen-UI使っています。
Visualstudioを使っています。
UIのスライドメニューというか、ハンバーガー?のアイコンの動きとページ偏移は、正常にできます。
でも、下記のソースのように、clickの動作とセンサーの部分が動きません。
色々ネット検索して試行錯誤していますが、解決できず困っています。
ご教授頂けましたら幸いです。
onclickのイベントは使えます。
<...
0
票
1
回答
471
閲覧数
ons-modalにパラメータを渡したい
monacaのonseneUIでモーダルを表示する時にパラメータを渡して、そのパラメータを表示するようにしたいのですが、うまくいきません。
公式リファレンスは読んだのですが、具体例がないのでよくわからないです。
パラメータの渡し方・取得方法を教えてください。
現在のコード
<ons-page>
<div ng-click="modal.show({num:1}...
0
票
1
回答
348
閲覧数
OnsenUIで複数ページを使用するときの戻るボタンが実装できない
こんにちは。
Monacaのアプリ製作プラットフォームを使っています。
使用しているJSフレームワークは、OnsenUI V2 JS Minimumです。
OnsenUIで複数ページを設定して、飛ぶ先のページに × のようにページを消して戻る仕組みを作っています。具体的には、index.html→page1.html→index.htmlという風に母体のindex.htmlに戻れるようにしたいです。...
0
票
1
回答
307
閲覧数
NCMBで、条件を指定して件数のカウントをしたい
NCMB(NIFTY Cloud mobile backend)のデータストアから、
条件を指定して件数を取得したいのですが、そのようなことは可能でしょうか。
具体的な例を以下に記載します。
name | date
-------------
A | 6/1
A | 6/2
A | 7/1
B | 6/1
上記のようなクラスがあった場合に、
[name] 毎に ...
0
票
1
回答
522
閲覧数
onsenUIを使ったWebサイトを作成する際、ページごとにファイルを分割したい
はじめまして。
onsenUIを使用してWebページを作成しています。
monacaでの開発の際には、ons-navigatorを使用してindex.htmlとは別のファイルを作成してpushPage()等できたのですが、Webページでは以下のエラーが出てしまい、動作しません。
=====
XMLHttpRequest cannot load file:///xxxx/xxx/xxxx/...
0
票
1
回答
465
閲覧数
ページスタックを自作する方法
トップページをAとして
A → B → C
という遷移と
A → X → Y
という遷移があります。
それぞれはpushPage()とpopPage()で行き来できます。
今回、CからYに遷移させたいのですが、その際の戻る操作は以下のように遷移させたいのです。
しかしその方法がわかりません。
C → Y → X → A(TOP)
ページスタックを自作するなど方法はありますでしょうか?...
0
票
1
回答
472
閲覧数
ons-lazy-repeat のメンバーを削除した際に詰め合わされない
複数のメンバーを持つリストから任意のメンバー削除した際、
リストのデータは削除されるのですが、空白行として残ってしまいます。
前後を詰め合わせたいのですが、どうすれば良いのでしょうか?
//編集ロジック
function funcRepeat($scope){
$scope.RepeatDelegate = {
countItems: function() {
...
0
票
1
回答
90
閲覧数
ons-lazy-repeat で itemのidを編集したい
下記の※の箇所でidの値を編集したいのですが、記述方法がわかりません。
よろしくお願いします。
function funcRepeat($scope){
$scope.RepeatDelegate = {
configureItemScope: function(index, itemScope) {
itemScope.a = "a";
...
0
票
3
回答
946
閲覧数
ons-switchの使い方
Monaca Cloud IDEにてプログラミングの勉強をしています。
本題ですが、ons-switchのメソッド isCheckedを使ってPタグの内容を変更しようと”monaca公式ガイドブック HTML5ハイブリッドアプリ開発”を参考にやってみましたが、上手くいきませんでした。(ons-switchは表示されていますが、Pタグの内容が変更できていません)
ご教授宜しくお願いします。
&...
0
票
0
回答
282
閲覧数
Android端末でOnsenUI2.0.0のアプリ実行時にエラーが出てしまう
こんにちは、先日リリースされたOnsenUI2.0.0(正式版)を使用してアプリを作成したいと考えています。
しかし、OnsenUI2.0.0を使用するとAndroid端末でエラーメッセージが表示されてしまいます。
エラー内容が「onsenui.min.js」のpromiseがcatchされていないということはわかりましたが、どう対処してよいか分かりません。
...
0
票
1
回答
229
閲覧数
monaca Onsen UI で setActiveCarouselItemIndex() エラーがでます。
monaca+onsen uiで、アプリの勉強をしております。
monaca は、「Onsen UI V2 Angular 1 Minimum」を選択し、新規プロジェクトを作成しました。
参考ページとして
「Onsen UIを使ってスワイプで切り替えられるタブを実装する」
http://cly7796.net/wp/javascript/to-implement-a-tab-to-be-...
0
票
1
回答
651
閲覧数
pushPageとpopPageで別のアニメーションを設定したい
こんにちは、MonacaでOnsenUIを使用してアプリを開発しています。
ons-navigatorのpushPageメソッドを使用して画面遷移を行っています。
その際にオブジェクトでアニメーションをfadeに指定しています。
遷移後の画面からpopPageメソッドを使用して前画面に遷移する際に別のアニメーションを指定したいです。
現在記述しているコードは以下となります。
<ons-...
0
票
1
回答
489
閲覧数
monacaでスワイプ操作ができません
monacaでアプリを作りたいと思い色々な動作をさせているのですが、スワイプ操作ができません。
コードに何か間違いなどありましたらお教え頂けると助かります。
よろしくお願いいたします。
※ヘッダーとボディを記載するとコードがおかしくなったため省きました
index.html
<meta charset="utf-8">
<meta name="viewport" ...
0
票
1
回答
4,453
閲覧数
読み込み完了の取得について
現在、Monacaを利用したスマホアプリ開発を行っており、いくつかのページで
読み込み完了した時点で走らせたいロジックがあるのですが
どうやって取得するのかわかりません。
今までこの手は、$(window).load(function(){} で大体なんとかなりましたが
今回は ons-navigator にある ons-page 内の処理となり同じ手が使えないので
質問した次第です。
...
0
票
0
回答
1,046
閲覧数
objectタグで外部サイトを埋め込んだとき、iOSではスクロールができない
現在、Monacaを利用したスマホアプリ開発行っており、ページのいくつかは
アプリ内で外部サイトを閲覧できる必要があります。(外部ブラウザはNG)
その際、objectタグを利用して表示しておりますが
Androidだと正常に(スクロールしてページの一番最後まで)表示できるのですが
iPhoneだと最初に表示された以上の領域が表示できません。
途中で切れているので下へスクロールもできません。
...
0
票
1
回答
1,102
閲覧数
Monaca/Onsen UI でDBの内容でons-list-itemを生成しても、一番最後の物しか表示されない
MonacaでonsenUIのons-list内のons-list-itemをDBから取得したデータで複数生成しようと考えています。
下のように記述しているのですが、ons-list-itemがJavascriptのfor文の最後の周回で取得した物しか生成されません。
初心者でわからないことだらけなので、助言していただければ大変ありがたいです。
よろしくお願いします。
index.html
&...
0
票
0
回答
64
閲覧数
monaca/onsen-ui で一覧ページのデータを詳細ページで使いたい [重複]
現在Monaca/onsen-uiにてアプリ開発をしております。
一覧ページで取得したデータを詳細ページでも使いたいのですがうまくいかなくて困っております。
var app = ons.bootstrap();
app.controller('MyCtrl', ['$scope', '$http', '$q',
function($scope, $http, $q) {
$scope....
0
票
0
回答
1,160
閲覧数
Monaca/Onsen UI で jQuery での操作が出来ない場合がある
Onsen UIのタブバーテンプレートから開発を進めていますが
jQueryで要素にアクセスするのに困っています。
Monaca/Onsen UI/Angularjs 全て初心者で何を掲載するべきか分からないため
該当すると思われるコード箇所を記載致します。
他ページでは$(function () {〜による表示時のjQueryの実行もできています。
// Controller
...
0
票
1
回答
223
閲覧数
現在のページと関係ないprepopが呼び出される
CordovaとOnsen UIでアプリを開発しています。
親画面→詳細画面→子画面の構造になっており、詳細画面→親画面へ戻る場合のみに以下の処理を行いたいのですが、どのように実装すればよいでしょうか。
以下のコードは詳細画面のcontroller内に記載しています。
myNavigator.on('prepop', function(event) {
$interval.cancel(...
0
票
1
回答
726
閲覧数
monacaでAngularJSの使い方
現在、monacaでAngularJSを使用しております。
angulerJSを複数のページで使用してプログラムを起動したいのですが、うまくいかないことがあります。
例えば、Onsen UI Sliding Menuを使ってpage1.htmlにはアラートで1ページと表示させて、page2.htmlにはアラートで2ページと表示させようとするにはどうすればよろしいですか?
...
0
票
2
回答
1,550
閲覧数
onsen uiのons-list-itemタグのmodifierに関して
Monacaのonsen uiを使用しています。
ons-list-itemタグのmodifierの内容を動的に変更したいのですが、可能なのでしょうか?
pageinitで、$('#ons-list-item').attr('modifier', 'chevron')をしても、console.log上は変更されていますが、画面は">"マークが出てこなく、クリックしても反応しません。
...
0
票
1
回答
261
閲覧数
Cordova/OnsenUI ListでGoogleグラフを表示したい
こんにちは
Onsen-UIとGoogle Chartsを利用してリスト形式で複数のグラフを表示しようとしていますが、うまく表示されません。
リストの外に表示させたらうまく表示されたためリストの場合の書き方が悪いと思うのですが、原因やヒントをご存知の方いましたらご教授いただけないでしょうか。
注)...
0
票
1
回答
131
閲覧数
popPageした際に呼び出し元の画面で処理を行う方法
こんにちは
Onsen-UIを使用して下記のようにページをプッシュしています。
myNavigator.pushPage("add.html", options);
またプッシュされたページで以下のようにpopPageで画面を終了していますが、この時に呼び出し元の画面で処理を行うにはどうしたらいいですか?
myNavigator.popPage();
...
0
票
1
回答
468
閲覧数
画面レイアウトが崩れる
こんにちは
Cordova+Onsen UIでモバイルアプリを作成しています。
sqliteデータベースを読み込んでリスト形式で出力しようとしていますが、iOSエミュレータで実行すると図1のように画面レイアウトが崩れてしまいます。
図1
$scope.itemTableに固定のデータをセットすると綺麗に描画されるので
ソースコードのどこかが間違っているのだと思いますが
...
0
票
1
回答
687
閲覧数
onsen UIのradio buttonにおいてcssが効かない
monaca及びonsen uiを使用して開発をしておりますが、なぜかラジオボタンのcssがうまく機能しません。
ラジオボタンが円丸のもののままで、またlabelが機能しません。
以下がコードになりますが、修正点ご教示頂ければ幸いです。
初歩的な質問で恐縮ですが、宜しくお願い申し上げます。
<ons-template id="radio.html">
<ons-page id="...
0
票
1
回答
1,089
閲覧数
ajaxで動的にons-col/ons-row生成した時、onsenUIのcssの変更がうまくいかない
Monaca/onsen UIを用いてアプリ開発をしております。
ajaxで動的にons-col/ons-rowをhtmlに追加し、その際、各ons-colにcss要素の追加もしておりますが、cssの適用がうまくいかずに立ち往生しております。
以下がコードになります。
html
<ons-navigator page="top.html" var="app.navi"></...
0
票
1
回答
1,042
閲覧数
Onsen-UI の検索テキストコントロール(Search Input)に文字クリアボタンを実装したい
Onsen-UIの検索テキストコントロール(Search Input)内に文字をクリアするボタンをつけたいです。下記サイトを参考にしましたが、ボタンがコントロール外に表示されてしまいます。アドバイスを頂ければ幸いです。
参考ページ
https://stackoverflow.com/questions/21708689/clear-text-input-on-click-with-...
0
票
1
回答
255
閲覧数
OnsenUiの確認ダイアログ内の処理が即時反映されない
いつもお世話になっております。開発環境Monacaです。Monaca公式ガイドブックのサンプルアプリに、追加機能としてOnsenUiの確認ダイアログを実装したものの、その処理内容が画面に即時反映されません。
●対象サンプルアプリ
Monaca公式ガイドブック10-2「バーコードスキャナーアプリ」
https://ja.monaca.io/book/zip/10-2.zip
●追加した機能
...
0
票
1
回答
1,655
閲覧数
ajaxで要素を動的に追加した際に、onsen UIのcssが効かない
アプリ開発初心者です。
monaca, onsen UIを使用して開発をしております。
具体的には、ajaxを使ってデータベースにアクセスし、値の取り出しに成功した場合は指定したタグに要素を追加して表示させるといったプログラムを組もうとしております。
値の取り出しに成功して表示するまではうまくいくのですが、動的にタグに要素を追加した場合、onsen UIで設定してあるcssがうまく効かず、...
0
票
0
回答
300
閲覧数
AngularJS+OnsenUIで動的に多階層リストを生成したい
お世話になります。
Accordion list with OnsenUI を参考に、静的な多階層リストの生成はできました。
今回、動的な多階層リストの生成をしたく、質問させていただきます。
生成したいリストとして以下の機能を持たせたいです。
Ajaxを使用して取得したリストを表示
A1
B1
C1
D1
リストのうち1つをタップするとAjaxを使用し、...
0
票
1
回答
435
閲覧数
onsen ui のtabbarとMaster-Detailを併用したい
初心者ですみません。
monacaのOnsen UI Master-Detailのテンプレート(index.html)で、
同じくテンプレートのOnsen UI tabbarのソースをコピーし、
(ons-tabbar var="tabbar"~)貼り付けたら、
list.htmlからdetailページに動作しなくなってしまいました。
どのようにすれば、動作するようになるのでしょうか。
...
0
票
0
回答
257
閲覧数
iPad(ios9.2)におけるons-pull-hookの挙動
Monacaで作成したアプリで挙動がおかしくなりました。
iPad(ios9.1)の頃は滑らかに動いていたアプリが、ios9.2にアップデートしたあたりでons-pull-hookを使用しているリストのスクロールがガクガクするようになりました。
Onsen UIのバージョンは1.3.0です。
・上下のスワイプでリストをスクロールさせ、スクロール中に再度上下のスワイプを行うと、...