Javascript problem

[Lynne]

The ids I am talking about are in your postbits. If you look at the link you posted here: http://www.divx-world.com/showthread.php?p=42238 you have two posts on that page. Take a look at your source code and look for the tabs "Film Bilgileri". In each postbit, that call looks like:

<div id="p7tpb1_1" class="down"><a class="down" href="javascript<b></b>:;">Film Bilgileri</a></div>

That same code is in two different places on that page. See how it says id="p7tpb1_1" ? You cannot do that. An id has to be unique. That is what I am saying about your ids.

[MoT3rror]

This is just a idea but if you are just using the link "javascript:;", not making it link to anything. Why not just use

<a class="down" href="#" onclick="return false;">

if the link is going no where.

If you need the link doing something by javascript use code like this.

<a class="down" href="#" onclick="function(); return false;">

The return will make the javascript code run but the user will not be taken to another page.

Here is a little info about onclick if you need it.

Sorry I am just against seeing a link being javascript when there is much better ways of doing it.

Also a bold bbcode could be causing the <b></b>.

[ishare]

I don't think that there is something wrong with the javascript code.

Here is the javascript code :
http://www.divx-world.com/p7tpscripts.js

Here is the .css file :
http://www.divx-world.com/p7tp_01.css

I do not use any bold bbcode in the post.

Here is the code i paste to newpost/newreply templates :

<div id="p7TP1" class="p7TPpanel">
  <div class="p7TPheader">
    <h3><strong>Filmin Adı Buraya Yazılacak!</strong></h3>
  </div>
  <div class="p7TPwrapper">
    <div class="p7TP_tabs">
      <div id="p7tpb1_1" class="down"><a class="down" href="javascript:;">Film Bilgileri</a></div>
      <div id="p7tpb1_2"><a href="javascript:;">Dublaj Bilgileri</a></div>
      <div id="p7tpb1_3"><a href="javascript:;">Altyazı Bilgileri</a></div>
      <div id="p7tpb1_4"><a href="javascript:;">Kodek Bilgileri</a></div>
      <div id="p7tpb1_5"><a href="javascript:;">Ek Bilgiler</a></div>
      <br class="p7TPclear" />
    </div>
    <div class="p7TPcontent">
      <div id="p7tpc1_1">
        <h4>Panel Content...</h4>
        <p>Bu b?l?m i?erisinde filmin dvd kapağı veya afişi ile birlikte, ekran g?r?nt?leri yer alabilir.</p>
      </div>
      <div id="p7tpc1_2">
        <h4>Panel Content...</h4>
        <p>Bu b?l?mde ise paylaşılan filmdeki dublaj se?enekleri g?rsel a?ıdan  daha g?zel olacak (?lke bayrakları ile birlikte) şekilde detaylı olarak  sunulabilir.</p>
      </div>
      <div id="p7tpc1_3">
        <h4>Panel Content...</h4>
        <p>Bu b?l?mde ise, dublaj se?eneklerinde olduğu gibi yine g?rsel ve  anlaşılabilirlilik a?ısından daha g?zel olacak bir i?erikle sunulabilir.</p>
      </div>
      <div id="p7tpc1_4">
        <h4>Panel Content...</h4>
        <p>?zellikle DVDRip veya HDRip paylaşımlarda ?ok ?nemli olduğundan dolayı,  bu b?l?mde paylaşılan filme ait ?eşitli kodek bilgileri sunulabilir.</p>
      </div>
      <div id="p7tpc1_5">
        <h4>Panel Content...</h4>
        <p>Son olarak bu b?l?mde ise, eğer gerekli ise ek a?ıklamalarda  bulunulabilir. Filmde yaşanan herhangi bir sorun veya d?zeltme ile  ilgili olarak ?nceden bilgi vermek adına bu b?l?m faydalı olacaktır</p>
      </div>
    </div>
  </div>
  <!--[if lte IE 6]>
<style type="text/css">.p7TPpanel div,.p7TPpanel a{height:1%;}.p7TP_tabs a{white-space:nowrap;}</style>
<![endif]-->
</div>

I dont know why, but when i paste above code to the post template, the result is just same as mentioned above.
vBulletin convert the link i paste ("javascript:;") to something diferent ("javascript%3Cb%3E%3C/b%3E:;").

When i check the results source code, i also see the bold bbcode. So what i beleive is, vbulletin convert this kind of links. And i do not know how to turn it off.

I do thank you all for your kind relation and answers. This situation is really very important for me, due it is a must do. And i really do not have any idea about solving this problem.

And everything works fine in a non-vB page.

Here is the example of the tab panel :
http://www.divx-world.com/tab.html

Here is the example of the tab panel with modified content :
http://www.divx-world.com/tab2.html

[Lynne]

Have you tried using "javascript:{}" instead of just "javascript:;"?

