wordpress special css and jscript for individual page

  anettechfan 05:56 AM 29 May 13
Locked

need help

i am making a website for a friend , she need the things to be appeared like this , when clicked it appear , when click again , it disappear i dont know how to put that in wordpress page

http://fiddle.jshell.net/CUJSM/5/show/#b1

this is the effect she want and the content is the one below

if clicked school a , b , c options come , if click a description , if clcik b , description a disaapear and b comes ..like that …please help

Our products categories are:

  1. School products a. ICT Curriculum for Primary School Integrated, internationally endorsed structured modular ICT curriculum , consists of ICT lessons grouped into 7 volumes (K-7), each volume has 24 lessons and each lesson has all the resources required to complete it including learner templates, saved web pages, website links and graphics. The instruction booklet for teachers is written in an easy to follow and concise manner with explanatory screenshots to guide the teacher through each step of the lesson. b. ICT curriculum for Secondary School Integrated, internationally endorsed structured modular ICT curriculum , consists of ICT lessons grouped into 3 levels (Level 1, 2 and 3), each level has 20 lessons and each lesson has all the resources required to complete it including learner templates, saved web pages, website links and graphics. The instruction booklet for teachers is written in an easy to follow and concise manner with explanatory screenshots to guide the teacher through each step of the lesson.

c. ICT program for Educators Integrated, internationally endorsed structured modular ICT training program , consists of ICT lessons grouped into 3 courses (Orientation course – 4 lessons, Essential course – 13 lessons, and Supplementary course – 12 lessons ). The lessons are designed to equip the teacher with the ICT skills he/she needs in his job. The program qualify the teacher to get the “eLearner for educators” international certificate and smooth his/her transition to ICDL program.

  LastChip 03:08 AM 01 Jun 13

If it's on a single page, you need to create a new template specifically for that page and then link in the required javascript to that template. Alternatively, it may be possible to use the "if is_page( )" function.

If you choose the former, when editing the content page use the template you've just produced to output the html.

If you don't understand Wordpress, it's more than a simple post here will explain and in any case, it's not possible to post code in these forums. So you'd be well advised to learn how templates work and how to link in outside resources.

gettemplatedocument should get you started once you know how to produce a template, which will enable you to link to your javascript.

But that's only the start of your problems, as it's not easy to link dynamic content into a Wordpress page.

I've never tried it, but it may be possible to give each paragraph of content on the page a unique id (in the html code) and then call it with your script. It's very much a suck it and see.

Yet another option would be to code the whole lot in php on the new template you produce. But if you don't understand php, it's not exactly "Hello World" and would be a big learning curve.

After this (rather negative) post - sorry, the upside is there's loads of documentation on Wordpress. So finding the best answer simply requires research.

Advertisement

This thread is now locked and can not be replied to.

How to get free stuff for Android: Amazon Underground offers genuinely free Android apps and free…

1995-2015: How technology has changed the world in 20 years

Swedish schoolkids use Minecraft to redesign Stockholm city centre

Apple's special event invitations decoded: A look back at 13 of Apple's most cryptic invites