In IE, with Flex application embedded, changing page location with JS like that:
document.location.href = "#someFragmentIdentifier";
causes change of page title to "#someFragmentIdentifier". I've read that the cause of that was supposed to be integration of Flex application with browser navigation, so I disabled it at the Flex compiler properties screen, however it didn't fix anything. Could anybody help me by pointing some working solution to this unwanted behavior.
Thanks.
PS: You can easily reproduce that by starting your Flex application and changing current URL by hand so it contains fragment identifier and then refreshing the page.
We've run into this using various ajax toolkits, including MS's.
It is not limited to Flex, flash, or any Adobe tech. It is purely a browser issue.
Unfortunately, the ONLY workaround we've found that was worthwhile involved "changing the title with javascript".
There's a bug in Adobe's bug tracker with various workarounds. I guess one of them should work...
http://bugs.adobe.com/jira/browse/FP-240
Related
Am I allowed to omit the path entirely from a href and start with a question mark?
For example: If my webpage is https://example.com/mycgi, can I have a link of the form bar?
I've tested this on Firefox and the link works as expected - clicking it takes me to https://example.com/mycgi?foo=bar. Will this work the same way on all modern browsers? What is best practice for this type of link?
I've tried searching MDN which usually has a good table of feature and browser version support, but https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href doesn't have give details about relative link formats.
I usually use href="mycgi?foo=bar", but it means adding a less portable reference to mycgi in the page. I'd prefer not to have to dynamically add mycgi to every reference in the cgi which generates the page.
This is a pure html and browser compatibility question. I am not looking for server or client side tools to modify links.
There should not be any issue with it.
You should be able to write any of those and they should resolve like any other link element. You might wan't to test it out on every major browser. But if you find a browser that doesn't support it i'm pretty sure the browser is not up to spec.
href="?foo=bar"
should resolve to domain.com/currentPath/CurrentPage?foo=bar
href="newPage?foo=bar"
should resolve to domain.com/currentPath/newPage?foo=bar
href=".?foo=bar"
should resolve to domain.com/currentPath/?foo=bar
href="/?foo=bar"
should resolve to domain.com/?foo=bar
etc...
I’m building a simple browser, and I’d like to code most of it using HTML/JS/CSS. I cannot use iframes to display pages, due to frame-busting. What are my options?
The browser is not meant to be production-quality, but as a proof-of-concept for my thesis, similar to this interactive mockup. The main features it will need to support are:
Loading any page without frame-busting (even google.com),
Detecting when a link is clicked and opening it in a new frame, with the original one remaining intact.
I intend to write this using Web technologies, but it’s OK if it needs to be wrapped up in a small amount of something else, e.g., to turn it into an Android app. However, if it’s possible, it would be best if I could load the app as a web page. Finally, it is also preferable to be able to run the app on an Android device, but it’s OK if it only works on a desktop.
In researching this question, I came across a few options:
<iframe>. Google.com doesn't load at all in an iframe. I tried using the sandbox attribute, but it still didn’t load. Is there a way around this (for any page)?
Mozilla’s Browser API. This API was supposed to allow you to use the mozbrowser attribute in an iframe when building FirefoxOS apps. I suspect there’s no longer any way to access it. I couldn’t get the sample browser app loaded, and it seems that mozbrowser is not supported in WebExtensions. Did I miss something? Is there a way to make this work?
<webview> in a Chrome app. This is the only option that worked so far. I was able to download and install the sample browser app in Chrome. The one downside is that it seems to be Chrome-only (and I would prefer cross-platform or Firefox, all else being equal). Are there any issues with this option? Any way to make it run without Chrome?
Electron app with <webview>. While the setup here is more complicated than the previous option, it seems like the code would be very similar (there’s even a similar sample browser app). Are there any advantages/disadvantages to this option over the previous?
So, are there ways to make options 1 or 2 work? Are there perhaps other options?
HTML/CSS is a "language" translated by the browser into pages. You cannot code a browser in HTML. The easiest solution is to code it in C#.
I'm not sure if this is a good solution, but you can try Electron (nodeJS). You will only need to use JS/CSS/HTML.
I have created a website, debugged it in Visual Studio by using the "view in browser" feature, and decided it was ready to be deployed onto our test server. When I debug the program from Visual Studio the contact page has elements that look like this:
When I go to the address of the website on the server, it displays like this:
The star is a glyph-icon from Bootstrap tools that were already on website's solution when I opened it (someone else made the solution). The code for this section of the site is below:
I tried to find information about why this isn't displaying correctly, but was unable to. Without knowing anything about the server, what would you recommend me checking or changing to resolve this issue?
Edit: I think it is worth mentioning I have tried both Chrome and IE and get the same results on each of them. Trying to run the page in compatibility mode hides the glyph-icon star all together.
I believe the issue ended up being browser-related. I was using a newer version of IE than what we had on our server so my elements were displaying differently because something I had previously done was unsupported by the older version.
I corrected this issue by nesting the span glyph-icon elements inside of the proper header tags and using margin-left: style property to space them out properly.
I'm having a Chrome only issue when adding anchor tags for internal links inside an HTML widget. This may sound quite unimportant but it's quite annoying for myself and many users.
When a page is loaded, if the links are middle-clicked or Ctrl-clicked the 1st time, they only open in a new tab/window like they should, but the 2nd time they act as though they were left clicked and use the same tab/window. For some reason this problem doesn't happen when I use Hyperlink or Anchor widgets. It also isn't an issue in Firefox or IE8.
I've verified that the final HTML of the Hyperlinks and my manually scripted tags are exactly the same. I applied the same styles to the HTML widget to do this. I even tried creating a Hyperlink and calling toString() to generate the HTML, but the bug still occurs.
Does anybody know why this could be happening or have any ideas of how to remedy it? This is a situation where I can't use Widgets so I need to create the tag HTML manually. I'm not a GWT expert, but I don't understand how the compiled code be handling the Hyperlink and Anchor widgets differently than the ones inside the HTML widgets. Any incite into this could be helpful.
I'd be interested in knowing if anybody else could reproduce this as well. I'm running Chrome 23.0.1271.97 and GWT-2.5.0. I know this happens in older versions of Chrome and GWT because it's been a problem for a while, at least since GWT-2.4.
Uninteresting nuances:
If there are two different links inside the same HTML, they bug will happen independently. Meaning that you can middle-click each one, and they will both work correctly, just not the 2nd time. Refreshing the page also resets them so the bug won't happen on the next middle-click. I also found that if the same link is twice contained in the HTML widget, they actually wont work independently. Meaning middle-clicking one will cause the other to incorrectly handle it's 1st middle click.
Just finished debugging this. It is not a GWT issue but a Chrome issue.
I created a bug report: http://code.google.com/p/chromium/issues/detail?id=177502
You can reproduce using this simple HTML page:<!DOCTYPE html>
LOCAL
I have a problem on a page i'm coding. Problem is i'm getting random img classes from nowhere (at least nowhere i know). I've put the generated class below.
<img class=" iryjanjabqqmypymdnuv" src="some/source/path">
There are several jquery plugins and jqueryui on the page but div that got img has nothing to do with those js libs. I also use php but that must have nothing to do with this i guess.
If you need any codes or names of the libraries just ask. Please help me i really have no idea and all the search i did was empty about this.
I had exactly the same problem. Find out that AdBlock Plus is responsible for that. So, just disable all the extensions and reload the page
Just wanted to chime in for anyone that finds this googling their problem, this is exactly the right answer in my case as well. AdBlock Plus (in Firefox only, not Chrome) was generating random class names for images I have embedded in my nav bar for social media links.
Now I have to either find a way to get around that or anyone using ABP in Firefox will see a weird looking nav bar due to this issue. It's not exactly an unpopular plugin.
I work in both Chrome and Firefox and use ABP in both. Hopefully we won't have to find workarounds for this.
Is it possible that you're browsing on a mobile network connection? Some mobile networks modify the HTML/CSS for images so they can serve lower-bandwidth versions, but allow you to "fix" them later. For example, on T-Mobile, if I hover over an image it will give me an Alt tag telling me the keyboard shortcut to use to load the original.
Obviously this won't be the case if it's all local...
I had the same problem and disabled all extensions in Firefox and then it was gone. Not sure which extension is the guilty party, have too many to chase it down by disabling each of them one at a time. :)