I use DISQUS in my polymer site, i got this error about three hundreds,and i checked polymer-project.org ,it had the same problem.
POST https://localhost:26143/skypectoc/v1/pnr/parse net::ERR_CONNECTION_REFUSED
polymer-project.org site:
my site::
and there are about three hundred requests!
I use disqus-commnets element like this:
<core-header-panel mode="waterfall-tall" tallClass="medium-tall" >
<div class="core-header ">{{response[0].title}}</div>
<div layout horizontal center-justified flex class="contentcontainer">
<div flex?="{{!phoneScreen}}"></div>
<div vertical flex four style="background:#ffffff;box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #555;">
<div flex id="content" class="markdown-body"></div>
<div flex><disqus-comments shortname="myName"></disqus-comments></div>
</div>
<div flex?="{{!phoneScreen}}"></div>
</div>
</core-header-panel>
What reason caused that?what did this error below indicate?
WebSocket connection to 'wss://realtime.services.disqus.com/ws/2/thread/3704740536?' failed: WebSocket is closed before the connection is established.
and ,DISQUS even not displayed on firefix,safari and IE,anyone got any ideas?
/skypectoc/v1/pnr/parse it's called by the Skype Plugin (installed on chrome) thats why you see that XHR call only in google chrome.
Uninstall Skype Plugin.
The previous solution of disabling or uninstalling the Skype plugin may seem like a valid solution, but if your site is public facing it is anything but.
What you need is a permanent solution that works whether they have the plugin installed or not. The permanent solution is surprisingly easy once you know the trick.
All you have to do is add the following code snippet to the head of your website and it will stop Skype click to call from scanning the website outright!
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
Related
<div class="MsgBody" style="width: 90%;align-self: center;margin: 3vh 0;flex-direction: column;display: flex;">
<div class="MsgRight" style="flex-direction: row;width: 50%;align-self: flex-end;justify-content: flex-end;display: flex;">
<div class="MsgSendContent" style="background-color: #9eea6a;border-radius: 5px;padding: 10px;word-break: break-word;flex-shrink: 0;display: flex;">
555 </div>
<div class="RightTriangle" style="margin-top: 8px;width: 0;height: 0;border-style: solid;border-width: 7.5px 0 7.5px 10px;border-color: transparent transparent transparent #9eea6a;flex-shrink: 0;margin-right: 8px;display: flex"></div>
<div class="HeadImg RightHeadImg" style="background-image: url(/img/testhead.jpg);height: 40px;width: 40px;border-radius: 5px;background-position: center;background-size: cover;background-repeat: no-repeat;flex-shrink: 0;display: flex;"></div>
</div>
</div>
In PC end, it runs well:
In the Chrome Toggle device toolbar, I tried all the device and all of them works well also.
Well, when I run the page in iPhone 6s with Chrome of IOS 13.1.2, it turns out to be this:
As you see, the message dialog does not render correctly and the input box in the bottom miss yet.
Then I tried the safari and the problem still here. What's more, I tried an android device which is android 9, the input box does not miss any more but the message dialog still does not render correctly.
The problem only occurs in the mobile device but not in the Chrome Toggle device toolbar. I can hardly know how to debug and solve it.
I should not only post a URL here but I don't know where is the problem.
Would you please help me to solve this and tell me why it doesn't render identical even I use Chrome in PC and Mobile.
Thank you.
This is happening because your page is not responsive
Integrate bootstrap ,so you don't have to write CSS files manually and use pre build classes with bootstrap grid to make responsive pages
There are several tutorials available for bootstrap I prefer you to go through them
My personal favourite is:
https://www.w3schools.com/bootstrap/default.asp
I have a very strange problem, i have a div with an anchor tag with an id in it, when i click on the anchor tag, it doesnt open the link in it, but if i right click it and open it in a new tab, it works perfectly, do you guys know why is that ?
here is my exemple :
<div class="toto">
<a id="tutu" href="https://www.google.com" >my cocorico</a>
<div>
cocorico
</div>
</div>
here is a jsfiddle: https://jsfiddle.net/mog8zf3t/5/
This issue is caused by using jsfiddle rather than your html.
The code runs in an iframe on jsfiddle and Google have specifically blocked you from being able to do this by setting 'X-Frame-Options' to 'sameorigin'
Either try running the code on your local machine or pick a different website which will allow you to display it in an iframe.
function go_to_href(href){
window.open(href,'_blank')
}
.toto{
background: grey;
color: white;
text-align: center;
font-size: 1em;
}
.toto a {
display:block;
}
<div class="toto" onClick="go_to_href('https://www.google.com')">
<a id="tutu" href="">my cocorico</a>
<div class="eps-Chip-content">
cocorico
</div>
</div>
Thank you all for your answers, i found the problem, and it was in my js, i had a event.preventDefault(); on the click of the anchor tag, and that's why it wasn't working. take it of and it works perfectly.
here is where i found my answer : https://api.jquery.com/event.preventdefault/
The reason is cause of frames and iframes. Two things.1 is same thing as #hairmot said. sameorigin.
But second reason is when you have your main site an https site like https://jsfiddle.net/mog8zf3t/7/ you cant have http links there. So you cant for example open an http://jsfiddle.net link on that page. So in real time usage you should consider both.
So in order to observe the reason this is what you can do. open inspect element on your browser go to console section. try to click on link and check the error.
for the fiddlejs code you provide the error is cause of same origin
problem ( the link you provide is not from same origin as the main
site).
In my case I had data-toggle="buttons" in the surrounding <div> which I discovered after a few frustrating hours. Posting as an answer as it may be helpful for someone.
Using Google Chrome, Safari and Internet Explorer with different computers in different places, certain links of my website don't work.
It seems that only Firefox makes them work.
For example, on this page:
My website
The icons of Facebook and Twitter on right-top of the page don't
work.
The text "Vai al sito di Medlavitalia" in the left sidebar doesn't
work.
The link "Forsafe Srl" beside "Facebook" doesn't work.
Link number 2's code:
<ul>
<li>Vai al sito di Medlavitalia</li>
</ul>
Link number 3's code:
<div style="float: left; clear: both; margin-bottom: 7px;">
<div style="float: left; margin: 5px 7px 0 0;"><img src="http://www.forsafe.it/wp-content/uploads/2014/11/facebook_icon.png" alt="facebook" /></div>
<div style="float: left;"><span style="color: #000000;"><strong>Facebook</strong></span>: Forsafe Srl</div>
</div>
I noticed that the only links that don't work are the ones that go outside of my site.
For example, if I edit link number 2's code like this:
<ul>
<li>Vai al sito di Medlavitalia</li>
</ul>
It works perfectly, because www.forsafe.it is my site.
More details, in case they'll help:
I'm using Wordpress.
I have the plugin WP Super Cache (I tried disabling it but nothing
changes).
I didn't try with mobile browsers.
What could cause this issue?
Thank you all!
EDIT: I just remembered that yesterday something strange happened: clicking on link number 2, it brought me to another page of my website, absolutely not connected with that link.
Problem isn't solved. I know that I can't ask again in a second topic, and I know that I can't do this too, but I really need to solve this and I don't know how else to reach your attention.
Solved.
It was plugin WP SlimStat's fault.
I tried disabling all plugins and I found out it was it.
Fortunately they've just now updated the plugin and fixed the error.
I've looked all over the place for an fix for this but I can't seem to find it!
I've made my own old browser alert using Twitter Bootstrap's alert class with a black overlay on the content under the alert, it looks great, but I want a hyperlink in the alert that takes the user off to http://browsehappy.com/ where they can then update their browser. But the hyperlink doesn't do anything in IE - it works in everything else (even IE7!) but in IE8 it just shows up blue and isn't clickable.
I've made a JSFiddle with conditional comments in it so you can see what I'm doing:
http://jsfiddle.net/X3tKs/2/
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div id="black" style="width:100%;height:100%;background-color:black;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:52px;z-index:3000;"></div>
<div class="alert alert-danger">
Yikes! You're using an old browser! This page might not work the way it should. Time to update!
</div>
Any help will be MUCH appreciated!
UPDATE:
Turns out it was just my fault for using an online browser simulator! Thank you #joshhunt for your comment regarding this - I sent the link to my friend who has a windows computer and they confirmed it was working, it was actually Browserstack that wasn't working right. I tried taking everything out - bootstrap styling, black div (thanks #OJay) and it still didn't work, so I figured it couldn't have been my code. Time to invest in an old Windows laptop for testing! :)
HTML
<div class="alert alert-danger">
Yikes! You're using an old browser! This page might not work the way it should. Time to update!
</div>
jQuery
$("#update_link").click(function(){
var url = "http://browsehappy.com";
window.open(url, '_blank');
});
CSS
#update_link{
cursor:pointer;
}
I am new to dojo / dojo mobile.
I am building a screen with a header and a list of items beneath. Very
classical in mobile apps.
<body id="content" style="display: none">
<div data-dojo-type="dojox.mobile.ScrollableView" id="mainView"
data-dojo-props="selected:true,scrollDir:'v'">
<h1 data-dojo-type="dojox.mobile.Heading"
data-dojo-props="label:'Main',fixed:'top'"></h1>
<div data-dojo-type="dojox.mobile.EdgeToEdgeList" style="margin-top: 0px;">
<div data-dojo-type="dojox.mobile.ListItem"
data-dojo-props="label:'Take Picture...',
icon:'images/plus-30.png',
url:'TakePicture.html',
transition:'slide'">
</div>
</div>
</div>
<script src="js/initOptions.js"></script>
<script src="js/PhoneGapDemo.js"></script>
<script src="js/messages.js"></script>
Problem : the first item on the list is hidden behind the header and not
visible.
(Same rendering in IBM Rich Page Editor, IBM Mobile App Simulator, Apple iOS
Simulator and iPhone iOS6)
I juste started the project, I don't have fancy CSS or other ... just
started from scratch, added the ScrollableView, the Header, the
EdgeToEdgeList and then the ListItems.
Workaround is to apply a style on the EdgeToEdgeList to move it 40px down.
But it is not clean and breaks cross-platform compatibility (what if the
header is not always 40px height ?)
I am using DoJo 1.8
Thanks
Seb
Hi even im new to this worklight, well im not sure but got to the properties (go to the design and right click on the edge-to-edge list and select properties) you can see the tag, style , Layout, All options.
go to styles and click the properties and change the postion / lay out. it might help.
please let me know if you get that right.
Solution is twofold
use style="visibility:hidden" in element, as following
<body id="content" style="visibility:hidden">
load "mobileDeviceTheme" explicitly with a element instead of letting Dojo load it asynchronously (this module needs to be loaded early to allow for proper height calculation)
<script type="text/javascript" src="dojox/mobile/deviceTheme.js"></script>
before (the load of dojo/dojo.js)
Seb