☰

» »

Kako prikazati dolocen div?

Kako prikazati dolocen div?

amaze646 ::

Pozdravljeni

Izdelujem seznam, ki prikazuje sporočila, ki jih uporabnik prejme preko spletnega obrazca. Stvar sem si zamislil tako, da nam sporocila prikazuje kot seznam. Prikaze nam ime, priimek ... sporocila. Za prikaz sporocila pa sem si zadevo zamislil tako, da uporabnik klikne na ikono na levi strani, ki jo ima vsako sporocilo. Ko klikne na ikono se za izbrano sporocilo prikaze vsebina z toggle funkcijo (jQuery). Stvar mi sicer deluje ampak pojavi se tezava, ker namesto, da bi se prikazala vsebina samo za tocno doloceno sporocilo (tistega ki smo kliknili), se prikazejo vsa sporocila. To zato, ker imajo vsi divi, ki vsebujejo sporocilo isti class. Divi se pa generirajo dinamicno, se pravi glede na stevilo zapisov v bazi. Torej, kako bi lahko naredil, da bi ob kliku prikazal samo dolocen div (tistega, katerega sporocilo smo izbrali).

Link do primera (klik na ikono pisma): http://www.mazej.net:8080/admin/sporoci...

Koda:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/strani.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="java/jquery-1.3.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $(".vsebina").hide();
  $(".klik").click(function(){
    $(".vsebina").slideToggle(600);
  });
});
</script>

</head>
<?php require_once("DBConnector.php");?>
<body>
<div id="sporocila_frame">
<table width="100%" border="0" cellpadding="0" cellspacing="0"><thead><tr><td><table width="100%" border="0" cellpadding="0" cellspacing="0">
  <thead>
    <tr>
      <th width="14" class="levi_rob"></th>
      <th width="100">Status</th>
      <th width="102">Ime</th>
      <th width="123">Priimek</th>
      <th width="307">E-mail</th>
      <th width="293">Zadeva</th>
      <th width="37"></th>
      <th width="23" class="desni_rob"></th>
    </tr>
  </thead>
  <thead>
    <?php 
	//povezava z bazo
	$povezava = new DbConnector();
	$q = $povezava->query("SELECT * FROM sporocila");
	while($row = $povezava->fetchArray($q))
	{
		if($row['prebrano'] == 0)
		{
			$ikona = "<img class=klik src=../css/pics/47.png width=16 height=16 />";
		}else
			$ikona = "<img class=klik src=../css/pics/48.png width=16 height=16 />";
	
		echo "<tr>
			  <td width=14 ></td>
			  <td class=novo>".$ikona."</td>
			  <td >".$row['ime']."</td>
			  <td >".$row['priimek']."</td>
			  <td >".$row['email']."</td>
			  <td >".$row['zadeva']."</td>
			  <td ><img src=../css/pics/action_delete.png width=16 height=16 /></td>
			 </tr>
			 <tr>
			  <td colspan=8>
			  <div class=vsebina>".$row['vsebina']."</div>
			  </td>
			 </tr>";
	 }	 
	 ?>
</table>

</body>
</html>
  • spremenilo: amaze646 ()

b0j3 ::

Definiraj različne dive glede na vsebino.

preem ::

yup, divu dej še id, npr id="foo_12"

in potem izbereš čisto enostavno "div[ @id ^= 'foo_']"

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Prijavljanje napak (strani: 1 2 3 4 … 71 72 73 74 )

Oddelek: Slo-Tech		3669527016 (4561) bastadu
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )

Oddelek: Izdelava spletišč		1298347059 (6196) sunniegoldie
»

jquery in div-i (strani: 1 2 )

Oddelek: Izdelava spletišč		8711318 (10056) lisjak
»

Prikaži več gumb

Oddelek: Programiranje		363312 (2729) MrBrdo
»

linkanje med div-i?

Oddelek: Izdelava spletišč		141644 (1462) MrBrdo

Več podobnih tem