Use html scripting

Posted by Helmut_pdorf on 22 Sep 2008 10:58, last edited by Helmut_pdorf on 20 Aug 2022 13:10

Tags: anobii embed html iframe javascript

rating: +52+x

This "howto" explains how it is possible to use any HTML scripting on a Wikidot page.

On 2nd March 2010, Wikidot.com released a new feature that allows this to be done much easier than was previously possible. To understand this feature, you can read more about it on the Wiki Syntax documentation page.

Example: aNobii embedded HTML code

An example of the code that aNobii might give you:

<!-- This is the HTML section of the badge -->
<div id="badge">
<script type="text/javascript" src="http://www.anobii.com/anobi/badge_generator.php?p=012d64e5c2a5327d15&language=2,4&tag=0,11,9,1,8,5,6,4,10,3&count=5&recent=1&progress=3&title=title&subtitle=0&author=0&img=small&link_to=1&az_site=&a_id="></script>
</div>
<!-- Badge ends -->

To use this in your Wikidot page, simply surround it with the [[html]][[/html]] syntax!

[[html]]
<!-- This is the HTML section of the badge -->
<div id="badge">
<script type="text/javascript" src="http://www.anobii.com/anobi/badge_generator.php?p=012d64e5c2a5327d15&language=2,4&tag=0,11,9,1,8,5,6,4,10,3&count=5&recent=1&progress=3&title=title&subtitle=0&author=0&img=small&link_to=1&az_site=&a_id="></script>
</div>
<!-- Badge ends -->
[[/html]]

In action:

Example: Other examples

puresolso:
(thanks to Shane)

[[html]]
<script src="http://puresolo.com/javascripts/embed.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">new PureSolo.Widget({ partnerID: 47, link: '#puresolo_popup_link'});</script>
 
<a href="#" id="puresolo_popup_link">View my PureSolo tracks</a>
[[/html]]

gives: (click on the link "View my pure solo tracks" with right mouse button and open it in a new window!)


Note: Some of these examples may use the old method of a HTML code block and Iframe. Note that this method is now redundant and the [[html]] method should be used instead as it makes the page's source code easier to understand for other users.

Backlinks

These pages link to this page:

Authors

Helmut_pdorfHelmut_pdorf. Please visit his/her userPage.

leigerleiger. Please visit his/her userPage.

If you want to comment on this page, there is a "Discuss" button at the bottom-right of the page (in the page options section)


Related articles

Comments

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.