Contact Forum Editor

Send an email to our Forum Editor:


PLEASE NOTE: Your name is used only to let the Forum Editor know who sent the message. Both your name and email address will not be used for any other purpose.

Web Design Help


It's free to register, to post a question or to start / join a discussion


 

wordpress special css and jscript for individual page


anettechfan

Likes # 0

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.

Like this post
LastChip

Likes # 0

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.

Like this post

Reply to this topic

close
What is Markdown?

Markdown lets you add more formatting to your post. Simply type in your post and it will display as written.

If you wish to add bold or italic characters, add a hyperlink to another website, a heading or a horizontal line, simply use the relevent icons above the text input field.

A preview of your post will appear in the grey box below. If you make a change and you're not happy, simply press the back arrow icon to undo.






Send to a friend

Email this article to a friend or colleague:


PLEASE NOTE: Your name is used only to let the recipient know who sent the story. Both your name and the recipient's name and address will not be used for any other purpose.

IDG UK Sites

Nexus 4 selling out and Nexus 5 spotted in bar

IDG UK Sites

Apple launches redesigned iCloud.com ahead of iOS 7 release

IDG UK Sites

Windows 8 smartwatch: what you need to know about the Surface smartwatch

IDG UK Sites

Google Wallet redesigned to work more like Apple Passbook

* *