SomaliNet Forums

Posted: **Mon Jun 06, 2011 4:08 pm**

CAJIIB NICE NEATLY TABLE SLIDING PAGE. THAT TUTORIAL CAAWO INAA SUUBIYO AYAA LAGA YAABAA HADAA WAQTI U HELO. IT IS SACIID AFISOONE. WHO ELSE....?

WAKANAA DAAWO THE EFFECT OF THIS TABLE.... http://saciidbarre.com/Jkuery/jk.html

This the code

// Author: SACIID AFISOONE-ALLAH HA XAFIDO

<!DOCTYPE html>

<html>

<head>

<title> Casharadii html css iyo Jquery</title>

<link rel="stylesheet" href="box.css" type="text/css" media="screen" />

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

<script type="text/javascript">

$(document).ready (function()

{

$('.xir').addClass('daasada');

$('tr:odd').addClass('c1');

$('tr:even').addClass('c2');

$('tr:contains("Macalin")').addClass('highlight');

});

</script>

<script languge="javascript" type="text/javascript">

$(document).ready(function()

{

//hide the all of the element with class msg_body

$(".gudaha_miska").hide();

//toggle the componenet with class msg_body

$(".cinwaanka").click(function()

{

$(this).next(".gudaha_miska").toggle(600);

$(".gudaha_miska").animate({"left": "250px"});

$(".gudaha_miska").animate({"left": "550px"});

});

$(".close").click(function () {

$(".gudaha_miska").animate({"top": "3px"});

$(".gudaha_miska").hide( );

});

});

</script>

</head>

<body>

<div class="jirka">

<h1>Saciid Afisoone wuxuu dhahay:</h1>

<div class="xir">

<div> Aduunka waa maalin ama waa maalin galinkeeda</div>

</div>

<h1> Shaydaanka wuxuu dhahay:</h1>

<div class="xir">

<div> Dadka naarta ayaa u hagayaa ilaa yowmul qiyaamaha</div>

</div>

</div>

<div class="jidwal">

<p class="cinwaanka" >Halkaan Riix sida Tableka u aragtid </p>

<div class="gudaha_miska">

<table width="700">

<TD class="close" BGCOLOR="GOLD">

close

</TD>

<tr>

<td class="td">Saciid</td>

<td class="td">Afisoone</td>

<td class="td">Macalin</td>

</tr>

<tr>

<td class="td">Khalid</td>

<td class="td">Oyaayaaye</td>

<td class="td">Ardey</td>

</tr>

<tr>

<td class="td">Mursal</td>

<td class="td">danyeer</td>

<td class="td">Ardey</td>

</tr>

<tr>

<td class="td">Amina</td>

<td class="td">Araweelo</td>

<td class="td"> Ardey</td>

</tr>

</table>

</div>

</div>

</div>

</body>

</html>
// Qoraaga: Saciid Afisoone-who else?

SomaliNet Forums

CAJIIB--- NICE NEAT TABLE----CAJIIB

CAJIIB--- NICE NEAT TABLE----CAJIIB