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

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

48 未回答やベストアンサーなし質問
絞り込み
並べ替え
タグ付けされた
4
0 回答
315 閲覧数

Monaca+Angular+OnsenUIで、input が type="password"のとき、jQueryで値が正しく取得できない

Angular+OnsenUIで、input が type="password"のとき、以下のいずれの方法でも最後の文字が、パスワードの隠し文字に化けます。 jQuery("#passwordInput").val() jQuery("#passwordInput").prop('value') 具体的なHTML <input type="password" id="...
Hitomi's user avatar
  • 41
4
0 回答
2,823 閲覧数

ONSEN UI + JQueryのタブ切り替え時のons.readyとscriptについて

お世話になります。 MoancaIDEでiOS/Android向けアプリを開発中ですが、頻繁にJQueryによるAjax通信が動作しなくなり原因がわからず困っています。 というのも、そもそも別ページに記載したjavascriptが動作していないのではないかという疑念です。 環境:MoancaIDE / Chrome 40.0.2214.93 m Cordova 4.1.0 ONSEN UI 1....
Hiroyuki Ishiyama's user avatar
3
1 回答
282 閲覧数

Monaca(Onsen UI)で左右にスライディングメニュー表示した場合のスワイプで閉じた時の挙動について

スライディングメニューを左右に配置した場合、 左側をスワイプ操作で閉じるときは問題なくスムーズなのですが、 右側をスワイプ操作で閉じようとすると、 左側のスライディングメニューが開いてしまいます。 例) http://databasefaq.com/index.php/answer/103174/onsen-ui-how-to-implement-two-slide-menu-on-both-...
Kentaro Yamamoto's user avatar
3
0 回答
262 閲覧数

monacaでons-toolbarが画面外に消えてしまう。

iosで発生する問題となります。 monaca(onsenui)でテキストエリアなどにフォーカスした場合にキーボードが起動しますが、 キーボードが起動した状態で画面をスクロールするとons-toolbarが画面外に移動してしまいます。 こちら回避方法あるでしょうか。
のぐそん's user avatar
3
0 回答
558 閲覧数

ons-lazy-repeat アイテムの高さを自動にできないのでしょうか?

