Resolved Hi Where Can I Put Javascript Code

[x69chen 0]

Sorry it seems that I cannot search javascript in the forum,

Can I ask where I can put these code,

Thanks

[James B 436]

Hi there, Js code will need to go into the header or footer script boxes in the custom code page. Pagelines>Site Options>Custom Code>Header Scripts

[x69chen 0]

Hi it does not work, the page shows my js codes directly in the head space,

do I need to add something to the html code?

[James B 436]

Can you explain exactly what the code is for, what you're trying to do and we'll be able to advise further.

[x69chen 0]

ok,

the code are used to develop a multitable such as http://www.robotshop.com/ca/New-arrivals/arduino-electronic-brick-starter-kit.html,

which could show description, overview just by click on the tab.

Actually I just copy the js code from that site to try what it would look like.

I made separate js and css documents by Dreamweaver and they were working fine with the html codes,

but when I copy them to the wordpress, I am not sure about where to put the js code.

[Danny+ 1,327]

Hi,

PageLines Framework already provides a tab shortcode, so there is no need to add custom code to achieve this functionality. You can see the Tabs shortcode and an example here - http://demo.pagelines.me/tools/

However, if you wish to use this code, then you will need to follow James advice and copy the code into either the "Headerscripts Code" or "Footer Scripts & Analytics".

If it is not working as intended, then the code is either not compatible with Wordpress or incorrect. We can't assist with custom code that has been taken from another site.

[x69chen 0]

Ok a small question,

I always drag and drop a content to the template, and then put the codes into the original body of the page/post,

but I found that every time when I make a return in the code, it will count a [br] there,

for example, when I put

[pl_tabs][pl_tabtitlesection type="tabs"]

[pl_tabtitle active="yes" number="1"]Title 1[/pl_tabtitle]

[pl_tabtitle number="2"]Title 2[/pl_tabtitle]

[/pl_tabtitlesection]

it will make the table 1 and table 2 in different rows,

and if I delete the return between "[/pl_tabtitle]"and "[pl_tabtitle number="2"]", they will be in the same row again.

Can I ask, how could I fix this problem,

I can use no-return in the coding, but it could be better if they treat my code as normal html code

[catrina 103]

The <br> tags are added in the editor by WordPress. Are you trying to add this code in the page editor?

[x69chen 0]

no, I never add [br], I just make a "return" in my HTML mode,

and it should not work as a "return" in the visual mode

[Simon 248]

[pl_tabs][pl_tabtitlesection type="tabs"] <= this here is a 'return' the wp editor will add a <br /> here

[pl_tabtitle active="yes" number="1"]Title 1[/pl_tabtitle]

[pl_tabtitle number="2"]Title 2[/pl_tabtitle]

[/pl_tabtitlesection]

to stop this you have to properly format your shortcode like this:

[pl_tabs][pl_tabtitlesection type="tabs"][pl_tabtitle active="yes" number="1"]Title 1[/pl_tabtitle][pl_tabtitle number="2"]Title 2[/pl_tabtitle][/pl_tabtitlesection]

see? no carriage returns.

OR you can wrap it in [pl_raw] like this:

[pl_raw]

[pl_tabs][pl_tabtitlesection type="tabs"]

[pl_tabtitle active="yes" number="1"]Title 1[/pl_tabtitle]

[pl_tabtitle number="2"]Title 2[/pl_tabtitle]

[/pl_tabtitlesection]

[/pl_raw]

but then you can only use this ONCE per post.

[x69chen 0]

[pl_tabs][pl_tabtitlesection type="tabs"] <= this here is a 'return' the wp editor will add a <br /> here

[pl_tabtitle active="yes" number="1"]Title 1[/pl_tabtitle]

[pl_tabtitle number="2"]Title 2[/pl_tabtitle]

[/pl_tabtitlesection]

to stop this you have to properly format your shortcode like this:

[pl_tabs][pl_tabtitlesection type="tabs"][pl_tabtitle active="yes" number="1"]Title 1[/pl_tabtitle][pl_tabtitle number="2"]Title 2[/pl_tabtitle][/pl_tabtitlesection]

see? no carriage returns.

OR you can wrap it in [pl_raw] like this:

[pl_raw]

[pl_tabs][pl_tabtitlesection type="tabs"]

[pl_tabtitle active="yes" number="1"]Title 1[/pl_tabtitle]

[pl_tabtitle number="2"]Title 2[/pl_tabtitle]

[/pl_tabtitlesection]

[/pl_raw]

but then you can only use this ONCE per post.

yes I get it.

Thanks for helping

[mackenzie 12]

The topic was marked as resolved.