Solved

tabs with text rather than links

Posted on 2009-04-02
3
240 Views
Last Modified: 2012-05-06
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
Comment
Question by:runnerjp
3 Comments
 
LVL 18

Accepted Solution

by:
wilq32 earned 500 total points
Comment Utility
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
 
LVL 16

Expert Comment

by:CWS (haripriya)
Comment Utility
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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

Introduction HyperText Transfer Protocol (http://www.ietf.org/rfc/rfc2616.txt) or "HTTP" is the underpinning of internet communication.  As a teacher of web development I have heard many questions, mostly from my younger students who have come to t…
OverviewThis article demonstrates a simple search form using AJAX. The purpose of the article is to demonstrate how to use the same code to render a page and javascript (JQuery) and AJAX to make subsequent calls to refine the results. The princip…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now