dynamic-content

Dialog with max height and dynamic Content that scrolls + footer css

我的未来我决定 提交于 2019-12-10 23:51:37
问题 I have a dialog with position: absolute and a max-height set. The max-height property is set from outside by a javscript framework (jQuery UI Dialog), so I don't have any control over it. Inside I have 2 divs: one that is filled with dynamic content and a static footer . I want the dialog to grow with it's content until max-height is reached and after that my content div should display a scrollbar . The html looks like this: <div class="dialog"> <div class="content"> This text doesn't mean

How to update a selectonemenu depending on other one selected value?

女生的网名这么多〃 提交于 2019-12-06 04:47:17
I've been having a trouble trying to make my selectOneMenu content, depend on the value selected on the other. The content from the first one comes from a table in my DataBase and works perfectly, but the second one is supposed to come from another table, but I can't make it work. Here is my index.html , where I'm just trying to prove how this works: <h:outputLabel value="Estado" styleClass="requiredLbl"/> <p:selectOneMenu id="Estado" value="#{beanInscripcion.id_estado}" valueChangeListener="#{beanInscripcion.buscarMunicipios(event)}" > <f:selectItem itemLabel="Elegir Estado" itemValue="" />

Insert dynamic Angular 4.x content with known/declared components

那年仲夏 提交于 2019-12-05 04:36:45
I have a (what I think would be a fairly common) problem that I cannot find a good way to solve with the current Angular 4.x architecture. Maybe there is a method that I haven't found yet, but I have searched pretty extensively. I would like to insert some dynamic, user generated HTML content into an Angular app. This HTML content my also include some known(included in the module declaration) Angular components that should be rendered. Below is some puesdo-app HTML might help me explain: <app-component> <!-- standard angular header and router-outlet --> <app-header> <app-nav> <ul> <li

Widgets with different dynamic content (angular-gridster)

爱⌒轻易说出口 提交于 2019-12-05 02:07:52
问题 I am trying to create a web dashboard based on angularjs with angular-gridster module. The gridster works fine and I don't have any problems binding content to it (like text or images with ng-bind-html). But in fact I don't want to add only text or images to these "widgets", I'm trying to create a dashboard with dynamic content in it. So, as a user I want to add a new widget to the dashboard and choose a type (for example a clock-widget or something else) and maybe configure the widget. The

Widgets with different dynamic content (angular-gridster)

☆樱花仙子☆ 提交于 2019-12-03 20:15:12
I am trying to create a web dashboard based on angularjs with angular-gridster module. The gridster works fine and I don't have any problems binding content to it (like text or images with ng-bind-html). But in fact I don't want to add only text or images to these "widgets", I'm trying to create a dashboard with dynamic content in it. So, as a user I want to add a new widget to the dashboard and choose a type (for example a clock-widget or something else) and maybe configure the widget. The problem is that I don't know how to add dynamic content (javascript, different html elements, ...) to a

Load dynamic content in Owl Carousel 2

自作多情 提交于 2019-12-01 12:21:00
I have a webpage with 2 carousels in which I have to show different items depending on user actions. The new data comes from the internet, I use fetch, parse the json into an array, all good. Only problem is I can't have the new items replace the old ones in the carousel. For a simple example I have tried var carousel = $jq("#owl-genres"); for(...) { carousel.owlCarousel() .trigger('add.owl.carousel', [$jq('<div class="item">' + genres[i] + '</div>')]) .trigger('refresh.owl.carousel'); } but nothing happens. The old elements remains, although the methods executes and the .trigger is executed.

knockout virtual scrolling binding

a 夏天 提交于 2019-11-30 14:35:46
问题 KOGrid uses virtual scrolling to render content dynamically. I'm looking for something like that but more generic so it could be used for ul lists, Bootstrap rows, whatever. I saw something called giga-scroll, but I think it's gone now. The Git is dead. Has anyone seen a custom binding for dynamic content via virtual scrolling? 回答1: A simple solution without using a custom binding: Fiddler Example: http://jsfiddle.net/adrienne/Y2WUN/ Markup: <div> <span data-bind="text: items().length"></span

knockout virtual scrolling binding

纵然是瞬间 提交于 2019-11-30 11:04:41
KOGrid uses virtual scrolling to render content dynamically. I'm looking for something like that but more generic so it could be used for ul lists, Bootstrap rows, whatever. I saw something called giga-scroll , but I think it's gone now. The Git is dead. Has anyone seen a custom binding for dynamic content via virtual scrolling? A simple solution without using a custom binding: Fiddler Example: http://jsfiddle.net/adrienne/Y2WUN/ Markup: <div> <span data-bind="text: items().length"></span> <img src="http://rniemeyer.github.com/KnockMeOut/Images/loading.gif" data-bind="visible: pendingRequest"

Angular2 loading dynamic content/html in for loop

故事扮演 提交于 2019-11-30 00:47:01
I have a json array which can contain either the component or the html selector for the component i want to load. I am trying to load this data inside a for loop. When I try to interpolate the value {{d.html}} it appears as plan text. When I use the innerHTML approach below and inspect the dom I see the html there but it does not behave as a custom component (the dom will just contain instead of initializing it and replacing it with the components template. I have look at the dynamic content loader but that does not see to fit. This is in a for loop and therefore can not use the template

Casperjs scraping dynamic content

给你一囗甜甜゛ 提交于 2019-11-29 17:13:50
I'm trying to scrape this page using Casperjs. The main function to my code works just fine, but the content is loaded dynamically and I can't figure out how to trigger that. This is what I'm doing right now: casper.waitFor(function() { this.scrollToBottom(); var count = this.evaluate(function() { var match = document.querySelectorAll('.loading-msg'); return match.length; }); if (count <= 1) { return true; } else { return false }; }, function() { // do stuff }); The wait timeout just expires, even though I've increased it to 20s, and the new content never gets loaded. I've tried adapting this