Hide url display in bottom left on mouseover? - google-chrome

I would like to hide the url display that appears in the browser when you hover over a link. I've read the other articles posted on this subject, but as I've tested the options, my functionality "breaks." I have some links that open in the same page, some open a new tab, and other prompt lightbox, pinterest and twitter widgets, and none of the solutions thus far seem to be a "one-size fits all" fix.
I've found a solution (I think), but development is not my forte, and I have no idea how to implement this. Is this something that someone can give me a step by step on how to make this change?
https://learn.microsoft.com/en-us/dotnet/api/microsoft.web.webview2.core.corewebview2settings.isstatusbarenabled?view=webview2-dotnet-1.0.674-prerelease

I understand your concern regarding your business.
The link you have shared is for WebView2.
Microsoft WebView2 is a developer control for embedding web content in applications. It allows developers to leverage the best of what the Microsoft Edge Chromium platform can offer and build seamless experiences for their users that incorporate web-based content.
It cannot help you hide the URLs on hover for the images on your site while visiting it through different browsers.
As informed by the other community member, it is a security feature in the browsers so users could know which site they are going to visit if they click the link. It is not recommended to modify it to hide it for security reasons.
further, you don't know that the customers visit your site using which browser. Every browser works differently and it is not possible to remove/ hide or disable that information from the browser side.
There are some code examples I found that use some JS code to achieve your requirement. You need to modify your site code. If you are not a developer then it could be difficult for you and you may break your site. So it is recommended to take help from your site developers.
Below are the helpful links.
How To Hide url display in bottom left on mouseover?
How to hide link information at the bottom left/right of the browser on hover
how can url be hidden in hyperlink when mouse hover
Is it possible to hide link address on hover?
The best thing would be to remove the unwanted information from the image links.

Related

downloading parts of a html page on an event

I am developing an universal windows app. I need to download a webpage and extract images from it.
I got the html code and extracted the links to images and downloaded them. The thing is, the site has infinite scrolling (like facebook). When I scroll down to the bottom it loads more images. I am not able to incorporate this into my app. I am a beginner and have very little knowledge of web development or windows app development. This is my first app. I am stuck and have no idea how to proceed. I don't want to use webview as it displays ads from the site and other unnecessary contents. I only want the links to those images. Please help me go past this situation. I need a way to download the new html content that the site loads when user gets to the bottom or some other way to get the image links.
Thanks in advance.
You may or may not be a me to implement this specifically because of the reason you stated. You need to determine how the site loads this information. First I would download Fiddler and in turn enable https connect logging so you can see your encrypted traffic going through Fiddler. Btw the Web View has events you can hook to see loading URLs, etc and it can also be hidden.
So again you need to first understand how the site you want to do this on works and emulate that, assuming they don't have an api already to give you this information as mentioned I'm the comments.
When you do that, come back with code examples and you'll get better help.

Display external web page in HTML5 app, while keeping own menu

