collapse

* Simple Portal Archived Forum

This is an Archive Forum.

The content in this forum may be out-of-date or have been superseded by newer information, and links in forum pages to other sites may not work.
This forum contains archives for future reference.

Visit our thread at Simple Machines Forum for current support.

SMF 2.1 users: EhPortal is a ported version of Simple Portal specifically designed for the SMF 2.1 branch.
Please visit web-develop.ca to download EhPortal and for its support.

* User Info

 
 
Welcome, Guest. Please login or register.

* Who's Online

  • Dot Guests: 802
  • Dot Hidden: 0
  • Dot Users: 0

There aren't any users online.

* Shoutbox

Refresh History
  • Shoutbox is not for support!
  • {OCS}MasterSeal: Yup, Still adore SP
    April 21, 2019, 07:08:06 PM
  • {OCS}MasterSeal: STILL love SP :)
    November 24, 2018, 05:05:50 AM
  • ♦ Ninja ZX-10RR ♦: <3 aegersz
    September 13, 2018, 03:36:09 PM
  • aegersz: I STILL <3 LOVE SimplePortal
    September 13, 2018, 07:11:39 AM
  • aegersz: o LOVE you guys - Simple Portal rocks !
    May 09, 2018, 05:18:59 AM
  • Chen Zhen: our apologies for the site being down.. please read server issues topic
    March 22, 2018, 05:32:38 AM
  • {OCS}MasterSeal: LOL PLEASE forget I just posted that. I found the answer in my own dang post back in 2015. lol sorry!
    July 04, 2017, 10:47:55 PM
  • {OCS}MasterSeal: I know this SB isnt' for support, but I just have a general question. Who would I contact to find out where SP stores its block info? Is it DB driven or files? I searched the site but came up with nothing. probably my fault any insight is appreciated.
    July 04, 2017, 10:43:36 PM
  • ♦ Ninja ZX-10RR ♦: Excuse me but what does Simpleportal have to deal with that?
    February 05, 2017, 08:21:14 PM
  • WhiteEagle: of course IMHO that site appears to be dead :(
    February 04, 2017, 01:08:05 PM
  • WhiteEagle: If I can get that, then I'll use it for that site...
    February 04, 2017, 01:07:35 PM
  • WhiteEagle: decided to not use SMF for any projects, unless I can get a copy of the premium version of the fanfiction archive plugin
    February 04, 2017, 01:06:54 PM
  • expertdecisions: cloudflare
    January 28, 2017, 08:01:47 AM
  • aegersz: SM release 2.0.13 !
    January 12, 2017, 06:00:13 AM
  • raffo: Tks Emanuele, even if I didn't understand the fix :D
    November 07, 2016, 02:01:20 AM
  • emanuele: [link]
    November 01, 2016, 12:43:50 PM
  • emanuele: raffo: the English support board is a good place. ;)
    November 01, 2016, 12:43:38 PM
  • raffo: Where can I find the fix for the shoutbox?
    November 01, 2016, 05:06:09 AM
  • {OCS}MasterSeal: To the SP team, I make a point to come here and thank you as much as possible for your work.  so again, THANK YOU!
    October 28, 2016, 10:38:05 AM
  • emanuele: That's indeed funny, the limit is present only in the patch and not the full install.
    October 22, 2016, 06:14:58 PM

* Team Blog

* Recent Posts

Adding Forums Button to Nav bar by jirapon
[August 01, 2019, 09:07:12 AM]
Re: Board Icons by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 04:03:41 PM]
MOVED: Czech translation???? by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 03:04:51 PM]
Board Icons by jirapon
[July 30, 2019, 07:28:44 AM]
Re: Thankyou Simpleportal, by ♦ Ninja ZX-10RR ♦
[July 29, 2019, 09:41:29 AM]
Thanks for having an interest with our portal. If you have any requests for features, have a look at the Feature Requests board.

« previous next »
Pages: [1]   Go Down

Author Topic: Problem with HTML tabbed content block  (Read 5405 times)

0 Members and 1 Guest are viewing this topic.

Offline impennetrate

  • Semi Newbie
  • *
  • Posts: 11
  • SMF Version: 2 RC5
  • SP Version: 2.3.3
Problem with HTML tabbed content block
« on: July 05, 2010, 06:59:05 AM »
SMF version - 2.0RC3
SimplePortal Version - 2.3.2
http://www.jinrake.info/index.php

No errors relating to the block in the error log.

I'm using a tabbed content block that shows different content depending on what tab is selected, it works perfectly if I preview it or put it on a page but when it's in a block the content inside the tabbed area doesn't show up. The block references an external javascript and css file that I am using the Global Headers and Footers mod to call. Here is the code I am using in my (top) block:

Code: [Select]
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Notice</a></li>
<li><a href="#" rel="country2">Screenshots</a></li>
<li><a href="#" rel="country3">Chat</a></li>
<li><a href="#" rel="country4">About</a></li>
</ul>

<div style="border:1px solid #4d4d4d; width:600px; margin-bottom: 1em; padding: 10px">

<div id="country1" class="tabcontent">
<p>Hello! Welcome to the PvP Planet community and website! I noticed you noticing that our portal has disappeared, but not to worry - this is only because Chair is working on a very sexy new homepage layout with blocks and images that suits this theme! It'll have video content, articles, polls, social bookmarking and many other features! If you're wondering how to interact with the other players and/or members in the meantime, then just click <a href="http://jinrake.info/index.php?page=chat">this link</a> and you will be taken to our XAT chatbox. And if you're wondering when the server will be online - we cannot tell you! It's a secret! So there!</p>
</div>

