I am working on a project where I have to show datatables.
My Problem is, that the Website loads in the tables and as there are a lot of rows in it the website has a really high hight.
Normally the height of the website gets rezised after the talbe is split into multiple pages. My Problem now is that the table is split into pages but the height of the page doesnt rezise automaticaly.
If I resize the window in chrome then the website heigt updates and everything works fine.
Anyone out there how knows what the problem might be?
Edit:
Here is a video showing what my problem is: https://drive.google.com/file/d/0B7zqeB_dsUTVS1l6Q0xjOTF0RHc/view?usp=sharing
It is working just fine when opening the page in an HTML-File, but when I use a blade.php file with Laravel i get the error shown above.
I basically just need some code that reloads the height of the page.
if you are using the html
give the body height 100vh
Related
I have got infinity scroll plugin on my website. After reaching the bottom I get new products which are as intended. The issue is that some content like "add-to-cart" or "product-price" are not displaying as it should be. For example, there is margins and padding set via js.
I thought that maybe if I bind this js with body element this may work, but I cannot find js that make those changes.(its Magento website)
This is only happening in products that were loaded through infinity plugin. After resizing window everything gets fine.
Why is this happening? Any help is appreciated
search for something like
".addEventListener('resize'"
".resize("
".on( "resize"
in firebug's script tab, you may find the eventlistener method and see what happens when it gets fixed when you resize the page.
generally you will have to provide some more information.anything else is guessing
On my site as the page is loading I noticed, on both mobile and desktop, that as I scroll the screen gets a gray box. It's very jarring. I also noticed it on my gallery page.
Any idea what's happening or try to fix it? I've never run into this issue on other sites.
What's happening is that you load EVERYTHING in your your <head> tag.
So what happens is that your browser is blocked by getting all of the files first, to be more precise 123 files. Then it tries to read everything and make sense of it. From what I've noticed there must be some jQuery for scrolling as well, which adds even more stress.
Try to put all of the <script> tags at the bottom of your body. This allows browser load them after it reads the styling and content. That's probably the quickest fix.
edit
Also there there are multiple copies of same file loaded and multiple versions of same plugins. They are blocking loading as well.
I am trying to have iframe or object that comes from www.frames.mysite.com/x.html
into other pages in other subdomain or even other websites. but I can't fix up the autofit I did something before and it was fine but now it's not working
function resizeIframe(id){
//id is the iframe innerside box
// #ssbox is the parent of iframe
var heightx=$('#'+id).contents().height(); //box inside iframe height
$('#ssbox').height(heightx); // parent box height
$('#'+id).css('height',heightx)
}
but now its a origin problem, I tried object and i tried lots of other things, is there anyway that i can include a outside page into another page with a dynamic size like facebook comment system or other web plugins.
and is there any other way that i can draw this html page which is dynamic actually into other pages with different data. i have full access to the server apache is there anything i should do in apache/php or anything?
i found a class in javascript to do that but that one kills users RAM as it's reloading the page every 300ms.
i was thinking is there anyways that i can send the height size of the iframe page from iframe page to parent page of that iframe so javascript can fit the size?
and i need this in pure javascript please if possible.
I'm having some difficulties after deploying a locally developed site to a live server. My modal windows are appearing behind other page content on the live server (they work fine on the local version).
I've tried modifying the z-index values and positioning, but neither seems to have an effect.
Here's one of the pages in question
Try moving the modal outside of your list. The modal's z-index isn't working properly when it is nested like that. I usually put my modals at the bottom of my html, right before I load in any scripts.
I'm building a Wordpress site that uses a lot of javascript, and I suspect some of the code is interfering with loading the content. The site sometimes loads fine, but sometimes only the images show up, but the text content does not. It does only when I hover over where the text is supposed to be, or resize the browser. I'd post a code, but I'm not even sure which part to post.
This is a link to the site:
http://paraboladesignstudio.ipage.com/yahaira
I'd appreciate any leads.
I added position: relative and height:100% to the element that didn't show up properly (for example, "aside"), and since then the problem hasn't happened.