I am developing an HTML5 web app that is mostly being used on mobile devices. It's basically a link discovery app: It shows the user some hopefully interesing links, which the user then can visit. I would like to keep the user in our app though, so that our menu bar always remains at top.
Standard links of course take the users away from our page completely, with no option to return:
The Cheshire Cheese Cat
frames and iframes are discouraged in HTML5. What other options are there?
(What we try to achieve is similar to what Facebook or Twitter are doing. Lots of links are being passed around there, which the user can visit. But he alsway can go back to his news feed, with the Facebook or Twitter menu bar.
If you just want to make links open in a new tab (which is what I would recommend), you can simply use target="_blank":
<!-- opens in a new tab/window (depending on the user's browser) -->
The Cheshire Cheese Cat
Man I think you have to make a good research about HTML5
Html 5 is only a upgrade (in quotes) to the existence html and javascript, iframes are totally valid element and frame you are right they are deprecated. But for at least you dont want to use them or other, iframe are a good way to go for what you want to achieve. If you are going in the iOS or Android plataform I dont sure but I guess should exist some kind of browser object which is what use facebook.
I think you have problems with the cross domain control policy and not because the iframe tag
take a look to this answer
Alternative to iFrames with HTML5
best
And HTML5 is no a new framework is just html and javascript.

Can I override the title of a bookmark for a web page?

This question has been asked before by someone else entirely, but basically no solution was given (and this was in 2008). Now, in 2013, HTML and browser functionality has increased, so I thought maybe it's a good idea to ask.
Question:
As a developer, how can you make sure that the title of the web page is different from the title of when someone bookmarks your page?
The reason I ask is because there are many websites that have their title, and then some slogan. Or worse, the slogan first and the actual site title after that. In any case, the titles are long, and you want your bookmarks to be concise, preferably one word, right? I want to know if there's any kind of functionality like that available in modern browsers.
As far as I can tell for Internet Explorer you can add a link, perhaps in the footer, for your visitors to click and bookmark your site and edit the default title with this function AddFavorite().
Here is a link to it on MSDN. Please notice that this function is deprecated.
See the demonstration of use below:
<a href="#"
onclick="window.external.AddFavorite(location.href, 'YOUR_TITLE_HERE');
return false">
Bookmark this!
</a>
Although this won't work on other browsers as far as I am aware (surely won't work on Chrome and Firefox) and it's use is abolished when a user decides to bookmark your site manually instead of clicking the link.

generate 100 color combination html

i have an html template with 4 basic color Textheader, page basckgroung, navebar color,content backbround.
I want to generate different color styles so i can apply it dynamically and get different color scheme
i have tried css onine color chemers and the rest, but am looking of a service that will eneble me preview the color i choose by applying it to an html page online.
any ideas
There are a lot of integrated IDEs for browsers popping up - try Googling for "browser IDE" or "browser integrated development environment" or the like. Some of the more sophisticated ones will allow you to mark up and style a complete web page right in the browser with real-time visual feedback.
However, for this particular purpose, I'd recommend keeping it simple and using Firefox's Firebug extension. Once installed, just navigate to the page you're developing, right-click the area of the page that you want to change and click "Inspect Element" in the context menu that appears. Firebug will list the CSS styles applied to the element in question and allow you to change them, and see those changes live.
I believe firebug is for debugging as the name sounds,and i decided to do the stuff manually.

CSS of iFramed page not being applied properly

My company has purchased a third-party package with a built-in customer facing web portal, and I'm being tasked with integrating it into our site. Unfortunately, the web portal does not look great, and we have absolutely no control over how it looks (other than asking the vendor for changes - $$). In order to make it look somewhat like the rest of our site, I've stuck it in an iFrame (I'm not thrilled about this either) to put our logo and top navigation on it.
Please note, I am not attempting to manipulate the iframed page in any way.
Firefox handles this just fine, but in IE7 and IE8, not all of the CSS is being applied properly when the application's pages are displayed in the iFrame. Specifically, it should be applying a font-family of Arial to all TDs, but some text inside TDs are not being displayed as Arial.
Any ideas as to what is going on? This only happens when the pages are viewed inside the iFrame. Outside the iFrame, the CSS is applied as it should be. I'm guessing we're going to have to get our vendor to make some changes, but I'd love to know why the iFrame is impacting the page like this.
Thanks!
Have you opened the site you want to integrate as standalone in IE? Maybe it has nothing to do with the iframe, but with the ie itself. That would mean, that the system your company bought, doesn't provide browser-compability because of lack of CSS-IE-Fixes.
These are some debugging steps you can try:
Install the Firebug extension for Firefox. Right-click on an item that looks different and select "Inspect Element". The "Style" tab on the right will show you where styles are coming from.
Save the main document into disk (File->Save as->Web page (complete). Start stripping stuff from it until you get a small test-case you can post here. (Alternativelly, you can spider the site into disk with WinHTTrack.)