I added an iframe facebook comment, in Firefox it scrolls, but in Chrome it does not, How do I fix it ?
<iframe src="https://www.facebook.com/plugins/comments.php?api_key=172666652872245&channel_url=https%3A%2F%2Fs-static.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D27%23cb%3Df3a81f3cfd7ece2%26domain%3Ddevelopers.facebook.com%26origin%3Dhttps%253A%252F%252Fdevelopers.facebook.com%252Ff1b19ded3a3bee%26relation%3Dparent.parent&href=http://dongcam.vn/t84630&locale=vi_VN&numposts=10&sdk=joey&width=550"
scrolling="yes"
frameborder="0"
style="border:none; overflow-x:hidden; overflow-y:scroll; min-height: 100%; width: 470px; background: #FFF;"
allowTransparency="true">
</iframe>
You need to remove min-height:100%
here's a JS bin:
http://jsbin.com/oBITUkE/1/edit
Related
I'm developing an e-library website and I want to display book content (saved in pdf format). The problem is the user that open embeded pdf still able to copy the content by highlight the text. Where do I need to set the code?
I already put style="width:100%; height:100%; user-select: none; -webkit-user-select: none;"
this is my current code
<iframe src="http://localhost/ci_crud/upload/product/Proposal_Thesis.pdf#toolbar=0&navpanes=0&scrollbar=0" title="PDF in an i-Frame" frameborder="0" scrolling="auto" style="width:100%; height:100%; user-select: none; -webkit-user-select: none;"></iframe>
I'm trying to redirect to a url from another url I mean, I have an url http://www.domainA/Auth/Login and I want to redirect to http://www.domainB/Auth/Login but Keeping on browser http://www.domainA/Auth/Login . I'm working with WordPress and I get the first step with a plugin but I don't get the second step about keeping the old url. How can I do that?.
Thanks for your support
You can not redirect URL without changing adress bar.
You can iframe DomainB in domainA. With this approach you can get what you want.
Sample code of http://www.domainA/Auth/Login/index.html :
<iframe src="http://www.domainB/Auth/Login" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
Your browser doesn't support iframes
</iframe>
I want to set permanently video icon on image, but i can't. When i do that, two image are showing: 1. video icon 2. my image, but not adjust 1 and 2 at once one image.
More Clearly: I wants to share a photo with video icon. I have image without video logo. I wants to add video logo on image using code. I don't wants to set logo using photoshop.
HTML:
<div class="video">
<img style="height:200px" src="http://i.imgur.com/GMjqTR7.jpg"/>
</div>
CSS:
.video {
position: relative;
}
.video a {
position: absolute;
display: block;
background: url(/images/play-btn.png);
height: 100%;
width: 100%;
top: 75px;
left: 150px;
background-size: 50px 50px;
background-repeat: no-repeat;
}
Please Help Me. Thanks.
JSFiddle - Live
This can be done on the client or server side. Based on the fact that your example only contains front-end code, I'll assume you want to this on the front-end.
Take a look at watermak js
http://brianium.github.io/watermarkjs/
For a server-side example, see this answer
Add 'Watermark' to images with php
I was fascinated by background videos that we see in webpages like https://www.laitkor.com/ , I wanted to develop something similar, but this time I to get the video from Youtube. How can I do it?
P.S. The video should play automatically.
This is how to embed a YouTube video as a webpage background:
<div style="position: fixed; width: 100%; height: 100%; z-index: -999;">
<iframe frameborder="0" height="100%" width="100%" src="https://youtube.com/embed/[videoID]?autoplay=1&controls=0&showinfo=0&autohide=1">
</iframe>
</div>
I have a problem with my facebook like button. Basically I have an ajax gallery on my page and so when the image changes I change my facebook button so that the button represents the url to the new image. But when I click share it just shares the original url even though it has changed. Here is an example:
When page loads the code for the facebook button is:
<iframe scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; width: 80px; height: 21px;" allowtransparency="true" src="http://www.facebook.com/plugins/like.php?href=http://go-style.co.uk/test-gallery/&layout=button_count&show_faces=false&width=80&action=like&font=lucida+grande&colorscheme=light"></iframe>
I then use jQuery to change the code to this:
<iframe scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; width: 80px; height: 21px;" allowtransparency="true" src="http://www.facebook.com/plugins/like.php?href=http%3A//go-style.co.uk/nggallery/page-7029/image/30&layout=button_count&show_faces=false&width=80&action=like&font=lucida+grande&colorscheme=light"></iframe>
Yet clicking on the new button likes the original url
Anyone know why this is happening?
Have you tried refreshing the iframe after changing it SRC?
$('#youriframe').attr("src", $('#youriframe').attr("src"));
It was a caching issue with facebook in the end!