表示するデータ量がアイテムごとに違う場合、アイテムの高さを自動にできないでしょうか? ons.bootstrap(); var dataList = new Array(); $.getJSON("test.json", function(data){ dataList = data; }); app.controller('MyCtrl', ['$scope', ...
user9675's user avatar
2
0 回答
232 閲覧数

pushPage後のcss変更タイミングを早めるには?

「Onsen UI最小限のテンプレート」を元に、2ページ間を前後に行き来するアプリを作りました。 それぞれのページに異なる画像を1枚ずつ貼り付けていて、page1.htmlのons-buttonのクリックでpage2.htmlに遷移した際に画像を50%に縮小して表示させたいのですが、私が書いたコードでは一旦100%サイズで表示してから一瞬遅れて50%で再描画されます。 pushPage後、...
PowerYOGA's user avatar
2
0 回答
201 閲覧数

OnsenUI v1.2.1 にアップデート後、エラー

OnsenUI v1.1.4 → v1.2.1 にアップデートしたところ、 TypeError: object is not a function at Object.CALL_NON_FUNCTION (native) at file:///data/data/mobi.monaca.debugger/files/projects/cloud/******/www/...
ios's user avatar
  • 29
1
1 回答
417 閲覧数

frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい

iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して 動画再生したいのですが、可能でしょうか。 現状、直接的にビデオIDを指定する方法が分からなかったので、 仕方なくSelectBoxを使っております。 (SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)  ※以下参照 これを、SelectBoxを使用せずに、...
user20708's user avatar
1
0 回答
121 閲覧数

MonacaアプリのiCloudへのバックアップ

単純な質問なのですが、Monacaで作ったアプリはiCloudでバックアップ可能とありますが、どのデータをバックアップするのでしょうか? Localstrage内にある、WEB SQLやIndexedDBにあたるのでしょうか?
user19733's user avatar
1
0 回答
106 閲覧数

ons-pull-hookを使った際のTypeError: Cannot read property '0' of nullのエラーについて

ons-pull-hookを実装したページでTypeError: Cannot read property '0' of nullのエラーが出ます。 ons-pull-hookを実装したページからpushPageで画面遷移し、 popPageで元のページへ戻り、もう一度pushPageで画面遷移すると、下記のようなエラーが出ます。 いろいろ試し上記の原因に辿り着いた所存です。 ...
ナナシンゴ's user avatar
1
0 回答
413 閲覧数

setDeviceTokenの記述場所(組み込み場所)について

現在、MonacaでNCMBと連携したアプリ(プッシュあり)を作っているのですが、 iOSへの初回インストール後の起動時(プッシュの許可アラートが出るとき)のみ、 objectIDが取得できずに困っています。 (2度目以降の起動時には正常に取得できます。) objectIDが取得できない直接の原因は、iOSが表示させている「プッシュの許可アラート」でほぼ間違いなさそう(※)なのですが 皆さま、...
ggj_tanaka's user avatar
1
0 回答
374 閲覧数

Onsen UI 2.0 + Reactでのons-navigatorについて

Onsen UI 2.0をReactで使おうとしています。 Onsen UIのons-navigatorを利用した画面遷移を実装したいのですが、実装方法がわかりません。 リファレンスでは、ons-navigatorのvar属性を利用してnavigatorを参照できるようにしていますが、var属性はAngularのみ対応しているようです。 Reactではどのよに実装すればいいでしょうか? ...
c8112002's user avatar
  • 176
1
0 回答
167 閲覧数

onsen uiからjsonファイルをread/writeするリソースを探しています。

Jsonファイルをread/writeするクラスから インスタンスしたオブジェクトを生成し、このオブジェクトに readメソッドやwriteメソッドでファイルハンドリングすることを 想定しています。 オススメのものがありましたら、ご教授のほどお願い致します。
Akinobu Yamamoto's user avatar
1
0 回答
351 閲覧数

onsenuiのtheme切り替えがうまくいかない

お世話になります。 monacaクラウドでonsenuiのcssを変更すると画面が真っ白になってしまいました。 回復手段・確認すべき場所はどのようなものがありますか? 行った手順 Monacaクラウドでプロジェクトを開く 「ファイル」-「JS/CSSコンポーネントの追加と削除」を選択 OnsenUI(Monaca Version)Ver=1.3.11の設定ボタンをクリック 「blue-...
Shinji Horie's user avatar
1
0 回答
467 閲覧数

Visual Studio 2015でAndroid署名付きリリースビルドをするには?

Windows7でVisual Studio Community 2015を使って開発しています。 Onsen-UIを利用したハイブリッドアプリです。 Androidのデバッグビルドと署名なしのリリースビルドはできましたが、 署名ありのリリースビルドの方法がわかりません。 別のツールを使わず、可能ならVisual Studioだけで行いたいです。 Android の署名を構成するには、...
mmm's user avatar
  • 11
1
0 回答
472 閲覧数

ons-carouselで画像の拡大縮小を行いたい

現在Monacaでアプリを作成しています。 ons-carousel-itemに画像を指定してiPhoneの写真一覧みたいな 画像を拡大縮小できるカルーセルを作成しようと思っているのですが、 可能でしょうか?お分かりになる方ご教示ください。
MxxxxxFxxxxx's user avatar
1
0 回答
173 閲覧数

onsenUIのnavigatorがChromeアプリでうまく機能していない

開発環境 ⇒Monacaクラウド 新規プロジェクトのテンプレート ⇒Onsen UI最小限のテンプレート(ユニバーサルアプリ対応版) 上記内容で新規プロジェクトを作成し、そのままChormeアプリビルドを行い Choromeアプリを実行したところ、何も表示されませんでした。 (onsenuiのnavigatorがうまく機能していないように見えるんですがindex....
enya's user avatar
  • 43
1
0 回答
290 閲覧数

Monaca+OnsenUIアプリのios9でのタップ反応が悪化(セレクトピッカーが出ない)

セレクトピッカーが反応する部分のコードは以下になります。 <div class="mod_form"> <form> <div class="mod_form_select"> <select class="Select2" name="sample1" select id="select_test" onchange="getS(this,'...
AIA's user avatar
  • 21
1
0 回答
745 閲覧数

<ons-page>でのスクロールバーの表示

onsen-uiの<ons-page>を使用すると、ページが1画面以上ある場合もスクロールバーが表示されないのですが、表示させるにはどのような方法があるでしょうか? ※onsen-uiをスマホ/PCのレスポンシブで製作を行っております。  スマホの場合はスクロールバーがなくてもよいのですが、PCの場合は、ユーザビリティの観点でスクロールバーを表示させたいと考えております。
user12234's user avatar
1
0 回答
307 閲覧数

Webサービスでonsenuiを使いたいのですが、buildするとcssが適用されません。

monacaでアプリ制作が一段落ついたので、アプリと連携したブラウザで動くWebサービスを開発しようとしています。 Webサプリのひな形はyeoman-angularで作成し、 bower install onsenui --save としonsenuiをダウンロードし、index.htmlでonsenui.jsとonsenui.cssとonsen-css-components....
oxygen8's user avatar
  • 336
1
0 回答
299 閲覧数

OnsenUI + Android4.0〜4.3でチェックボックスのアニメーションが遅い

ons-page内に以下のようなチェックボックスを配置してクリックした場合、iOSでは即時チェックマークが表示されますが、Androidではワンテンポ遅れて表示されます。 FastClickが入ってないCheckboxをクリックするイメージが近いかと思います。 <label class="checkbox"> <input type="checkbox"> ...
gsjp21's user avatar
  • 45
1
0 回答
321 閲覧数

ONSEN UIでカメラロールのようなUI実装は可能ですか?

ONSEN UIでカメラロールのようなUI実装事例を探しています。 見つからなかったので、擬似的に以下のコードで実現しています。 <ons-list-item class="item" ng-repeat="i in [1,2,3,4,5]"> <ons-row> <...
Akinobu Yamamoto's user avatar
1
0 回答
201 閲覧数

ons.notification.alert表示中にAndroid端末のbackボタン

よろしくお願い致します。 onsen-ui、AnglarJS、cordovaを利用してAndroidアプリを開発しています。 Android端末の backボタンの取扱いについて苦慮しています。 メインとなるページ(ons-pageで定義)に関しては、ng-device-backbutton属性を 指定することで、アプリ終了の確認メッセージを表示できているのですが、 ons....
hi-nomal's user avatar
1
0 回答
167 閲覧数

<ons-navigator>と<ons-template>を指定したアラートダイアログ

ons-navigatorタグとons-templateタグを指定するとアラートダイアログが利用できません。 http://codepen.io/anon/pen/mJxEWN ons.bootstrap() .controller('NotificationController', function($scope) { $scope.alert = ...
tackflow's user avatar
1
0 回答
245 閲覧数

ons-gesture-detectorで捕捉したイベントの発生元DOMを取得したい

monaca+onsen-ui初心者です。 ons-gesture-detectorであるページでのタップ操作のイベントを補足して、そのイベント発生元ページのDOMをJavescriptで操作したいのですが、DOMを取得するにはどうすればよいのでしょうか? イベントハンドラ内でdocumentやイベントオブジェクトをダンプしてみたのですが、 対象のDOMが見つかりませんでした。 ...
snfkn's user avatar
  • 11
1
0 回答
105 閲覧数

ons-bottunをふたつ配置すると片方のボタンがクリックすらできない

なぜこんなことが起こるのか全くわかりませんが、 表題のようにボタンがテキスト扱いのようになりクリックすらできなくなります。 <ons-button modifier="large" class="login-button" ng-click="myNavi.pushPage('test.html', {animation: 'slide', user: user});">もっとみる&...
komatsu's user avatar
  • 21
1
0 回答
190 閲覧数

onsenUIをbrowserifyでrequireするには?

onsenUIをbrowserifyで使うには、どのようにrequireすればよいのでしょうか? ons = require 'onsenui' 上の記述だけでは、consoleに Uncaught TypeError: Cannot read property 'documentElement' of undefined というエラーが出ます。 onsenはbowerで入れました。 ...
taxi's user avatar
  • 11
1
0 回答
597 閲覧数

ons-back-buttonのカスタマイズについて

ons-back-buttonをons-buttonに使用しているCSSと同様のカスタマイズを行いたいと思いますが、 modifierによる方法が使えないためどのように行えばいいか、教えていただけますでしょうか?
user9587's user avatar
1
0 回答
374 閲覧数

Onsen UI tabberのホームに動的にリンクを読み込み、イベントを生成したい

初めて質問をさせていただきます。 バックエンドから読み込んだデータをpage1のulに、リンクを持ったリストとして追加します。 その後、リンクをクリックするとブラウザを起動するアプリを作成しようとしています。 しかし、リンクをクリックしてもイベントが発生しません。 index.htmlだけのファイルで作成した際は、クリックしてブラウザが起動したのですが、Onsen UI の ...
monaca勉強中's user avatar
1
0 回答
469 閲覧数

Onsen UIでページナビゲーションの中で複数のポップオーバーを使う

Moncaca + OnsenUI(Cordova4.1)環境において、ページナビゲーション(<ons-navigator>)下で複数のポップオーバー(<ons-popover>)を使用したいと考えております。 ポップオーバー1つだけなら、可能なのですが、2つポップオーバーを定義するとエラーが出てしまいます。 また、ページナビゲーションを使用しない場合は、...
HIDEKIT5095's user avatar
1
1 回答
2,168 閲覧数

onsen ui で背景画像を設定したい

Onsen UI を利用すると、style.css に body 設定で background を指定しても反映されません。 背景画像を設定したいのですが、どこかに良いサンプルはないでしょうか?
ゲストとして投稿's user avatar
0
1 回答
27 閲覧数

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

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

現在表示されているpageのidを取得するにはどうすればよいですか

ons.readyメソッド内で現在画面に表示されている、つまり<ons-navigator>内でアクティブなpageのidを取得するのはどのように書けばよろしいでしょうか。 ons.ready(function() { //ここで現在画面に表示されているpageのidを取得したい })
Naoto Omori's user avatar
0
1 回答
99 閲覧数

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

公式サイトの「スイッチの状態取得」がコピペでも動作しない様ですが、仕様変更されたのでしょうか? 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 回答
128 閲覧数

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

お世話になります。 Accordion list with OnsenUI を参考に、静的な多階層リストの生成はできました。 今回、動的な多階層リストの生成をしたく、質問させていただきます。 生成したいリストとして以下の機能を持たせたいです。 Ajaxを使用して取得したリストを表示 A1 B1 C1 D1 リストのうち1つをタップするとAjaxを使用し、...
user avatar
0
0 回答
257 閲覧数

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

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

monaca「RSSリーダー」アプリに記事画像も表示したい。

「monaca」と「nifty mobile backend」を使って、RSSリーダーアプリを作成しています。 monacaのドキュメントにあるサンプルアプリ『RSSリーダー』を参考にして作っているのですが、記事元の画像(WordPressで言うところのアイキャッチ画像)も表示したいと思っています。 ドキュメントは「タイトル・日付・概要文」のみの取得・表示となっており、...
高橋まこと's user avatar
-1
1 回答
453 閲覧数

メモ帳のサンプルにOnsenUIでタブを追加したい

お世話になります。 メモ帳のサンプルに、タブのサンプル機能を追加したいと思っております。 <ons-tabbar> <ons-tab icon="home" label="Home" page="StopWatch.html" active="true"></ons-tab> <ons-tab icon="comment" label="...
かものはし's user avatar
-1
1 回答
854 閲覧数

cordovaで画像編集できるPluginまたはJSを教えて下さい。

タイトルの通りです。 cordova上で写真画像を編集できるPluginまたはJSを探しております。 以下の画像編集機能があるものが条件です。 画像切り取り ペンでのペインティング スタンプ貼り付け 画像のモザイク 画像のタグ付け もしご存知でしたらご教授ください。 よろしくお願いいたします。
Akinobu Yamamoto's user avatar
-3
1 回答
773 閲覧数

monacaのonsenUI上でのページ内遷移は可能ですか?

現在monacaとonsenUIを用いてアプリを作成中なのですが、ページ内遷移のやり方がどうしても分からず困っています。 やり方を知っている方、教えてください。
user13135's user avatar