A post for @Abhisar to teach me and @sleepyjess Javascript! xD
And maybe even @sammixboo @confluxepic @Jhannybean @Nnesha

Question

thesmartone · Answer

Come here my minions! @Abhisar @sleepyjess

sleepyjess · Answer

^_^

abhisar · Answer

Ok, so to start with. Do you guys know anything about HTML?

thesmartone · Answer

yes

thesmartone · Answer

$\bbox[15pt, blue,border:10px solid red]{\href{http:///goo.gl/xRKkFL}{\color{white}{\LARGE \frak Please~Click~here~to~play~the~game}}}\
\rm Made~by~@Abhisar$

thesmartone · Answer

:P Had to do it!

abhisar · Answer

You know the basic structure of HTML? This is the header

sammixboo · Answer

I don't know too much, but I will let Abhisar take over :)

thesmartone · Answer

http://prntscr.com/5md13c Like that @Abhisar

thesmartone · Answer

You can all try messing with those commands here http://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

abhisar · Answer

Since, they have disabled the integration of javascript directly into LaTeX. It's a bit tricky to run scripts like the one in the name game now. For that you need to create a html file first and then integrate javascripts in it.

thesmartone · Answer

Its because of the fake suspensions right?

thesmartone · Answer

More about html: http://www.w3schools.com/html/html_examples.asp W3schools is a great website btw!

abhisar · Answer

Not really but cybershadow brought some major issues like it was possible earlier to integrate such scripts in LaTeX which if a moderator clicks, could suspend someone in real without his knowledge.

thesmartone · Answer

O_O

nnesha · Answer

http://lindasyogadotcom.files.wordpress.com/2010/06/confusedface.jpg

abhisar · Answer

lol

abhisar · Answer

That's why they enabled safe mode in mathjax....

thesmartone · Answer

How would we make this html file and integrate javascripts into it?

abhisar · Answer

You use, ...

abhisar · Answer

You can create a html file by simply using notepad. Try this out Open a notepad and write, This is the header

I am asgardian

thesmartone · Answer

Hmm. So you attached your name game in html to some post and then you shortened the link for the attachment and made the name game...

abhisar · Answer

Save the file and then rename it something.htm

abhisar · Answer

Yes

thesmartone · Answer

http://goo.gl/#analytics/goo.gl/xRKkFL/all_time

sleepyjess · Answer

O_O THATS MINE

abhisar · Answer

What's that?

abhisar · Answer

Nopes, You will see your's and I'll see mine :D

sleepyjess · Answer

OOOHHHH

abhisar · Answer

You can use this to learn various javascript elements. http://www.w3schools.com/js/

sleepyjess · Answer

NO!

sleepyjess · Answer

lol

nnesha · Answer

really O_O

sleepyjess · Answer

Do it @Nnesha . You will have fun

nnesha · Answer

i did

nnesha · Answer

:(

nnesha · Answer

nope O.o

thesmartone · Answer

You basically view the page source and then used java script to make that command come up

thesmartone · Answer

took the page source and then added the javascript.

abhisar · Answer

yep

thesmartone · Answer

O_O @e.mccormick is here

sleepyjess · Answer

YAY! :D

e.mccormick · Answer

Um... they asked to learn Java and you are discussing JavaScript.  Those are like cousins by marriage.  Similar name but no real relation.

abhisar · Answer

That's not my fault tbh.....:)

nnesha · Answer

O_O LOL

sleepyjess · Answer

lol

thesmartone · Answer

It says javascripts now. Happy :P

e.mccormick · Answer

It is not a matter of happiness.  It is a matter of what you want to learn.

abhisar · Answer

Need to go now...will continue it later :)

nnesha · Answer

<------------lol
same here bye guysssssssssssssssssssssssssssssssssssssssssssssss

abhisar · Answer

They actually wanted to learn javascript but wrote java.

sleepyjess · Answer

:( bye

e.mccormick · Answer

Yes, well, if they wanted to learn Java I know of a few free textbooks and use it to play around with my phone.

thesmartone · Answer

@Abhisar so in the name game you made it redirect to the page. How did you do that? O_O

abhisar · Answer

Added a script of that
```
window.open
```

thesmartone · Answer

ok. Cool!

abhisar · Answer

*of=for

thesmartone · Answer

you add the script right at the end. Right?

abhisar · Answer

Yes.

thesmartone · Answer

So @Abhisar How would I attach it here? And so that when you click it, it works on OS and not only my laptop?

abhisar · Answer

use the attach file button

thesmartone · Answer

And after that? won't it make us download? O_O

abhisar · Answer

Click it to open, as it opens in new tab, copy the link and you are ready to go.

sammixboo · Answer

:o Interesting

sammixboo · Answer

I want to learn, but I just don't know, LOL

thesmartone · Answer

just right click and "view page source" .
Copy and paste that into a notepad and save it as a htm.
And at the end of the script before it ends you add the javascripts!

shrutipande9 · Answer

@Abhisar teach me too...

thesmartone · Answer

xD

thesmartone · Answer

Ok Shruti first thing that you do is right-click your mouse and press view page source.

thesmartone · Answer

And then you copy the whole code and you post it in a notepad and save it as .htm

thesmartone · Answer

And then you just add javascripts to make the warning/suspension box pop up and you can put whatever text you want. Then we added another javascript that once you press ok it will take you to the home page of OpenStudy

thesmartone · Answer

tbh I just took Abhisars and added the last javascript and changed the text for the warning to make it seem like a legit one xD

sleepyjess · Answer

I'm scared to click :O

turingtest · Answer

it says I issued myself a warning lol
that wasn't the message I gave it :/

sleepyjess · Answer

haha

sleepyjess · Answer

not doing it again.....

abhisar · Answer

Chrome blocked pop up :/

turingtest · Answer

what am i doing wrong?

turingtest · Answer

i just added `window.open('testing')` before the end of the body
how are you customizing the message? where are you writing the js?

turingtest · Answer

oh did i mean to do console.log('') ?
I am forgetting the little js I once new

abhisar · Answer

Yuh,, `window.open()` will not work unless it is executed by clicking a button. Chrome and other modern browsers block windows opened by java codes.


Just add an alert box `alert('message')` in the original openStudy source code :D

abhisar · Answer

*java = javascript,

turingtest · Answer

Oh I see what I am doing wrong, how are you getting the url?

abhisar · Answer

I just upload the html file using Attach file. Then open that attchment, copy the url and embedd it into LaTeX ;)

turingtest · Answer

oh wow I even failed at that

abhisar · Answer

Yes, you can delete it after copying the attachment.

abhisar · Answer

*copying the URL

turingtest · Answer

ok, I understand that now
but why did I not get the css?

abhisar · Answer

One min..lemme check.

turingtest · Answer

thanks, I am a CS noob in many ways still :/

turingtest · Answer

but how do you change the message?
and why didn't it work when I copied the html into a text editor myself?
why isn't it formatting :(
I want to understand, not just copy what you guys did

turingtest · Answer

oh i see that file is called "view source assets.openstudy" and mine is just "view source openstudy"
where did you get the assets file?

turingtest · Answer

ok I see where to change the message in the file you have, but I still want to know where you got the assets file

turingtest · Answer

Ok I am being stupid. I thought you can just view page source and copy-paste it all into an html file and open it and see a formatted copy of the web page, but apparently that doesn't work.
What am I supposed to do besides `view page source->save as (.html) ->open with chrome`
?

abhisar · Answer

Sorry, got kicked out due to lag :( Here is the thing. Just copy the source code from the OpenStudy home page (make sure you are logged out while doing that or else it will show your name too and will not look like a real suspension) Then you need to add a script which will show the suspension message. ``` ``` You need to embed the above code inside the `` element of the page. Once you are done with the above steps, upload your html file using Attach File. Open the attachment and copy the link. After that you can embed it into LaTeX using \href{}{}.

turingtest · Answer

I think that is the same as what I have been doing but I will try