Showing a javascript app on a page on github.io - javascript

I made a simple Openprocessing sketch in javascript using PJ5.js, which can be found here: https://www.openprocessing.org/sketch/522642
However, I want to import some different libraries, which the free version of openProcessing doesn't allow. So my next step was to host the sketch using the free github.io pages.
However, after countless hours of searching, I can't really find a tutorial on how to do this. Anyone has a clue on how to host this javascript sketch on github.io instead of on Openprocessing? Is this even possible?
Thanks in advance! :)

You can host static pages on github and the setup is really simple. Just go to Github pages, scroll down and you will find all the info you need. However you will have to create an html page to run your script. You can't just paste your javascript and run it.

Related

Website functionality automatically start and stop working

Recently I got a project where I had to make some changes in a Wordpress website with some customized theme (Besocial + BBpress) and custom coding. Now, I have almost done all changes but there is a strange bug/error where login and register functionality sometimes work as intended and sometimes it doesn't. Also, after login, user has to be redirected to a News Feed (much like Facebook) but that too sometimes work and sometimes doesn't. I am not being able to find what is the error or bug. Can you please suggest something to make my process easier? The project is already delayed for 2 weeks.
Thanks, any help appreciated :)
a)open website in private window, see if issue is still their, if not than delete browser cookies.
b)Deactivate plugins and check the issue.
c)Check by changing the theme.
d)Reset Permalinks
e)check your .htaccess
By doing these thing you will know from where issue is coming.

Integrating plugins from github to html

Okay, I know this is a beginner question and may sound dumb because I hardly know anything about coding. So, forgive my ignorance.
I'm building this website with Bootstrap 3 framework and found quite a lot of cool plugins on github (e.g https://github.com/ixisio/bootstrap-touch-carousel). I know nothing about it, so I tried to research on what github is.
A lot of introductions out there only cover the 'Why github is useful' and 'Simple beginner's command line on github'. But what about the next step? A lot of documentation and Quickstart document on these plugins are very brief and seems to assume that you already know the basics.
It's quite intimidating to have to write cmd lines, and then bombarded with new terms like 'bower', 'grunt', 'npm' or 'json'. I'm just completely lost at what steps do I have to take to take those plugins and apply them to my html.
What I humbly ask from you guys is, please explain the steps from installing github up to having the plugins functions applied to my html site. And please explain it as if I'm 5 :)
I even have question like 'Why the heck would you go through the trouble of installing git shell and write those command lines when you can just hit that cute Download as Zip button' But then when I did that, of course none of it has worked for me so far... so I suspect there's a large step I was missing.
Best suggestion is look at the source code on the demo page. Note the css and scripts that are specific to that plugin.
Then download the source from github and add appropriate css and scripts based on paths you download them too.
Then follow other docs to initialize the plugin.
When you are ready to try your plugin make sure to check browser console for any errors that are thrown.
If you see things like $.myPlugin is not a function type error then your path to the plugin file is probably not right.

request example project with amcharts php mysql

I have a small company and I need show my result from MySQL to amcharts.
I am easy user and I study this link but can't use this tut for myself because i don't undestand each code for which file and what manage my files to show chart for example witch code depend html file or js or php file.
i use netbeans and xampp for run codes.
please help me and if you can send me exmaple file that i can use amcharts.
thanks a lot.
Welcome to SO,
Here usually coders help for the major bugs which have been tried for long time still hard to find the solution and or help people who are constantly learning and facing some bugs...
For you, quick help I can give but you make sure you go through the code, learn some basics regarding that...
Download the link in tutorial tutorial_assets_external-data_v3.zip, extract it and place it in htdocs in xampp folder(c drive or where you installed it).
Run XAMPP, open this localhost/phpmyadmin in browser and create a database named "test".
Open the database and import the data.sql in extracted folder.
Run in browser localhost/"specify_name_of_extracted_folder"
Start small... Study the tutorial... enjoy coding

JS Injection in Wordpress

I just upgraded to WP 4.3.1 on one of my websites. After upgrade (which seemed to go with no problems at all), I noticed that the layout of my pages has changed. There is a bar across the top of my page (not the admin bar) that wasn't there before. When I inspect the element there, I see a whole bunch of new code that is not being created by any of my plugins. And I cannot find the source of this injection in any of the provided php files. I have no idea where it is coming from, but I suspect that something in the WP 4.3.1 package has been compromised, or maybe there is a callout to a site somewhere that injects this code.
Anyway, this is a BIG problem and I don't know how to fix it.
I've copied the injected injected code below. It appears in all the pages on my site, right below the tag. Interestingly it can only be seen by "inspecting element" in the browser; page source does not reveal it (I've added some line breaks to make it more readable, but this is exactly what shows up in my page.
This same problem occurs on every site where I upgrade to WP 4.3.1. I hope someone can fix this problem IMMEDIATELY!!
Clearing cache, history & cookies doesn't resolve the problem. I can't tell where this injected code is coming from. Also, Google doesn't seem to be much help in telling me anything useful about http://kfc.i.illuminationes.com/snitch, which is one of the links that is being created.
Our site was infected, this is what we did to get rid of it
Thanks to this discussion which led me to a more detailed one
Connect via ssh to the server
Check the directory structure and find out recently created / modified directories
Check recently modified files for <script>. I found many files having JavaScript inserted which would connect to external sites.
As these calls were made on each page, I checked header.php in wp-content/themes/your-theme directory. (check the ones you are not using as well as that might be infected but may not show in radar)
You might also want to check footer.php for infection.
Re check file permissions on server as per WordPress Hardening guidelines on Codex
Delete unrequired ftp accounts in FileZilla (or its equivalent)
If you use any caching, delete entire cache.
You can verify if this worked using devtools network tab.

How do I add HTML files to a GitHub repo?

I have a HTML file, along with some JS and CSS files, in a project I have been working on, and am trying to put them onto my GitHub account. I created a new repo, but when I tried to add the files (some are in folders), I didn't know how to. The website isn't very helpful and I'm really stuck. Could anyone tell me how to upload them? I'm new to GitHub and so far very confused by it.
Thanks a lot in advance xx
If you are using windows, try github for windows application. It's easy way to start using github if you are new to it.

Categories