<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>untitled</title>
<style type="text/css">
table {
margin: 40px auto;
}
td {
width: 150px;
height: 150px;
text-align: center;
padding: 20px;
}
td.spacer {
height: 10px;
padding: 0;
background: #eee;
border: 1px black solid;
}
td.pictext {
height: 40px;
vertical-align: top;
font: normal 8pt verdana;
text-align: center;
}
td a:link, td a:visited, td a:active {
display: block;
border: 1px white solid;
}
td a:hover {
border: 1px black solid;
}
td a img {
border: none;
}
</style>
<script type="text/java[ertad]script">
var text = {
logo: "This is the SitePoint logo." ,
lemons: "...and these are some lemons..Wow." //no trailing comma!
}
function pictext(what, where)
{
what = text[what];
where = document.getElementById(where);
while (where.hasChildNodes())
where.removeChild(where.lastChild);
if (where && what)
{
what = document.createTextNode(what);
where.appendChild(what);
}
}
</script>
</head>
<body>
<table>
<tbody>
<tr>
<td><a href="#null" onclick="pictext('logo','pictext1')"><img id="logo" title="click me" src="http://www.pringlerealty.net/images2/Enter_Site_button.jpg" /></a></td>
<td><a href="#null" onclick="pictext('lemons','pictext2')"><img id="lemons" title="click me" src="http://www.fastanetsms.com/fastanetsms_images/button_enter_site.png" /></a></td>
</tr>
<tr>
<td class="spacer"></td><td class="spacer"></td>
</tr>
<tr>
<td class="spacer"></td><td class="spacer"></td>
</tr>
<tr>
<td class="spacer"></td><td class="spacer"></td>
</tr>
<tr>
<td id="pictext1" class="pictext"></td><td id="pictext2" class="pictext" colspan="2"></td>
</tbody>
</table>
</body>
</html>
ეს კი გავაკეთე მაგრამ, როცა დავკლიკავ საიტზე სადმე სხვა ადგილზე, თუნდაც მეორე სურათზე მინდა რო დაიხუროს წინა სურათზე კლიკის დროს ამოგდებული ტექსტი და ვინმე ჩამისწორებთ?
დაჟე ისეც მინდა რო სურათზე დაკლიკვისას ამოვარდეს რამე მუქი ფანჯარა რომელზეც იქნება ტექსტი მაგრამ მაგას დამატებით უნდა მგონი ტვინის ტყვნა...
jQuery ზე, წამეხმარეთ ვინმემ 
