I have used facebook like box in the past with yahoo sitebuilder and never had any problem creating code from http://developers.facebook.com/docs/reference/plugins/like-box/ and pasting it to html box. Now with facebook changes it wont work any more.
past code: (works fine)
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F%23%21%2Fpages%2FCedar-Park-TX%2FPromotional-Product-Specialty%2F113782388677670&width=292&colorscheme=light&connections=10&stream=true&header=true&height=587" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:587px;" allowTransparency="true"></iframe>
new code: (doesnt work)
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPromotional-Product-Specialty%2F113782388677670&width=292&height=590&colorscheme=light&show_faces=true&border_color&stream=true&header=true&appId=306388216066339" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>
I got this bug as well, what you have to do is put http: infront of the //www.facebook.com
so it goes from this:
<iframe src=//www.facebook.com..........
to this:
<iframe src=http://www.facebook.com..........
Related
So I developed an app that fetches the youtube video for songs. 2 months ago this worked without fail. Came back to my app and suddenly getting the static-y error "This video is unavailable".
Double checked that the video on Youtube is actually there and plays, and I also checked to see if the uploader allows embedding by using https://www.googleapis.com/youtube/v3/videos?id=l-EdCNjumvI&key=[MYKEY]&part=snippet,contentDetails,status
I got the status response as follows:
"status" : {
"embeddebable" : true
}
So I know I should be able to embed that particular video.
Any advice?
I am able to put other non-music videos into the iframe without fail.
Works:
<iframe width="560" height="315"
src="https://www.youtube.com/embed/PUvWR0HdQmg" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
Doesn't work:
<iframe width="560" height="315" src="https://www.youtube.com/embed/l-
EdCNjumvI" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
Edit: it seems music videos need a server to be running in order to play. I don't know why this is, but I started a simple http server using
python -m http.server 80
and for some reason that is above my expertise, that worked
After testing your two pieces of code, it seems that the spaces in the second example may be the problem.
Instead of
<iframe width="560" height="315" src="https://www.youtube.com/embed/l-
EdCNjumvI" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
consider using
<iframe width="560" height="315" src="https://www.youtube.com/embed/l-EdCNjumvI" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
where there are no spaces after the hyphen.
This may be due to the fact that the spaces in your example are WITHIN the src string, meaning that in your original example, the src string was
src="https://www.youtube.com/embed/l- EdCNjumvI"
rather than
src="https://www.youtube.com/embed/l-EdCNjumvI"
I a trying to click on a picture (and depending on picture clicked on) and
am assigning a specific youtube video to an iframe source. Thanks for any help in advance.
<div class="col-md-3">
<img id="image2"
onclick= "iframe.bigVideo.src="https://www.youtube.com/embed/5t7x8KwJ"
class="crop-img"
src="images/lastcall.jpg"
alt="Last Call
/>
</div>
<iframe name ="bigVideo"
width="100%"
height="100%"
src=""
frameborder="0"
allowfullscreen></iframe>
this is frustrating the hell out of me.
I'm still new to ruby/watir webdriver and so learning as i go, so be gentle.
I'm using ruby v2 with watir webdriver in order to automate text entry into a ckeditor embedded in page. I've been rummaging around the web and read almost everything i can find on automating it but still getting no success on entering text.
The html around the ckeditor is;
<div class="cke_inner cke_reset" role="presentation">
<span id="cke_1_top" class="cke_top cke_reset_all" style="height: auto; -moz-user-select: none;" role="presentation">
<div id="cke_1_contents" class="cke_contents cke_reset" role="presentation" style="height: 200px;">
<span id="cke_45" class="cke_voice_label">Press ALT 0 for help</span>
<iframe class="cke_wysiwyg_frame cke_reset" frameborder="0" style="width: 100%; height: 100%;" aria-describedby="cke_45" title="Rich Text Editor,contentItemHTML" src="" tabindex="0" allowtransparency="true">
<!DOCTYPE html>
<html lang="en" dir="ltr" webdriver="true">
<head>
<body class="cke_editable cke_editable_themed cke_contents_ltr cke_show_blocks" contenteditable="true" spellcheck="false">
<p>
entering text here
<br type="_moz">
</p>
and the code I'm using is;
$browser.iframe(:class, "cke_wysiwyg_frame cke_reset").body(:class, "cke_editable cke_editable_themed cke_contents_ltr cke_show_blocks").send_keys("TEST")
I've tried with the send_keys 'Test'
This places the cursor in the correct area, but enters no text.
any help would be greatly appreciated.
I find that send_keys is finicky for rich text editors. For example, I have seen the code work correctly in Chrome, but not in Firefox. As well it is hard to control where send_keys inserts the text.
Assuming you are not trying to actually test the functionality of the CKEditor, you are better off using the suggestion from watir-webdriver.com, which is to directly set the html via javascript.
This is done by:
browser.execute_script("CKEDITOR.instances.editor1.setData('TEST');")
Where editor1 is the id of the CKEditor and TEST is the html that you want the editor to equal.
Here is a working example (using the CKEditor demo page):
browser = Watir::Browser.new
browser.goto "http://ckeditor.com/demo"
browser.execute_script("CKEDITOR.instances.editor1.setData('TEST');")
sleep(2) # So you can see the change
I am trying to add an image in the header of my jQuery Mobile based web page.
I want the image to be aligned to the right edge and using CSS for this purpose. But the results are not satisfactory.
(Problem*)There is a big gap between the image and the edge and it is also not aligned with the header text.
Here is the header code:
<header data-role='header'><h1>My App<img src="my_logo.png" alt="Low resolution logo"class="align-right"/></h1></header>
and here is the CSS code for class align-right:
.align-right{
float:right;
margin-right: 5px;
}
No need to add custom styling or such. Jquery-Mobile already has built-in solutions for this. Just add the class 'ui-btn-left' or 'ui-btn-right' to your image (as if it were a button) and you're all set.
<header data-role="header">
<h1>My App</h1>
<img src="my_logo.png" class="ui-btn-right" />
</header>
I know the question has been asked way before, but I figured this might help those who are still looking for solutions. Besides, the question wasn't set as answered.
Based on your code example, you need a space between the alt attribute and the class attribute.
You have:
alt="Low resolution logo"class="align-right"
Should be:
alt="Low resolution logo" class="align-right"
Also, it is probably better to not have the <img /> tag inside of your <h1> element.
Check out the docs for more information on custom headers: http://jquerymobile.com/test/docs/toolbars/docs-headers.html
Something like this should work:
<head>
<style>
body{ margin: 0; }
.align-right{ float:right; margin-right: 0px;}
</style>
</head>
<body>
<div data-role='header'><h1>My App<img src="my_logo.png" alt="Low resolution logo"class="align-right"/></h1></div>
</body>
In my case, I was using a link as a button in my Header, and I wanted the same results where the image would show in the top right corner. I also wanted additional attributes added to the image such as no text, no corners, no disc, etc. Using ui-btn-right alone broke those other attributes. The fix was to include both ui-btn and ui-btn-right to the class, as shown below:
Options
I include the like button in my website. When I click the like button it shows one like and the item is correctly posted on facebook, but when I reload my website the one like count is missing—it shows zero already. There is only a javascript error in the firebug:
uncaught exception: Error: http://www.facebook.com wurde die
Erlaubnis für das Lesen der Eigenschaft Proxy.InstallTrigger
verweigert. (uncaught exception: Error: http://www.facebook.com
permission was refused for reading the property Proxy.InstallTrigger.)
here is my code:
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.mywebsite.com/test_v2/joinnowpage/2_281&layout=standard&show_faces=true&width=302&action=like&colorscheme=dark&height=80" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:302px; height:25px;"></iframe>
I try it with another website and it works perfectly:
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.a1-dresden.de/contest_detail/1732_Back+to+Future&layout=standard&show_faces=true&width=302&action=like&colorscheme=dark&height=80" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:302px; height:25px;"></iframe>
I used the facebook Object Debugger, but there is no error.
So where is the different? What did i wrong?
Sorry, this is not a solution to your problem, but have a look at Bugzilla#Mozilla, there is a bug report to your problem:
https://bugzilla.mozilla.org/buglist.cgi?quicksearch=Proxy.InstallTrigger
https://bugzilla.mozilla.org/show_bug.cgi?id=701029
Perhaps posting your experiences in Bugzilla#Mozilla or voting up the bug report could help speed up the creation of a bugfix.