Web Essentials not showing in Browser - web-essentials

After the weekend, web essentials doesn't show in the browser anymore. However building Less files, CSS autosync, etc is still working, just this great bar stays hidden.
I searched google it, and it is not just hidden, it's not rendered in the DOM, only
<script type="application/json" id="__browserLink_initializationData">
{"appName":"Chrome","requestId":"5c9092ee0b964487b663037c2de3f322"}
</script>
<script type="text/javascript" src="http://localhost:1216/d155929549b34e279886e90ecc111382/browserLink" async="async"></script>
How can I make the bar visible again / which additional information can I porovide to solve this?

It maybe you have hidden it by mistake try pressing Ctrl
From the docs
If you don't care to see the menu all the time, check this checkbox to make it be invisible by default. To toggle visibility of the menu, just click the Ctrl key in the browser.

Related

How to use jquery Backstretch in asp.net mvc

How to use backstretch in asp.net MVC. I included script files in my view page after when I run my program the image is not shown in the browser.
Here is the code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="~/Scripts/jquery.backstretch.min.js"></script>
<script>
$.backstretch([ "Images/img1.jpg",
"Images/img2.jpg],
{
fade:750,
duration:10000
});
</script>
It is just syntax error. You don't have a closing quotation mark for img2.jpg.
It should be
$.backstretch([ "Images/img1.jpg",
"Images/img2.jpg"],
{
fade:750,
duration:10000
});
Make use of developer tools in a browser (example: In Google Chrome F12 will take you to dev tools) to identify javascript errors. Switch to console tab to see the errors. and you can click on the link on the right hand side to locate the error.

Adding rich textarea editor on a page with the common buttons like bold,italic, alignment etc

Please help am trying to add a rich text Area to my web page, how can i go about it.
I have not tried anything yet
instead all this things just add three lines in html
<textarea></textarea>
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
And you will get the textarea as an editable.
If Helpful vote my answer
with normal html ?:)
Rich text editor replacement for html textarea
more information what do you want to do will help..
Depending on what you can use in your web page,
try this for javascript page (no jquery)
http://dhtmlx.com/docs/products/dhtmlxEditor/
or if you use jquery there are more options available, one of them is
markItUp - http://markitup.jaysalvat.com/home/

css hover menu stops working after Update Panel renders elements

I am using <ul> <li> menu on master page. For menu hover I am using csshover.htc file.
I am <updatepanel> on my child pages, but when I click on any link or button inside update panel, my menu stops working. i.e hover does not work. What can be solution for this?
You need to re-initialise your menu after your updatepanel has fired. In order to do this you need to include something like the following at the bottom of your page:
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(CSSHover());‌
</script>
You will find the name of the function to be called at the top of your htc file - You will see something like this:
<public:attach event="ondocumentready" onevent="CSSHover()" />
The function that needs to be fired is the part in the onevent
I got updated htc file from here, and my issue was resolved..

onbeforeunload dilemma: iframe breaking vs. annoying message on refresh/back buttons click

I'm implementing a search service called SearchInsideOut.
This search service simply replaces web page results by full web pages (Yes, I used iframe).
The problem I have to deal with is iframe-breaking pages.
The promising solution I found is using onbeforeunload to let users decide whether to stay or leave my site.
But this also creates another annoying behavior.
When users click other links in my site, onbeforeunload will also be triggered.
Fortunately, I could solve this case by placing window.onbeforeunload=null in the onclick event of those links of my site.
Unfortunately, I have no idea how to detect external events like clicking "refresh/back" buttons.
What should I do to solve this difficulty?
All suggestions and comments are highly appreciated.
Take as example this site. Try to refresh the page after u typed some text answering to a post. You will see that the page it will ask you to continue ur work or exit. Make another test without answering to a post, just refresh, you will see that the confirm will not showed, because the site is making a test if the "answer" is empty or not.
Example:
<html>
<head>
<script>
function closeIt()
{
var mytext = document.getElementById("mytext").value;
if(mytext != "")
return "Any string value here forces a dialog box to \n" +
"appear before closing the window.";
}
window.onbeforeunload = closeIt;
</script>
</head>
<body>
<textarea id="mytext"></textarea>
</body>
</html>
So it's up to u to decide when the box will show or not. Visit also Microsoft Msdn to understand when and how onbeforeunload works

Open browser in Full screen

net website, I would like to add button by which user can view the page in Full Screen mode and switch back to Normal mode. [This is same as happens with F11]
I have seen many javascript code but all of them is opening new window in full screen.
But i would like have same window in Full screen
If it happn then i will put that button in MASTER page.
Please help?
I don't think it is possible to do what you are asking.
The only possible way is using window.open:
<span onclick="window.open('http://www.yourdomain.com/page.html','', 'fullscreen=yes, scrollbars=auto');">Open Full Screen Window</span>
(I'm not sure it's a good idea to force a user to use full screen mode...)
ugly solution but it works
<head>
<script type="text/javascript">
function max()
{
var obj = new ActiveXObject("Wscript.shell");
obj.SendKeys("{f11}");
}
</script>
</head>
<body onload="javascript:max()">
</body>
User already has this button, it's called F11.
DO NOT try to be 'smart'. This kind of functionality is in browser's scope, not in web application scope. It should not be your concern at all.
Instead focus on features that are truly relevant to your application.

Resources