On my project I need to use AJAX extra features, that are a form validation and flash messages... But I don't wanna see the loading indicator on the top of a page
How to disable it?
If you want to remove it for every page, you can just hide it with CSS
.stripe-loading-indicator{
display:none
}
Related
I want to create a popup box which will be load after website full loading. I want show some notice or advertisement to user by this pop up box which will be auto appear after web loading. So how do i do this?
This is majorly a frontend task. So, Id do it in the following way:
Use laravel to render the page i want to display the popup
On the blade view of the page I will use html, css and javascript to structure, style and show the pop up when the page loads.
This link might provide you more information: https://websolutionstuff.com/post/how-to-add-bootstrap-modal-in-laravel?ref=morioh.com&utm_source=morioh.com
I'm developping a jqm application with spring mobile in the back-end.
Whenever I hit the browser refresh button on my mobile phone the page is completely devastated afterwards. Browsers back-button works properly.
The data are still available due prg pattern (flashAttributes in Spring) after refresh. Only the view is malformed.
Any ideas how to solve this problem?
From jQuery Mobile docs :
The simplest approach when building a jQuery Mobile site is to reference the same set of stylesheets and scripts in the head of every page. If you need to load in specific scripts or styles for a particular page, we recommend binding logic to the pageinit event (details below) to run necessary code when a specific page is created (which can be determined by its id attribute, or a number of other ways). Following this approach will ensure that the code executes if the page is loaded directly or is pulled in and shown via Ajax
So what happens is - in jQuery Mobile, the scripts and styles defined in the head are loaded only once. So, in normal conditions, it works fine, as all the pages will use the scripts loaded from the first page.
But. When you refresh a page in-between, it triggers a page-reload instead of the ajax navigation model thatjqm uses. So all the scripts and styles loaded from the first page will not be included from here on out.
What you need to do is "reference the same set of stylesheets and scripts in the head of every page", so that even if you hit refresh in the middle, the scripts and styles that had been loaded from the head of the first page are loaded again.
I recommend you read the docs from the above link fully to gain a better understanding.
The disable pager functionality is not working as I would expect when using ajax with tablesorter. The pager controls are disabled but the complete set of rows is not retrieved and shown. When not using ajax, it works fine - ie the complete set of rows is shown.
I notice that clicking on the disable pager button triggers the showAllRows function in the jquery.tablesorter.pager file. Then showAllRows calls pagerArrows if ajax is being used. This last function only seems to manipulate the css for the pager controls and does not re-render the table. Is this working properly for others?
Thanks
This does sound like a problem. I would recommend opening an issue so that it can be tracked and addressed.
I am on a sabbatical at the moment, so if the caretakers of the repository are unable to take care of it, I will look into this issue upon my return. Sorry for the delay.
I am working on classified ads project in asp.net mvc3. I am facing problem in filter search page I want to change the URL without loading the whole page like Facebook or Linkedin before change:
http://localhost:4847/Category/Clothing/
after change when user remove category:
http://localhost:4847/Category/
And when user select category it should be change to append category as I show on top.
I am using ajax for filter search
You can make use of the Html5 History API
Anyway this is an Html5 feature and not all browsers may support it. In this case I would suggest directly using a plugin that degrades to hash changes if not supported, like History.js
This is fundamentally the same question as how to fix the browser history back-forward buttons. Checkout What is the best back button jQuery plugin?, it really could help you alot!
Is there any way of ajaxifying Drupal so that page reloads are not reloads but just content modifications?
So menus would be updated, content would be updated and any blocks etc. would be appropriately modified but without the overhead of spitting out the whole page to the the user for client-side fixing up and without losing the nice javascript UI that Drupal has (like collapsible fieldsets, draggable table items and other ajaxified modules etc.).
the simplest solution is to use the ajax pagers in your views (this works only for one block at time or for the main content)
to ajaxify every form you can use http://drupal.org/project/ajax
if you want to ajaxify everything then a page reload is the better option to go =]