<div id="country2" class="tabcontent">
<p>Under construction.</p>
</div>

<div id="country3" class="tabcontent">
<p>Under construction.</p>
</div>

<div id="country4" class="tabcontent">
<p>Under construction.</p>
</div>

</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
The code is from Dynamic Drive, it is a slightly modified version of the first demo on this page:
http://dynamicdrive.com/dynamicindex17/tabcontent.htm

I'd very much appreciate help getting this block to work, thanks :)
Logged

Offline 130860

  • Super Handsome Language Coordinator
  • Comrade
  • *
  • Posts: 1769
  • Gender: Male
  • You and I are not the same class of pirate!
  • SMF Version: 2 RC3
  • SP Version: 2.3.2
Re: Problem with HTML tabbed content block
« Reply #1 on: July 05, 2010, 10:55:39 AM »
the first par of the code must go inside <head>  and </head> tags:

Code: [Select]
<link rel="stylesheet" type="text/css" href="tabcontent.css" />

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

/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

so, open your index.template.php and find <head>  and add after that part.

Logged

Offline impennetrate

  • Semi Newbie
  • *
  • Posts: 11
  • SMF Version: 2 RC5
  • SP Version: 2.3.3
Re: Problem with HTML tabbed content block
« Reply #2 on: July 05, 2010, 11:00:05 AM »
Thanks for the reply, I already have this code in the header part of my Global Headers and Footers mod. I'll try the edit though, and get back soon
Logged

Offline 130860

  • Super Handsome Language Coordinator
  • Comrade
  • *
  • Posts: 1769
  • Gender: Male
  • You and I are not the same class of pirate!
  • SMF Version: 2 RC3
  • SP Version: 2.3.2
Re: Problem with HTML tabbed content block
« Reply #3 on: July 05, 2010, 11:06:04 AM »
well, as far as I know, the global headers and footers do not modified the <head> and </head>  parts,  means  the code will not work because its  not inside <head></head> part


Logged

Offline impennetrate

  • Semi Newbie
  • *
  • Posts: 11
  • SMF Version: 2 RC5
  • SP Version: 2.3.3
Re: Problem with HTML tabbed content block
« Reply #4 on: July 05, 2010, 11:33:23 AM »
that edit doesn't work, the global headers and footers mod does have the same effect as adding the code between the head tags... for some reason it's not showing anything contained within the <div id> tabs... It worked on tinyportal but i'm doing this for a friend who prefers simpleportal over tinyportal - i dont understand why its not working? :/
Logged

Offline 130860

  • Super Handsome Language Coordinator
  • Comrade
  • *
  • Posts: 1769
  • Gender: Male
  • You and I are not the same class of pirate!
  • SMF Version: 2 RC3
  • SP Version: 2.3.2
Re: Problem with HTML tabbed content block
« Reply #5 on: July 06, 2010, 10:43:46 AM »
let me try this at my local installation and head back to you
Logged

Offline impennetrate

  • Semi Newbie
  • *
  • Posts: 11
  • SMF Version: 2 RC5
  • SP Version: 2.3.3
Re: Problem with HTML tabbed content block
« Reply #6 on: July 07, 2010, 12:28:06 PM »
So, any luck getting it to work?
Logged

Offline 130860

  • Super Handsome Language Coordinator
  • Comrade
  • *
  • Posts: 1769
  • Gender: Male
  • You and I are not the same class of pirate!
  • SMF Version: 2 RC3
  • SP Version: 2.3.2
Re: Problem with HTML tabbed content block
« Reply #7 on: July 12, 2010, 10:50:21 AM »
welll, it does work on my local forums,   just open your index.template.php

find <head>  and add after this:

Code: [Select]
<link rel="stylesheet" type="text/css" href="http://dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.css" />

<script type="text/javascript" src="http://dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.js">

/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>


then create a html block with the following:

Code: [Select]
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Notice</a></li>
<li><a href="#" rel="country2">Screenshots</a></li>
<li><a href="#" rel="country3">Chat</a></li>
<li><a href="#" rel="country4">About</a></li>
</ul>

<div style="border:1px solid #4d4d4d; width:600px; margin-bottom: 1em; padding: 10px">

<div id="country1" class="tabcontent">
<p>Hello! Welcome to the PvP Planet community and website! I noticed you noticing that our portal has disappeared, but not to worry - this is only because Chair is working on a very sexy new homepage layout with blocks and images that suits this theme! It'll have video content, articles, polls, social bookmarking and many other features! If you're wondering how to interact with the other players and/or members in the meantime, then just click <a href="http://jinrake.info/index.php?page=chat">this link</a> and you will be taken to our XAT chatbox. And if you're wondering when the server will be online - we cannot tell you! It's a secret! So there!</p>
</div>

<div id="country2" class="tabcontent">
<p>Under construction.</p>
</div>

<div id="country3" class="tabcontent">
<p>Under construction.</p>
</div>

<div id="country4" class="tabcontent">
<p>Under construction.</p>
</div>

</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>


keep in mind that I linked to the original source files:

<link rel="stylesheet" type="text/css" href="http://dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.css" />

<script type="text/javascript" src="http://dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.js">

if somehow that site is not avaliable, your script will not run, to avoid that, just upload  tabcontent.css  and tabcontent.js  to a folder on your server and change the url appropriately
Logged
Pages: [1]   Go Up
« previous next »