Having issue with text display on html [closed] - javascript

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
Hi I have been building my website of a template site I got and have been adding some code to it, that all works fine although one piece, of the html code is failing me which is a text pop-out / rollover effect, It displays fine when I open the index.html file on my browser
see the YouTube circle although when I upload it to my web server (I did clear my cache) I get this and then other funky stuff i.e. the text goes very tiny
I have tried everything I can think of such as re-uploading everything to my server, just the html files and I have even checked my code it is all the same yet it makes things go strange.
Any help is much thanked for,
~Dave~

Have you tried Ctrl+F5 to remove the navigator cache?
It shows properly on my navigator.

Related

JavaScript alert not showing up in the browser page but at the right hand side of screen [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 years ago.
Improve this question
Visual Studio Code must have had an update. I wasn't able to find anything on their website but I wasn't seeing my alert I created like it used to appear on the browser page and then I noticed that the alert is at the bottom right hand of the screen outside of the browser page but inside the Visual Studio Code. Is there any way to make this show up in the browser preview using extension for Live Server?See attached screen shot - scroll to the bottom right to see the alert.
This looks like a VSCode runtime and VSCode alerts look just like that. If you run it in an actual browser it will give you a browser alert as you are used to.

Chrome Extensions: Can I run a game on them? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I'm looking into chrome extensions, and I was wondering if it's possible to change a specific website to add a box and run a game on it.
I believe I can change the website, no problem. But I'm having trouble figuring out what I can use to run a game in there.
Do have in mind that I'm relatively new to web dev (but not to code).
Thanks in advance!
Yes, it is possible to manipulate pretty much anything on the website, as long as the user who installs the extension gives you permissions to inject content scripts into the page. Content scripts are the Javascript and CSS files that would contain logic for your game. Once injected, you can target a DOM element in the page and initialise your game there or even create a new element and embed it somewhere in the HTML.
This is a good place to start https://developer.chrome.com/extensions/content_scripts

How can I get the same effect on my webpage? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
So I've seen a mouse-hover effect on 2 websites so far and I really like it.
This is the effect I'm talking about.
I'd be grateful if somebody can tell me how to get that effect on my webpage.
It only appears under your cursor when you hover over the page.
The site you have linked in the comments uses the HTML canvas element. But You can simply use already existing libraries for that effect.
Examples mentioned in the comments:
http://jnicol.github.io/particleground/
http://github.com/VincentGarreau/particles.js
Simply, Go to the webpage you wanted to Copy it's effects or anything from it
Right click, View page source
If the effect is made by Css, you will find it in stylesheets tab
If it's using jQuery/Js, Search the head for <script> , Read them and copy the effect (assuming that you understand js/jquery
For more simplicity, use Firebug, open it and just point the cursor at the item you want to see it's source.
But, actually
You can find it at github Here
Change what you want.

How does this image / photo loading technique work? (example included) [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I just notice something interesting, and I hope I am not going crazy, but when you visit https://ghost.org/ it seems like their main photo banner (you will see it right away) loads in some sort of steps I guess, I can clearly see different phases being black and white, green, orange etc..
I also checked on several devices to make sure it wasn't my screen doing this and indeed it has this same behaviour every time. I honestly don't know what it is, tried looking into source code but can't find anything related.
Hopefully once you visit provided link, you will see it and can explain to me what it is and why it is done.
I assume they do this sort of loading with javascript perhaps?
(hard refresh page to see it happen again)
They do not do anything fancy, it's the background JPEG is compressed as Interlaced (Progressive) to allow the content to appear faster and go to more details as the images is being downloaded. More details here:
http://en.wikipedia.org/wiki/Interlace_(bitmaps)
or
http://en.wikipedia.org/wiki/JPEG#JPEG_compression
Enjoy!

OS X login page like HTML [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I know the Title is a little obscure, but I will try to explain my best. Since OS X Lion the login screen of the Macs presents a row of images of the available users. Once you click one of those images, the rest disappear, centering the clicked one and revealing a password field.
I want to do a similar thing in a web-app. I have a few users, and I want them to click on their image to reveal the password field.
I searched for similar options, but can't find anything, and I don't even know how to proceed. I guess JQuery or Javascript would be necessary, but those I know little to nothing (HTML & CSS shouldn't be a problem, but well, I don't even know how to start this simple thing... )
Thanks!
Google is your friend... no matter how much the NSA are watching. Use it to search for tutorials, these are the best way to learn. Mostly CSS will be needed to make it look like the OSX login screen... maybe a bit of jQuery.
Within in seconds I found this page of many examples of login forms. And then I found this one that looks very similar to an OSX login page.

Categories