Hi,
How I can show summary of thread like Daniweb.
I have attached picture so please guide me.
its really cool without opening the thread we can read whats inside . idf interesting we can go inside.

Thanks

Ayesha
Developer

The link is created from an sql database, the database query creates the title attribute in the link as the first 'xx' characters of the Original post in the thread
without any idea of the database structure
or the sql needed to pull the thread and title from the database

You could browse the Vbulletin source
other bulletin board software source
use google
browse sql & php manuals,
there is 99% likely to be a tutorial on this, somewhere
You could avoid re-inventing the wheel, and use a forum, or part of one, already available

There are 28 JQuery tutorials , I do not know the exact name what I want. So please ...... Temm me the name of tutorial.

Please Friend give me a name of this technique so I can found in the Google.

my google query, was 'include thread teaser in title attribute'
theres a bunch of em

My simplest answer is to download a copy of vbulletin and read the code.
not knowing the data structure, just giving 'duh' column names
something like

select postheading firstpost href from postlist where readflag=nul

and output

echo '<a href=\''.$href.'\' title=\''.substr ( $firstpost, 0, 150 ).'\'>.$postheading.'</a>';

from the database

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JQuery Collapse</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function()
{

$("#click_here").mouseover(function(event) {
event.preventDefault();
$("#div1").slideDown();
});
$("#click_here").mouseout(function(event) {
event.preventDefault();
$("#div1").slideUp();
});

$("#div1 a").click(function(event) {
event.preventDefault();
$("#div1").slideUp();
});
});
</script>
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666; 
}
a{color:#993300; text-decoration:none;}
#div1 {
width:70%;
display: none;
padding:5px;
border:2px solid #EFEFEF;
background-color:#FEFEFE;
}
#click_here{

padding:5px;
border:2px solid #FFEFEF;
background-color:#EFEFEF;
}
</style>
</head>
<body>
<input type="button" id="click_here" value="Click Here">

<div id="div1">
<a href="#" class="close">[x]</a>
<p>
Content of a Div Toggle
</p>
</div>
</body>
</html>

Please Adapost give some commets so I can understand it. If possible. I shall be very thankful for this... You are great . May God give u success. I am a graphic designer if u have any work give me.

Here is a link http://www.roseindia.net/ajax/jquery/

Off topic - Personally I would not recommend this website as resource for learning.

  1. Badly organized
  2. Resources are stolen from various books or sites without referencing original author
  3. In numerous cases example are so called "dirty solutions", meaning just code hacked together, breaking every possible programming rule

If you want to learn it correctly go to the source

This question has already been answered. Start a new discussion instead.