[onsen-ui] タグが付いた質問

携帯端末用アプリのフロントエンドをビルドする為の HTML5 フレームワーク。

218 件の質問
絞り込み
並べ替え
タグ付けされた
0
2 回答
1,242 閲覧数

Onsen UI タブからタブへの移動はできるのでしょうか?

表題の通りです。出来るのかできないのかもわかりません。 よろしくお願いします。 <ons-tabbar> <ons-tab page="home.html" active="true"> <ons-icon icon="ion-home"></ons-icon> <span style="font-size: 14px"&...
ナッツ's user avatar
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()"> <...
おじゃ's user avatar
0
1 回答
273 閲覧数

onsenUIのnavigaterとtabberの関連付けについて

onsenUIを使い始めたばかりの初心者です(angularどころか通常のjsも勉強中です)。 サンプルのOnsen UI Tabberをベースに作業を進めていますが、tabberのアイコンをタップしてページ遷移を行った際、遷移先のページではpushpageが効かなくなってしまいます。 ソースを見ると、Tabberから遷移した場合、navigaterが外れてしまう?ようです。 ...
marrymarry's user avatar
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 = ...
nagnag's user avatar
  • 1
0
1 回答
396 閲覧数

monacaデバッガーのようなボタンは

monacaデバッガーにあるような、丸いボタン(タップするとにゅっと複数のボタンが出る)は自作アプリでも利用可能でしょうか。これを実装するのに参考になるようなサイト等ありませんでしょうか。
oxygen8's user avatar
  • 336
0
1 回答
2,068 閲覧数

Monaca Onsen UI ダイアログ表示後、戻るボタンを押下すると、"Capturing backbutton-handler is failure."となる

Monaca Onsen UIにおいて、ons-dialogを使用してダイアログを表示し、Android版Monacaデバッガーの戻るボタンを押下すると、ログに"Capturing backbutton-handler is failure."と記録され、ダイアログが閉じません。 ちなみに、ons-navigatorをコメントアウトすると正常にダイアログが閉じるようですが、page1-...
otak-lab's user avatar
  • 1,448
0
1 回答
1,026 閲覧数

Onsen UI Tabbarサンプルコードが動作しない

MonacaクラウドでOnsenUIを使いnavigatorとtabbarを使ったアプリを作りたいと思っていますが、 この二つを共存させる方法がわかりません。 サンプルコードのOnsen UI Tabbarには両方が書かれているので これを参考に勉強したいのですが、 プレビュー及びiPhoneのMonacaデバッガーで動かしてみたところ、page1.htmlのボタンを押下してもnew_page....
TRNK's user avatar
  • 127
0
1 回答
2,669 閲覧数

Monaca Onsen UI でスライドメニューとタブバーを併用したい。

表題の通り、スライドメニューとタブバーを併用したいのですが、できるのでしょうか。 現在Monacaのスライドメニューサンプルアプリを元に、ナビ付きタブバーのコードを組み合わせてみたのですが、スライドメニューが表示されません。 いろいろ検索してみたのですが、該当するものが見当たりませんでしたので、宜しくお願い致します。 <ons-tabbar var="tabbar"> ...
nari's user avatar
  • 1
0
1 回答
1,303 閲覧数

OnsenUiのリストボックス

タイトルの通りなのですがOnsen-uiでのリストボックスのようなものが探しているのですが見つけることができておりません。 ご存知の方がいらっしゃいましたらご教授いただけると幸いです。 よろしくお願いいたします。
akane's user avatar
  • 79
0
1 回答
1,768 閲覧数

Monaca Onsen UI で開閉式のコンテンツを実現したい

jQuery Mobile で作成したコンテンツを、Onsen UI に移植する作業を行っています。 jQuery Mobile 側で「開閉式のコンテンツ」 <div data-role="collapsible"> の部分があるので、これを Onsen UI で実現したいと思います。 Onsen UI のコンポーネント一覧を探したところ、...
大島剛's user avatar
0
1 回答
307 閲覧数

MonacaのOnsen UIでcurrentTimeを動作させる方法を教えていただけないでしょうか?

MonacaのOnsen UI最小限のテンプレートで開発しているのですが、currentTimeが動作しません。 http://docs.monaca.mobi/ja/sampleapp/samples/#6 currentTimeで再生位置を0にし、音声ファイルを先頭から再生できるようにしたかったのですが、動作せず困っています。 currentTimeが動作しない場合audio.pause()...
lootre's user avatar
  • 95
