Using Jquery on wikidot - YES it works!

Using Jquery on wikidot - YES it works!

By rhombus prhombus p on 17 Jan 2010 02:47, last edit by gerdamigerdami on 18 Jan 2010 08:00

Ever wanted to use jquery to make those cool animation effects, but didn't know how to do it in wikidot? Well, now you can!

This tutorial only explains how to use the javacript library JQuery with Wikidot. This doesn't include any tuts on using jquery itself, that can be found at w3schools.com and at jquery.com. Okay here how to do it

First, you will need to download a copy of jquery. That can be done by clicking here and then clicking the download button. (download the production version.) Then you will need to upload it to you wikidot site by clicking the files button at the bottom of your page. Once it is uploaded click the info button and copy the link it gives you. (look at below graphics.)

jquery2.PNGjquery3.PNG

Once you have copied the link add this code to a wikidot page

[[code type="HTML"]]
 
  <script src="http://yoursite.wikidot.com/local--files/yourpage/jquery.js"></script>  
<!-- ^^  put your copied link above ^^-->
 
<!-- put your html/javascript/jquery code below. enjoy -->
 
[[/code]]

Once you have added that code to your page, change the appropriate links and insert you code after the link that says "put your html/javascript/jquery code below. enjoy."

Then, for wikidot to actually render your code, add this code to your wikidot page. (changing "yoursite" and "yourpage" to the name off your site and the page the code is located)

[[iframe http://yoursite.wikidot.com/yourpage/code/1 scroll="0" width="100%" height="400px"]]

After you do that, you should be good.

For an example of it working and the code click here

note: due to the way wikidot cache iframes like this, you may need to refresh the page, wait, or even log out for your page to reflect iframe updates.

Facebook


Tags:

Related Community Blogs

No Community Blogs have similar tags to this post.

Rate it up ?

rating: +1+x

Discuss

Add a New Comment

Share

Bookmark and Share

Community Blog feed-icon-14x14.png

Posts by date

Posts by tags

2018 2019 addthis admin admin_forum alexa animoto app appplication attributes autocomplete automatic autonumber autosave backwards badge banner birthday blog bloo bookmark bootstrap browser bug bugs button calendar candidate category cell ceo changes chinese chrome cleanup code comment community convert count country csi css database data-forms datenschutz delete deletion domain embed etension eu excel explorer favicon featured feature-request features file file-manager firefox fixing form forum free freemind front fun gallery gdpr gemeinschaft genealogy gerdami german glossary good google handbook header heading help helpon home homepage howto how-to html iframe images include infobox inline internet istorijska_biblioteka italian javascript job join joke languages link list listpages listusers live localize logged-in-user-only mail manual mass-delete mass-edit mediawiki members membership membershipapply membershipbypassword michal microsoft mindmanager mindmap mindmeister module multi-file multilingual nested newpage news newspaper newyear nextpage official open pagecalendar pagecalender pagepath pages %%page_unix_name%% permissions playground portuguese press previouspage private pro programming reshuffle rob row russian sandbox scheme scripting search search_engine services simplecal skins snippet social spam spanish squark styles successful syntax system table tag tags template templates theme themes thumbnail thumbnails toolbar town translate turkish tutorial tweet updated_at upload uri url user users variables video vote weneed who.is wiki wikidot wikipedia wish wishlist yaml

Posts by rating

Using Jquery on wikidot - YES it works!
Rating: þ{rating}þ (17 Jan 2010 02:47)

Using Jquery on wikidot - YES it works!
Rating: þ{rating}þ (17 Jan 2010 02:47)

Using Jquery on wikidot - YES it works!
Rating: þ{rating}þ (17 Jan 2010 02:47)


Blogroll

{"module":"feed\/FeedModule","params":{"src":"http:\/\/michalf.me\/feed\/pages\/category\/blog\/t\/Michal+Frackowiak%27s+blog","limit":"1","module_body":"**[http:\/\/michalf.me Michal]:** \n%%linked_title%%\n[[size smaller]]%%date|%e %b %Y at %H:%M |agohover%%[[\/size]]"}}
{"module":"feed\/FeedModule","params":{"src":"http:\/\/quake.wikidot.com\/feed\/pages\/category\/dev\/t\/Piotr+Gabryjeluk+blog","limit":"1","module_body":"**[http:\/\/piotr.gabryjeluk.pl\/ Gabrys]:**\n%%linked_title%%\n[[size smaller]]%%date|%e %b %Y at %H:%M |agohover%%[[\/size]]"}}
{"module":"feed\/FeedModule","params":{"src":"http:\/\/squark.wikidot.com\/feed\/pages\/category\/blog\/t\/Squark%27s+Latest+Posts","limit":"1","module_body":"**[http:\/\/squark.wikidot.com\/ Squark]:**\n%%linked_title%%\n[[size smaller]]%%date|%e %b %Y at %H:%M |agohover%%[[\/size]]"}}

Admin dashboard

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