Skip to main content
Search type Search syntax
タグ [タグ]
完全一致 "ここの単語"
作成者 user:1234
user:me (あなたの)
スコア score:3 (3+)
score:0 (なし)
回答 answers:3 (3+)
answers:0 (なし)
isaccepted:yes
hasaccepted:no
inquestion:1234
閲覧数 views:250
コード code:"if (foo != bar)"
セクション title:リンゴ
body:"リンゴ オレンジ"
URL url:"*.example.com"
セーブ in:saves
状態 closed:yes
duplicate:no
migrated:no
wiki:no
種類 is:question
is:answer
除外 -[タグ]
-リンゴ
高度な検索の詳細については、ヘルプ ページをご覧ください
でタグ付けされた検索結果
検索オプション not deleted user 3516

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

1

tabbarとカルーセルを組み合わせてメニューを組みたい

意図しているUIのイメージが掴めておらず申し訳ないのですが、 タブの中で複数ページを切り替えたいということでしょうか? もしそうであれば タブバーを使う カルーセルを使う の組み合わせでいけそうです。 サンプル ons.bootstrap(); ons-carousel-item { display: table; text-align: center; …
ita_3y's user avatar
  • 2,797
0
承認済み

Onsen-uiでtabbarとslidemenuを共存させる方法

こんな感じでいかがでしょう。 ざっくり大事そうな所を書くと 1.ons-sliding-menuのmain-pageをタブバーを配置したhtmlに変更 2.menu.htmlのリストクリック時の処理をアクティブタブの変更 + スライドメニューを閉じるに変更 となっています。 ons.bootstrap(); <link href="https://cdn.rawgit.com/O …
ita_3y's user avatar
  • 2,797
1

Onsen UI Guide の「ダイアログを使う」のダイアログに選択系のコントロールを使用するには

ons-dialogをベースにやってみたら大丈夫そうでした。 ons.bootstrap() .controller('DialogController', function($scope) { $scope.dialogs = {}; $scope.show = function(dlg) { if (!$scope.dialogs[dlg]) { …
ita_3y's user avatar
  • 2,797
1

Onsen UI ons-tabbarのhide-tabsの切り替え方法

うーん、こんな感じなんですかね。 ons.bootstrap().controller('MainCtrl', function($scope) { $scope.hide = true; $scope.push = function() { myNavigator.pushPage('new_page.html'); $scope.hide = fals …
ita_3y's user avatar
  • 2,797
1
承認済み

onsenでボタンを押したら外部リンクに飛ぶようにしたいのですが

onclickで大丈夫です。 onclick="window.open(url, target, options);" target ・_self:URLがホワイトリストに載っている場合は、Cordova WebView。それ以外は、InAppBrowser ・_blank:InAppBrowser ・_system:システムのWebブラウザ options ※InAppBrowserで使 …
ita_3y's user avatar
  • 2,797
1

スライディングメニューのjQueryでの実装

ons〜がangularのdirectiveなので、jQueryで実装するのであればその辺はほとんど使えないのではないかと思います。 Open panel on swipe この辺のソースを参考にしたり、 横からスライドするドロワーメニューのjQuery、JS、CSS3のプラグインまとめ! この辺から用途にあったプラグインを見つけられればいけそうな気がします。
ita_3y's user avatar
  • 2,797
1

ページを別ファイル化した時のons-templateについて

複数のhtmlファイルとons-templateを併用するとうまく動かない こちらの質問に回答がありますが、別ファイルのons-templateを使用するには事前にng-includeしておく必要があるようです。 <ng-include src="'page1.html'"></ng-include> ただ、今回のようにindex.htmlのons-navigatorに設定する場合はこれだけ …
ita_3y's user avatar
  • 2,797
3

ons-tabbarを冗長なコードを書かず上部ツールバー下へ配置したい

ons-pageの配下にons-tabbarを書いてしまっていますが、こんな感じにすればons-tabbarの記述は1カ所でいけるかなと思います。 あるタブの中で画面遷移が頻繁に発生する 選択したタブによってツールバーの内容が大きく異なる といった場合にはこれだと難しいかもしれません。 ons.bootstrap() .controller('MainCtrl', ["$sco …
ita_3y's user avatar
  • 2,797
2
承認済み

ドロップダウンメニューをOnsen UIで実装することはできますか?

「ons-popover」というコンポーネントを使用するとできるようです。 http://ja.onsen.io/guide/components.html#ons-popover 実装例は英語版の回答者の方が記載している下記リンク先が分かりやすいです。 http://codepen.io/argelius/pen/zxGEza 上記リンクを参考にした方が良いですが、公式のサン …
ita_3y's user avatar
  • 2,797
1

Onsen UI Sliding Menu使用時のテーブルリンクについて

Onsen UIを使用されているのであれば、<ons-list>を使用すると良いと思います。 <ons-list> <ons-list-item modifier="chevron" onclick="slider.setMainPage('page2.html')"> ページが変わります。 </ons-list-item> <ons-list-item modi …
ita_3y's user avatar
  • 2,797
1

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

ons-sliding-menuの中にons-tabbarを入れたら動きました。 index.html <body> <ons-sliding-menu var="app.slidingMenu" menu-page="menu.html" side="left" type="overlay" max-slide-distance="200px"> <ons-tabba …
ita_3y's user avatar
  • 2,797
1
承認済み

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

確かに動きませんね・・・。 page1.htmlの下記の部分を <ons-button ng-click="ons.navigator.pushPage('new_page.html')"> Push New Page </ons-button> こんな感じに変えると動きます。 <ons-button ng-click="myNavigator.pushPage …
ita_3y's user avatar
  • 2,797
1

「Onsen UI最小限のテンプレート」で「Onsen UI Guide」にある「アラートダイアログを使う」を行うには

こんな感じでいけると思います。 index.html <script> ons.bootstrap() .controller('NotificationController', function($scope) { $scope.alert = function() { ons.notification.alert({message: 'An er …
ita_3y's user avatar
  • 2,797
1

Onsen UI Guide に載っている「アラートダイアログ」をボタンを押した時に表示したい

htmlに ng-controller="NotificationController" がないことが原因ではないかと考え サンプルのalertやconfirmはNotificationController配下に記述されていますので、こちらの考えは正しいと思います。 ページ内に複数のボタンを配置するのであれば<ons-page>あたりに入れてみてはいかがでしょうか。 また、質問のコード …
ita_3y's user avatar
  • 2,797
2

onsen-uiを使ってのおえーじ更新について

<a href="page2.html">で遷移するとページ全体にpage2.htmlが読み込まれてindex.htmlの制御下から外れるんじゃないかなと思います。 質問に何がしたいという記述がありませんのでここからは余談になりますが、 Page2から画面を遷移したいのであればPage2をons-navigator配下にしてpushPageを使うと良いと思います。 ons.bootst …
ita_3y's user avatar
  • 2,797

15 30 50 件 / ページ