0
1 回答
95 閲覧数

MonacaとOnsen UIで作成したアプリがメニュー切り替えすると表示されなくなる

【作成環境】 Monaca Onsen UI Javascript jQuery 【作りたいアプリ】 TOPページにカレンダーを表示したい 【今起きている問題】 読み込み時はカレンダーが表示されているが、メニュー切り替えするとカレンダーが表示されない。 【確認したこと】 ・リロードすると表示される ・呼び出したい関数の中に挿入したconsole....
ポルポラ's user avatar
0
1 回答
67 閲覧数

ons-switch の setChecked を使用するとエラーが発生する

ons-switchのsetCheckedについて詳しく教えてほしいです。 どんなに試してもエラーしか出ません。 JavaScript B = document.getElementById("sekasi"); B.setChecked(false); HTML <ons-switch id="sekasi" onclick="...
きゅうり's user avatar
0
1 回答
103 閲覧数

スイッチの状態を取得する公式サイトのコードが動かない

公式サイトの「スイッチの状態取得」がコピペでも動作しない様ですが、仕様変更されたのでしょうか? html <ons-switch id="switch-1"></ons-switch> JS var switch = document.getElementById('switch-1'); ons.notification.alert('Value is ' + ...
ama151's user avatar
  • 1
0
1 回答
201 閲覧数

onsenuiのons-lazy-repeatで生成したons-list-item内の値を関数に渡す方法について

monaca cloudIDEでアプリ開発をしています ons-lazy-repeatで生成したons-list-itemを列挙するjavascriptを書いているのですが, このlist-itemをタップした際に実行される関数 onclick="js_list2.onClickListItem() に値を2つ以上渡す方法がわかりません(↓...
NJIMAMTO's user avatar
0
1 回答
140 閲覧数

アラートダイアログのタイトルを非表示にしたい

画像の赤丸で囲った部分を非表示にする方法はありますでしょうか?
tanaka's user avatar
  • 1
0
1 回答
480 閲覧数

v-ons-tabbar と v-ons-splitter を使って多くのページを扱いたい

onsenui初心者です。 tabbar,splitterを組み合わせて使いたいのですが、tabbarではメイン機能4つのページを切り替えて使い、splitterでは管理機能など使用頻度が低いページを複数表示して使用したいと考えています。 tabbarで表示するメイン機能4つはtabbarで切り替えできるのですが、splitterで表示する他のページへ遷移させる方法で悩んでいます。 ...
teru gou's user avatar
0
1 回答
298 閲覧数

onsen-UIが読み込まれていない?

onsen-UI使っています。 Visualstudioを使っています。 UIのスライドメニューというか、ハンバーガー?のアイコンの動きとページ偏移は、正常にできます。 でも、下記のソースのように、clickの動作とセンサーの部分が動きません。 色々ネット検索して試行錯誤していますが、解決できず困っています。 ご教授頂けましたら幸いです。 onclickのイベントは使えます。 <...
孤独なクリエイターM's user avatar
0
1 回答
477 閲覧数

ons-modalにパラメータを渡したい

monacaのonseneUIでモーダルを表示する時にパラメータを渡して、そのパラメータを表示するようにしたいのですが、うまくいきません。 公式リファレンスは読んだのですが、具体例がないのでよくわからないです。 パラメータの渡し方・取得方法を教えてください。 現在のコード <ons-page> <div ng-click="modal.show({num:1}...
yass's user avatar
  • 1
0
1 回答
351 閲覧数

OnsenUIで複数ページを使用するときの戻るボタンが実装できない

こんにちは。 Monacaのアプリ製作プラットフォームを使っています。 使用しているJSフレームワークは、OnsenUI V2 JS Minimumです。 OnsenUIで複数ページを設定して、飛ぶ先のページに × のようにページを消して戻る仕組みを作っています。具体的には、index.html→page1.html→index.htmlという風に母体のindex.htmlに戻れるようにしたいです。...
フクロウくん's user avatar
0
1 回答
313 閲覧数

NCMBで、条件を指定して件数のカウントをしたい

NCMB(NIFTY Cloud mobile backend)のデータストアから、 条件を指定して件数を取得したいのですが、そのようなことは可能でしょうか。 具体的な例を以下に記載します。 name | date ------------- A | 6/1 A | 6/2 A | 7/1 B | 6/1 上記のようなクラスがあった場合に、 [name] 毎に ...
Taka M's user avatar
  • 9
0
1 回答
529 閲覧数

onsenUIを使ったWebサイトを作成する際、ページごとにファイルを分割したい

はじめまして。 onsenUIを使用してWebページを作成しています。 monacaでの開発の際には、ons-navigatorを使用してindex.htmlとは別のファイルを作成してpushPage()等できたのですが、Webページでは以下のエラーが出てしまい、動作しません。 ===== XMLHttpRequest cannot load file:///xxxx/xxx/xxxx/...
asterK's user avatar
  • 25
0
1 回答
465 閲覧数

ページスタックを自作する方法

トップページをAとして A → B → C という遷移と A → X → Y という遷移があります。 それぞれはpushPage()とpopPage()で行き来できます。 今回、CからYに遷移させたいのですが、その際の戻る操作は以下のように遷移させたいのです。 しかしその方法がわかりません。 C → Y → X → A(TOP) ページスタックを自作するなど方法はありますでしょうか?...
San zero's user avatar
0
1 回答
473 閲覧数

ons-lazy-repeat のメンバーを削除した際に詰め合わされない

複数のメンバーを持つリストから任意のメンバー削除した際、 リストのデータは削除されるのですが、空白行として残ってしまいます。 前後を詰め合わせたいのですが、どうすれば良いのでしょうか? //編集ロジック function funcRepeat($scope){ $scope.RepeatDelegate = { countItems: function() { ...
Naoyuki  Kasai's user avatar
0
1 回答
90 閲覧数

ons-lazy-repeat で itemのidを編集したい

下記の※の箇所でidの値を編集したいのですが、記述方法がわかりません。 よろしくお願いします。 function funcRepeat($scope){ $scope.RepeatDelegate = { configureItemScope: function(index, itemScope) { itemScope.a = "a"; ...
Naoyuki  Kasai's user avatar
0
3 回答
956 閲覧数

ons-switchの使い方

Monaca Cloud IDEにてプログラミングの勉強をしています。 本題ですが、ons-switchのメソッド isCheckedを使ってPタグの内容を変更しようと”monaca公式ガイドブック HTML5ハイブリッドアプリ開発”を参考にやってみましたが、上手くいきませんでした。(ons-switchは表示されていますが、Pタグの内容が変更できていません) ご教授宜しくお願いします。 &...
AquA's user avatar
  • 1
0
0 回答
282 閲覧数

Android端末でOnsenUI2.0.0のアプリ実行時にエラーが出てしまう

こんにちは、先日リリースされたOnsenUI2.0.0(正式版)を使用してアプリを作成したいと考えています。 しかし、OnsenUI2.0.0を使用するとAndroid端末でエラーメッセージが表示されてしまいます。 エラー内容が「onsenui.min.js」のpromiseがcatchされていないということはわかりましたが、どう対処してよいか分かりません。 ...
osugi's user avatar
  • 18
0
1 回答
230 閲覧数

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-...
uemon's user avatar
  • 61
0
1 回答
657 閲覧数

pushPageとpopPageで別のアニメーションを設定したい

こんにちは、MonacaでOnsenUIを使用してアプリを開発しています。 ons-navigatorのpushPageメソッドを使用して画面遷移を行っています。 その際にオブジェクトでアニメーションをfadeに指定しています。 遷移後の画面からpopPageメソッドを使用して前画面に遷移する際に別のアニメーションを指定したいです。 現在記述しているコードは以下となります。 <ons-...
osugi's user avatar
  • 18
0
1 回答
491 閲覧数

monacaでスワイプ操作ができません

monacaでアプリを作りたいと思い色々な動作をさせているのですが、スワイプ操作ができません。 コードに何か間違いなどありましたらお教え頂けると助かります。 よろしくお願いいたします。 ※ヘッダーとボディを記載するとコードがおかしくなったため省きました index.html <meta charset="utf-8"> <meta name="viewport" ...
tonpichi's user avatar
0
1 回答
4,466 閲覧数

読み込み完了の取得について

現在、Monacaを利用したスマホアプリ開発を行っており、いくつかのページで 読み込み完了した時点で走らせたいロジックがあるのですが どうやって取得するのかわかりません。 今までこの手は、$(window).load(function(){} で大体なんとかなりましたが 今回は ons-navigator にある ons-page 内の処理となり同じ手が使えないので 質問した次第です。 ...
user17063's user avatar
  • 153
0
0 回答
1,050 閲覧数

objectタグで外部サイトを埋め込んだとき、iOSではスクロールができない

現在、Monacaを利用したスマホアプリ開発行っており、ページのいくつかは アプリ内で外部サイトを閲覧できる必要があります。(外部ブラウザはNG) その際、objectタグを利用して表示しておりますが Androidだと正常に(スクロールしてページの一番最後まで)表示できるのですが iPhoneだと最初に表示された以上の領域が表示できません。 途中で切れているので下へスクロールもできません。 ...
user17063's user avatar
  • 153
0
1 回答
1,106 閲覧数

Monaca/Onsen UI でDBの内容でons-list-itemを生成しても、一番最後の物しか表示されない

MonacaでonsenUIのons-list内のons-list-itemをDBから取得したデータで複数生成しようと考えています。 下のように記述しているのですが、ons-list-itemがJavascriptのfor文の最後の周回で取得した物しか生成されません。 初心者でわからないことだらけなので、助言していただければ大変ありがたいです。 よろしくお願いします。 index.html &...
PKPK-Carnage's user avatar
0
0 回答
64 閲覧数

monaca/onsen-ui で一覧ページのデータを詳細ページで使いたい [重複]

現在Monaca/onsen-uiにてアプリ開発をしております。 一覧ページで取得したデータを詳細ページでも使いたいのですがうまくいかなくて困っております。 var app = ons.bootstrap(); app.controller('MyCtrl', ['$scope', '$http', '$q', function($scope, $http, $q) { $scope....
GATU's user avatar
  • 1
0
0 回答
1,162 閲覧数

Monaca/Onsen UI で jQuery での操作が出来ない場合がある

Onsen UIのタブバーテンプレートから開発を進めていますが jQueryで要素にアクセスするのに困っています。 Monaca/Onsen UI/Angularjs 全て初心者で何を掲載するべきか分からないため 該当すると思われるコード箇所を記載致します。 他ページでは$(function () {〜による表示時のjQueryの実行もできています。 // Controller ...
Git6's user avatar
  • 1
0
1 回答
225 閲覧数

現在のページと関係ないprepopが呼び出される

CordovaとOnsen UIでアプリを開発しています。 親画面→詳細画面→子画面の構造になっており、詳細画面→親画面へ戻る場合のみに以下の処理を行いたいのですが、どのように実装すればよいでしょうか。 以下のコードは詳細画面のcontroller内に記載しています。 myNavigator.on('prepop', function(event) { $interval.cancel(...
raimtoon's user avatar
  • 175
0
1 回答
728 閲覧数

monacaでAngularJSの使い方

現在、monacaでAngularJSを使用しております。 angulerJSを複数のページで使用してプログラムを起動したいのですが、うまくいかないことがあります。 例えば、Onsen UI Sliding Menuを使ってpage1.htmlにはアラートで1ページと表示させて、page2.htmlにはアラートで2ページと表示させようとするにはどうすればよろしいですか? ...
donadesu's user avatar
0
2 回答
1,556 閲覧数

onsen uiのons-list-itemタグのmodifierに関して

Monacaのonsen uiを使用しています。 ons-list-itemタグのmodifierの内容を動的に変更したいのですが、可能なのでしょうか? pageinitで、$('#ons-list-item').attr('modifier', 'chevron')をしても、console.log上は変更されていますが、画面は">"マークが出てこなく、クリックしても反応しません。 ...
ash's user avatar
  • 3
0
1 回答
261 閲覧数

Cordova/OnsenUI ListでGoogleグラフを表示したい

こんにちは Onsen-UIとGoogle Chartsを利用してリスト形式で複数のグラフを表示しようとしていますが、うまく表示されません。 リストの外に表示させたらうまく表示されたためリストの場合の書き方が悪いと思うのですが、原因やヒントをご存知の方いましたらご教授いただけないでしょうか。 注)...
raimtoon's user avatar
  • 175
0
1 回答
136 閲覧数

popPageした際に呼び出し元の画面で処理を行う方法

こんにちは Onsen-UIを使用して下記のようにページをプッシュしています。 myNavigator.pushPage("add.html", options); またプッシュされたページで以下のようにpopPageで画面を終了していますが、この時に呼び出し元の画面で処理を行うにはどうしたらいいですか? myNavigator.popPage(); ...
raimtoon's user avatar
  • 175
0
1 回答
470 閲覧数

画面レイアウトが崩れる

こんにちは Cordova+Onsen UIでモバイルアプリを作成しています。 sqliteデータベースを読み込んでリスト形式で出力しようとしていますが、iOSエミュレータで実行すると図1のように画面レイアウトが崩れてしまいます。 図1 $scope.itemTableに固定のデータをセットすると綺麗に描画されるので ソースコードのどこかが間違っているのだと思いますが ...
raimtoon's user avatar
  • 175
0
1 回答
687 閲覧数

onsen UIのradio buttonにおいてcssが効かない

monaca及びonsen uiを使用して開発をしておりますが、なぜかラジオボタンのcssがうまく機能しません。 ラジオボタンが円丸のもののままで、またlabelが機能しません。 以下がコードになりますが、修正点ご教示頂ければ幸いです。 初歩的な質問で恐縮ですが、宜しくお願い申し上げます。 <ons-template id="radio.html"> <ons-page id="...
orobianco's user avatar
0
1 回答
1,094 閲覧数

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"></...
orobianco's user avatar
0
1 回答
1,049 閲覧数

Onsen-UI の検索テキストコントロール(Search Input)に文字クリアボタンを実装したい

Onsen-UIの検索テキストコントロール(Search Input)内に文字をクリアするボタンをつけたいです。下記サイトを参考にしましたが、ボタンがコントロール外に表示されてしまいます。アドバイスを頂ければ幸いです。 参考ページ https://stackoverflow.com/questions/21708689/clear-text-input-on-click-with-...
yuzu's user avatar
  • 89
0
1 回答
257 閲覧数

OnsenUiの確認ダイアログ内の処理が即時反映されない

いつもお世話になっております。開発環境Monacaです。Monaca公式ガイドブックのサンプルアプリに、追加機能としてOnsenUiの確認ダイアログを実装したものの、その処理内容が画面に即時反映されません。 ●対象サンプルアプリ Monaca公式ガイドブック10-2「バーコードスキャナーアプリ」 https://ja.monaca.io/book/zip/10-2.zip ●追加した機能 ...
yuzu's user avatar
  • 89
0
1 回答
1,663 閲覧数

ajaxで要素を動的に追加した際に、onsen UIのcssが効かない

アプリ開発初心者です。 monaca, onsen UIを使用して開発をしております。 具体的には、ajaxを使ってデータベースにアクセスし、値の取り出しに成功した場合は指定したタグに要素を追加して表示させるといったプログラムを組もうとしております。 値の取り出しに成功して表示するまではうまくいくのですが、動的にタグに要素を追加した場合、onsen UIで設定してあるcssがうまく効かず、...
orobianco's user avatar
0
0 回答
306 閲覧数

AngularJS+OnsenUIで動的に多階層リストを生成したい

お世話になります。 Accordion list with OnsenUI を参考に、静的な多階層リストの生成はできました。 今回、動的な多階層リストの生成をしたく、質問させていただきます。 生成したいリストとして以下の機能を持たせたいです。 Ajaxを使用して取得したリストを表示 A1 B1 C1 D1 リストのうち1つをタップするとAjaxを使用し、...
user avatar
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ページに動作しなくなってしまいました。 どのようにすれば、動作するようになるのでしょうか。 ...
slowlifepapa's user avatar
0
0 回答
259 閲覧数

iPad(ios9.2)におけるons-pull-hookの挙動

Monacaで作成したアプリで挙動がおかしくなりました。 iPad(ios9.1)の頃は滑らかに動いていたアプリが、ios9.2にアップデートしたあたりでons-pull-hookを使用しているリストのスクロールがガクガクするようになりました。 Onsen UIのバージョンは1.3.0です。 ・上下のスワイプでリストをスクロールさせ、スクロール中に再度上下のスワイプを行うと、...
八木沼善木's user avatar
0
1 回答
568 閲覧数

OnsenUI上のHTML下のセグメントで別のHTMLを表示させる領域を確保するには

OnsenUIのCSSドキュメントにセグメントの項目がありますがセグメントの項目をタップすることでセグメントより下部分に対応したページを表示させたいと思っています。わからないことはセグメントによるページ遷移とセグメントを配置しているページ領域に別のhtmlを読み込ませる方法です。わからないのでどなたかご教授をお願いします。
Nao Tera's user avatar