Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 254
  • Last Modified:

tabs with text rather than links

instead of using links for each tab... how could I make each tab use <div id="countrydivcontainer" style="border:1px solid gray; width:800px; margin-bottom: 1em; padding: 10px">
<?php echo $getuserprofile['about_me']?></div>

as I need to use the url to get the profile name and can't do this with using links
<div align="center" class="style5">
            <p class="style9"><u>Welcome to Admins profile</u></p>
            <p class="style9">&nbsp;</p>
          </div>
            <ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="#default" class="selected">About me</a></li>
<li><a href="include/profiletab/showgoals.php" rel="countrycontainer">Goals</a></li>
<li><a href="include/profiletab/external3.htm" rel="countrycontainer">Idols</a></li>
<li><a href="include/profiletab/external4.htm" rel="#iframe">Thanks to</a> </li>
</ul>
 
<div id="countrydivcontainer" style="border:1px solid gray; width:800px; margin-bottom: 1em; padding: 10px">
<?php echo $getuserprofile['about_me']?></div>
<script type="text/javascript">
 
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
 
</script>

Open in new window

0
runnerjp
Asked:
runnerjp
1 Solution
 
Pawel WitkowskiSenior Javascript DeveloperCommented:
well it depend on your javascript structure - if you cant change <a href> element to something else then... well - then add styles so it will display same way as DIV:

css:

.links a
{
display: block;
border: 1px solid gray;
width: 800px;
margin-bottom:1em;
padding:10px;
}

html:

<ul id="countrytabs" class="shadetabs links">
<li><a href="#" rel="#default" class="selected">About me</a></li>
<li><a href="include/profiletab/showgoals.php" rel="countrycontainer">Goals</a></li>
<li><a href="include/profiletab/external3.htm" rel="countrycontainer">Idols</a></li>
<li><a href="include/profiletab/external4.htm" rel="#iframe">Thanks to</a> </li>
</ul>
0
 
CWS (haripriya)Commented:
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now