[onsen-ui] タグが付いた質問
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="...
4
票
0
回答
2,826
閲覧数
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....
3
票
1
回答
282
閲覧数
Monaca(Onsen UI)で左右にスライディングメニュー表示した場合のスワイプで閉じた時の挙動について
スライディングメニューを左右に配置した場合、
左側をスワイプ操作で閉じるときは問題なくスムーズなのですが、
右側をスワイプ操作で閉じようとすると、
左側のスライディングメニューが開いてしまいます。
例)
http://databasefaq.com/index.php/answer/103174/onsen-ui-how-to-implement-two-slide-menu-on-both-...
3
票
0
回答
263
閲覧数
monacaでons-toolbarが画面外に消えてしまう。
iosで発生する問題となります。
monaca(onsenui)でテキストエリアなどにフォーカスした場合にキーボードが起動しますが、
キーボードが起動した状態で画面をスクロールするとons-toolbarが画面外に移動してしまいます。
こちら回避方法あるでしょうか。
3
票
0
回答
559
閲覧数
ons-lazy-repeat アイテムの高さを自動にできないのでしょうか?
表示するデータ量がアイテムごとに違う場合、アイテムの高さを自動にできないでしょうか?
ons.bootstrap();
var dataList = new Array();
$.getJSON("test.json", function(data){
dataList = data;
});
app.controller('MyCtrl', ['$scope', ...
2
票
0
回答
233
閲覧数
pushPage後のcss変更タイミングを早めるには?
「Onsen UI最小限のテンプレート」を元に、2ページ間を前後に行き来するアプリを作りました。
それぞれのページに異なる画像を1枚ずつ貼り付けていて、page1.htmlのons-buttonのクリックでpage2.htmlに遷移した際に画像を50%に縮小して表示させたいのですが、私が書いたコードでは一旦100%サイズで表示してから一瞬遅れて50%で再描画されます。
pushPage後、...
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/...
1
票
1
回答
417
閲覧数
frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい
iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して
動画再生したいのですが、可能でしょうか。
現状、直接的にビデオIDを指定する方法が分からなかったので、
仕方なくSelectBoxを使っております。
(SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)
※以下参照
これを、SelectBoxを使用せずに、...
1
票
0
回答
121
閲覧数
MonacaアプリのiCloudへのバックアップ
単純な質問なのですが、Monacaで作ったアプリはiCloudでバックアップ可能とありますが、どのデータをバックアップするのでしょうか?
Localstrage内にある、WEB SQLやIndexedDBにあたるのでしょうか?
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で画面遷移すると、下記のようなエラーが出ます。
いろいろ試し上記の原因に辿り着いた所存です。
...
1
票
0
回答
415
閲覧数
setDeviceTokenの記述場所(組み込み場所)について
現在、MonacaでNCMBと連携したアプリ(プッシュあり)を作っているのですが、
iOSへの初回インストール後の起動時(プッシュの許可アラートが出るとき)のみ、
objectIDが取得できずに困っています。
(2度目以降の起動時には正常に取得できます。)
objectIDが取得できない直接の原因は、iOSが表示させている「プッシュの許可アラート」でほぼ間違いなさそう(※)なのですが
皆さま、...
1
票
0
回答
376
閲覧数
Onsen UI 2.0 + Reactでのons-navigatorについて
Onsen UI 2.0をReactで使おうとしています。
Onsen UIのons-navigatorを利用した画面遷移を実装したいのですが、実装方法がわかりません。
リファレンスでは、ons-navigatorのvar属性を利用してnavigatorを参照できるようにしていますが、var属性はAngularのみ対応しているようです。
Reactではどのよに実装すればいいでしょうか?
...
1
票
0
回答
168
閲覧数
onsen uiからjsonファイルをread/writeするリソースを探しています。
Jsonファイルをread/writeするクラスから
インスタンスしたオブジェクトを生成し、このオブジェクトに
readメソッドやwriteメソッドでファイルハンドリングすることを
想定しています。
オススメのものがありましたら、ご教授のほどお願い致します。
1
票
0
回答
353
閲覧数
onsenuiのtheme切り替えがうまくいかない
お世話になります。
monacaクラウドでonsenuiのcssを変更すると画面が真っ白になってしまいました。
回復手段・確認すべき場所はどのようなものがありますか?
行った手順
Monacaクラウドでプロジェクトを開く
「ファイル」-「JS/CSSコンポーネントの追加と削除」を選択
OnsenUI(Monaca Version)Ver=1.3.11の設定ボタンをクリック
「blue-...
1
票
0
回答
467
閲覧数
Visual Studio 2015でAndroid署名付きリリースビルドをするには?
Windows7でVisual Studio Community 2015を使って開発しています。
Onsen-UIを利用したハイブリッドアプリです。
Androidのデバッグビルドと署名なしのリリースビルドはできましたが、
署名ありのリリースビルドの方法がわかりません。
別のツールを使わず、可能ならVisual Studioだけで行いたいです。
Android の署名を構成するには、...
1
票
0
回答
477
閲覧数
ons-carouselで画像の拡大縮小を行いたい
現在Monacaでアプリを作成しています。
ons-carousel-itemに画像を指定してiPhoneの写真一覧みたいな
画像を拡大縮小できるカルーセルを作成しようと思っているのですが、
可能でしょうか?お分かりになる方ご教示ください。
1
票
0
回答
173
閲覧数
onsenUIのnavigatorがChromeアプリでうまく機能していない
開発環境
⇒Monacaクラウド
新規プロジェクトのテンプレート
⇒Onsen UI最小限のテンプレート(ユニバーサルアプリ対応版)
上記内容で新規プロジェクトを作成し、そのままChormeアプリビルドを行い
Choromeアプリを実行したところ、何も表示されませんでした。
(onsenuiのnavigatorがうまく機能していないように見えるんですがindex....
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,'...
1
票
0
回答
748
閲覧数
<ons-page>でのスクロールバーの表示
onsen-uiの<ons-page>を使用すると、ページが1画面以上ある場合もスクロールバーが表示されないのですが、表示させるにはどのような方法があるでしょうか?
※onsen-uiをスマホ/PCのレスポンシブで製作を行っております。
スマホの場合はスクロールバーがなくてもよいのですが、PCの場合は、ユーザビリティの観点でスクロールバーを表示させたいと考えております。
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....
1
票
0
回答
300
閲覧数
OnsenUI + Android4.0〜4.3でチェックボックスのアニメーションが遅い
ons-page内に以下のようなチェックボックスを配置してクリックした場合、iOSでは即時チェックマークが表示されますが、Androidではワンテンポ遅れて表示されます。
FastClickが入ってないCheckboxをクリックするイメージが近いかと思います。
<label class="checkbox">
<input type="checkbox">
...
1
票
0
回答
322
閲覧数
ONSEN UIでカメラロールのようなUI実装は可能ですか?
ONSEN UIでカメラロールのようなUI実装事例を探しています。
見つからなかったので、擬似的に以下のコードで実現しています。
<ons-list-item class="item" ng-repeat="i in [1,2,3,4,5]">
<ons-row>
<...
1
票
0
回答
201
閲覧数
ons.notification.alert表示中にAndroid端末のbackボタン
よろしくお願い致します。
onsen-ui、AnglarJS、cordovaを利用してAndroidアプリを開発しています。
Android端末の backボタンの取扱いについて苦慮しています。
メインとなるページ(ons-pageで定義)に関しては、ng-device-backbutton属性を
指定することで、アプリ終了の確認メッセージを表示できているのですが、
ons....
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 = ...
1
票
0
回答
246
閲覧数
ons-gesture-detectorで捕捉したイベントの発生元DOMを取得したい
monaca+onsen-ui初心者です。
ons-gesture-detectorであるページでのタップ操作のイベントを補足して、そのイベント発生元ページのDOMをJavescriptで操作したいのですが、DOMを取得するにはどうすればよいのでしょうか?
イベントハンドラ内でdocumentやイベントオブジェクトをダンプしてみたのですが、
対象のDOMが見つかりませんでした。
...
1
票
0
回答
105
閲覧数
ons-bottunをふたつ配置すると片方のボタンがクリックすらできない
なぜこんなことが起こるのか全くわかりませんが、
表題のようにボタンがテキスト扱いのようになりクリックすらできなくなります。
<ons-button modifier="large" class="login-button" ng-click="myNavi.pushPage('test.html', {animation: 'slide', user: user});">もっとみる&...
1
票
0
回答
191
閲覧数
onsenUIをbrowserifyでrequireするには?
onsenUIをbrowserifyで使うには、どのようにrequireすればよいのでしょうか?
ons = require 'onsenui'
上の記述だけでは、consoleに
Uncaught TypeError: Cannot read property 'documentElement' of undefined
というエラーが出ます。
onsenはbowerで入れました。
...
1
票
0
回答
599
閲覧数
ons-back-buttonのカスタマイズについて
ons-back-buttonをons-buttonに使用しているCSSと同様のカスタマイズを行いたいと思いますが、
modifierによる方法が使えないためどのように行えばいいか、教えていただけますでしょうか?
1
票
0
回答
375
閲覧数
Onsen UI tabberのホームに動的にリンクを読み込み、イベントを生成したい
初めて質問をさせていただきます。
バックエンドから読み込んだデータをpage1のulに、リンクを持ったリストとして追加します。
その後、リンクをクリックするとブラウザを起動するアプリを作成しようとしています。
しかし、リンクをクリックしてもイベントが発生しません。
index.htmlだけのファイルで作成した際は、クリックしてブラウザが起動したのですが、Onsen UI の ...
1
票
0
回答
469
閲覧数
Onsen UIでページナビゲーションの中で複数のポップオーバーを使う
Moncaca + OnsenUI(Cordova4.1)環境において、ページナビゲーション(<ons-navigator>)下で複数のポップオーバー(<ons-popover>)を使用したいと考えております。
ポップオーバー1つだけなら、可能なのですが、2つポップオーバーを定義するとエラーが出てしまいます。
また、ページナビゲーションを使用しない場合は、...
1
票
1
回答
2,174
閲覧数
onsen ui で背景画像を設定したい
Onsen UI を利用すると、style.css に body 設定で background を指定しても反映されません。
背景画像を設定したいのですが、どこかに良いサンプルはないでしょうか?
0
票
1
回答
60
閲覧数
MonacaとOnsen UIで作成したアプリがメニュー切り替えすると表示されなくなる
【作成環境】
Monaca
Onsen UI
Javascript
jQuery
【作りたいアプリ】
TOPページにカレンダーを表示したい
【今起きている問題】
読み込み時はカレンダーが表示されているが、メニュー切り替えするとカレンダーが表示されない。
【確認したこと】
・リロードすると表示される
・呼び出したい関数の中に挿入したconsole....
0
票
0
回答
17
閲覧数
現在表示されているpageのidを取得するにはどうすればよいですか
ons.readyメソッド内で現在画面に表示されている、つまり<ons-navigator>内でアクティブなpageのidを取得するのはどのように書けばよろしいでしょうか。
ons.ready(function() {
//ここで現在画面に表示されているpageのidを取得したい
})
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
回答
130
閲覧数
アラートダイアログのタイトルを非表示にしたい
画像の赤丸で囲った部分を非表示にする方法はありますでしょうか?
0
票
1
回答
290
閲覧数
onsen-UIが読み込まれていない?
onsen-UI使っています。
Visualstudioを使っています。
UIのスライドメニューというか、ハンバーガー?のアイコンの動きとページ偏移は、正常にできます。
でも、下記のソースのように、clickの動作とセンサーの部分が動きません。
色々ネット検索して試行錯誤していますが、解決できず困っています。
ご教授頂けましたら幸いです。
onclickのイベントは使えます。
<...
0
票
1
回答
467
閲覧数
ons-modalにパラメータを渡したい
monacaのonseneUIでモーダルを表示する時にパラメータを渡して、そのパラメータを表示するようにしたいのですが、うまくいきません。
公式リファレンスは読んだのですが、具体例がないのでよくわからないです。
パラメータの渡し方・取得方法を教えてください。
現在のコード
<ons-page>
<div ng-click="modal.show({num:1}...
0
票
1
回答
344
閲覧数
OnsenUIで複数ページを使用するときの戻るボタンが実装できない
こんにちは。
Monacaのアプリ製作プラットフォームを使っています。
使用しているJSフレームワークは、OnsenUI V2 JS Minimumです。
OnsenUIで複数ページを設定して、飛ぶ先のページに × のようにページを消して戻る仕組みを作っています。具体的には、index.html→page1.html→index.htmlという風に母体のindex.htmlに戻れるようにしたいです。...
0
票
1
回答
462
閲覧数
ページスタックを自作する方法
トップページをAとして
A → B → C
という遷移と
A → X → Y
という遷移があります。
それぞれはpushPage()とpopPage()で行き来できます。
今回、CからYに遷移させたいのですが、その際の戻る操作は以下のように遷移させたいのです。
しかしその方法がわかりません。
C → Y → X → A(TOP)
ページスタックを自作するなど方法はありますでしょうか?...
0
票
0
回答
281
閲覧数
Android端末でOnsenUI2.0.0のアプリ実行時にエラーが出てしまう
こんにちは、先日リリースされたOnsenUI2.0.0(正式版)を使用してアプリを作成したいと考えています。
しかし、OnsenUI2.0.0を使用するとAndroid端末でエラーメッセージが表示されてしまいます。
エラー内容が「onsenui.min.js」のpromiseがcatchされていないということはわかりましたが、どう対処してよいか分かりません。
...
0
票
0
回答
1,043
閲覧数
objectタグで外部サイトを埋め込んだとき、iOSではスクロールができない
現在、Monacaを利用したスマホアプリ開発行っており、ページのいくつかは
アプリ内で外部サイトを閲覧できる必要があります。(外部ブラウザはNG)
その際、objectタグを利用して表示しておりますが
Androidだと正常に(スクロールしてページの一番最後まで)表示できるのですが
iPhoneだと最初に表示された以上の領域が表示できません。
途中で切れているので下へスクロールもできません。
...
0
票
0
回答
1,158
閲覧数
Monaca/Onsen UI で jQuery での操作が出来ない場合がある
Onsen UIのタブバーテンプレートから開発を進めていますが
jQueryで要素にアクセスするのに困っています。
Monaca/Onsen UI/Angularjs 全て初心者で何を掲載するべきか分からないため
該当すると思われるコード箇所を記載致します。
他ページでは$(function () {〜による表示時のjQueryの実行もできています。
// Controller
...
0
票
0
回答
295
閲覧数
AngularJS+OnsenUIで動的に多階層リストを生成したい
お世話になります。
Accordion list with OnsenUI を参考に、静的な多階層リストの生成はできました。
今回、動的な多階層リストの生成をしたく、質問させていただきます。
生成したいリストとして以下の機能を持たせたいです。
Ajaxを使用して取得したリストを表示
A1
B1
C1
D1
リストのうち1つをタップするとAjaxを使用し、...
0
票
0
回答
257
閲覧数
iPad(ios9.2)におけるons-pull-hookの挙動
Monacaで作成したアプリで挙動がおかしくなりました。
iPad(ios9.1)の頃は滑らかに動いていたアプリが、ios9.2にアップデートしたあたりでons-pull-hookを使用しているリストのスクロールがガクガクするようになりました。
Onsen UIのバージョンは1.3.0です。
・上下のスワイプでリストをスクロールさせ、スクロール中に再度上下のスワイプを行うと、...
-1
票
1
回答
743
閲覧数
monaca「RSSリーダー」アプリに記事画像も表示したい。
「monaca」と「nifty mobile backend」を使って、RSSリーダーアプリを作成しています。
monacaのドキュメントにあるサンプルアプリ『RSSリーダー』を参考にして作っているのですが、記事元の画像(WordPressで言うところのアイキャッチ画像)も表示したいと思っています。
ドキュメントは「タイトル・日付・概要文」のみの取得・表示となっており、...
-1
票
1
回答
453
閲覧数
メモ帳のサンプルにOnsenUIでタブを追加したい
お世話になります。
メモ帳のサンプルに、タブのサンプル機能を追加したいと思っております。
<ons-tabbar>
<ons-tab icon="home" label="Home" page="StopWatch.html" active="true"></ons-tab>
<ons-tab icon="comment" label="...
-1
票
1
回答
860
閲覧数
cordovaで画像編集できるPluginまたはJSを教えて下さい。
タイトルの通りです。
cordova上で写真画像を編集できるPluginまたはJSを探しております。
以下の画像編集機能があるものが条件です。
画像切り取り
ペンでのペインティング
スタンプ貼り付け
画像のモザイク
画像のタグ付け
もしご存知でしたらご教授ください。
よろしくお願いいたします。
-3
票
1
回答
777
閲覧数
monacaのonsenUI上でのページ内遷移は可能ですか?
現在monacaとonsenUIを用いてアプリを作成中なのですが、ページ内遷移のやり方がどうしても分からず困っています。
やり方を知っている方、教えてください。