Also, you said you had no hacks on here, but I see quite a few. Have you tried turning them all off while trouble shooting this problem? And, do you realize you are calling this script twice - p7tp/p7tpscripts.js? Once from your site, once from the other? Have you modified it at all? I would stay to calling them from your site so I would copy the other to your site also - http://www.dwshare.com/p7tp_01.css . Also, they are both (the scripts not on your server) being called after the body tag. That isn't good.

[ishare]

After your advice, i did it but the output is still same
http://www.divx-world.com/showpost.p...68&postcount=5

And now it converts "javascript:{}" to "javascript%3Cb%3E%3C/b%3E:%7B%7D"

[Lynne]

I modified my post. You need to look at your script calls. You have one called twice and then both external imports are listed after the body tag.

[ishare]

I understand what you mean. But www.dwshare.com and www.divx-world.com point same account. One of them is just the domain forward.

Below you can find a part of showthread.php template i use on my bulletin board :

$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
	$headinclude
	<title>$thread[prefix_plain_html] $thread[title]<if condition="$pagenumber>1"> - <phrase 1="$pagenumber">$vbphrase[page_x]</phrase></if> - $vboptions[bbtitle]</title>
	<script type="text/javascript" src="clientscript/vbulletin_post_loader.js?v=$vboptions[simpleversion]"></script>
	<style type="text/css" id="vbulletin_showthread_css">
	<!--
	<if condition="$show['tag_box']">
	#tag_edit_list { list-style:none; margin:0px; padding:0px; }
	#tag_edit_list li { float:$stylevar[left]; display:block; width:200px; }
	#tag_edit_list li.mine { font-weight:bold; }
	</if>
	#links div { white-space: nowrap; }
	#links img { vertical-align: middle; }
	-->
	</style>
<style type="text/css" media="screen">
<!--
@import url("http://www.dwshare.com/p7tp_01.css");
-->
</style>
<script type="text/javascript" src="http://www.dwshare.com/p7tpscripts.js"></script>
</head>
<body onload="P7_initTP(1,0)">
$header
$navbar

$poll
<if condition="$show['tag_box']">

As you can see through above codes, i've put the "calling" line between <head> tags. If there was something wrong with javascript code or even the showthread template, then the script should not work. But what i see is, the only problem is the difference between the link i enter and i get.

You are right about the hacks. Even i turned off all of them, nothing changed. Beside, i also installed a clean vbulletin on my own computer and i did all the tests through localhost. But the result was still same.

And please let me mentione again that i do appreciate a lot all of your kind replies. So thank you very much again for all of your answers.

[Lynne]

Well, I'm at a loss as to what is going on. I just went and added this line to a couple of different templates on my test site and nothing got changed:
Test: <a class="down" href="javascript:;">Film Bilgileri</a>

It printed out just fine with no additional characters added or anything.

Try adding that line in some other template in your site and see if it gets changed. Also, try commenting out all added javascript lines in your header and see if the text still gets changed. Something is changing it but I don't think it is vbulletin.

[ishare]

I did in different ways. I tried to use this code on a custom vbulletin page as described below.

How to create your own vBulletin-powered page!
Author : Gary King
Thread : https://vborg.vbsupport.ru/showthread.php?t=62164

Result : http://www.divx-world.com/test.php
The code is working without any problem.

I've created a bbcode as [testt] which includes all the tab panel content. But the result is still same on showthread.php template. Doesnt work.

I've also tested on a clean vB on localhost. I've put the below codes between <head> tags.

<style type="text/css" media="screen">
<!--
@import url("p7tp_01.css");
-->
</style>
<script type="text/javascript" src="p7tpscripts.js"></script>

But the the result is still same. Doesnt work.

So my opinion is, there should be some code inside the original vbulletin showthread.php template which cause this problem.

Please let me confirm it again if i do it right or not. Because i try to use it on showthread template. Is it right ? Or do i have to use the javascript calling line in a different template ?

Please let me try to explain the reason of why i do want to use this javascript on my vbulletin powered webpage. I own a movie review website. So most of the threads have very long comments and informations.
Lets say we are talking about the X-Files tv serie. It has 9 complete season. In current system, i do have 9 different categories. Each season has its own category which gives information about the movie.
But if i success with this script, then i will be able to show all information in one thread. I will be able to use 9 different tab. (For example Season1, Season2....) And when you click the 1st tab (Season1) you will see all the information about season1. And same for others..

Thats why its really very important for me to solve this problem

[Lynne]

OK, on to some more testing to figure this out. I compared your working test page with your non-working showthread page. Here are a couple of lines (some javascript codes) that get called on the non-working page. Try inserting them one by one into the working test page and see if they 'break' it:

<script type="text/javascript" src="clientscript/post_thanks.js"></script>

<script type="text/javascript" src="clientscript/vbulletin_post_loader.js?v=370rc3"></script>

<style type="text/css" id="vbulletin_showthread_css">
    <!--
    
    #links div { white-space: nowrap; }
    #links img { vertical-align: middle; }
    -->
    </style>