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
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.
- http://community.wikidot.com/blog:html-within-wikidot-type-2
- http://community.wikidot.com/embed:openstreetmap
- http://community.wikidot.com/embed:archive-org
Backlinks
These pages link to this page:
Authors
Helmut_pdorf. Please visit his/her userPage.
leiger. 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)
If "refreshing" is an issue as in, the code block is changed periodically and you want the users to "see" the latest version of it, add the following to your code block:
I am afraid the following tags
are missing in section 3 of the howto…
gerdami - Visit Handbook en Français - Rate this howto:import-simple-excel-tables-into-wikidot up!
Thanks, I changed it…
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
thank you!
Srry for all the drama in need for help Helmuti_pdorf but…
I NEED HELP!!!
I am trying to put up a Google Gadget which is Quote Of The Day thing but the code is in HTML.I put the [[codetype="html"]]…[[/code]] but it wouldn't work!This is exactly what I put up:
when you said about the [[codetype="html"]]…[[/code]] blocks did you mean that ppl can copy and paste it for their website or is it actually HTML for YOUR site??Thanks!!!
There is a wikidot embed solution for google gadgets, so all you need to do is to put the code inside [[embed]]..[[/embed]] tags:
which will give:
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Thanks sooooooo much!!!It worked!!
Best thing ever.
Look at my front page. There should be Amazon e-store in the side bar, but there isn't. There is only a blank space. I have the amazon code in html code and it does not work.
On the other hand, I also have html code at this page, which is then included in many other pages from the category knjizara (like here, for example), and there is no problem with showing the code…
This doesn't work either.
You can see it here at this page:
http://istorijska-biblioteka.wikidot.com/knjizara:knjizara
If slaughterhouses had glass walls, everyone would be vegan. - Paul McCartney
Posted a bug report: http://feedback.wikidot.com/bug:140
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)
Hey, I was wondering if anyone knew how to embed an audio player into a page and set it to autoplay. Any help would be much appreciated!
Welcome to Wikidot. Have a look at http://snippets.wikidot.com/code:mp3
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
I'm trying to get a few lines of code to run when I open a webpage. I've tried the "<body onload="function()">, but that doesn't seem to work. Send help please
You need to be aware that any html (=iframe) code will be inserted on a wiki page at that point as a single window, without ANY connections outside this window & Code.
You can do a lot inside this iframe / html code but that will be alone inside this window!
See also
https://www.wikidot.com/doc-wiki-syntax:html-blocks
https://www.wikidot.com/doc-wiki-syntax:embedding-code
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
welp, That makes my job a lot more complicated.
Trying to program a page to change its contents after a certain date…
looks like Ill just have to dump everything into the frame and go from there.
wait… so how can I have wikidot parsing in the frame?
This could be easy inside a html block / iframe block on the top of a wikidot page … but only showing a depending text/body inside the iframe and not changing the outside…
Wikidot is not parsing the frane witjh html codes - this is done by the browser on the client. Wikidot is only delivering the frame holding that block ( scrolling, borders a,s,o)
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
It's so cool!
But I don’t think I can fully grasp it lol.
Thanks for sharing such useful information. I just started to learn HTML and some things are somrtimes very scaring)