Stergere DIV la click

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
claUdiu
Mesaje: 313

Stergere DIV la click

Buna. Vreau sa fac si eu un efect la un div pe care am dat click. Odata ce dau click, el se sterge, si, vreau ca in acelas timp, sa il stearga. IDeea este ca am reusit ceva, doar ca, nu merge.

Am acest cod:

Cod: Selectaţi tot

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

$(document).ready(function(){

$('div.site').click(function(){

$(this).toggle();

var Site = $(this).attr('id');

$.post('ssite.php', {NumarSite: Site}, function(Raspuns){
});
});
});
</script>

<?php
mysql_connect("localhost", "root", "eoclaudiuu") or die("Nu ma pot connecta la MySQL");
mysql_select_db("cauta");

$ip = $_SERVER['REMOTE_ADDR'];

$select = mysql_query("SELECT * FROM siteuri WHERE ip = '92.118.164.165'");

echo '<table border="1">';

$randuri = mysql_num_rows($select);
while ($rez = mysql_fetch_assoc($select)){

$titlu = $rez['titlu_site'];
$descriere = $rez['descriere_site'];
$link = $rez['link_site'];
$id = $rez['id'];

if($randuri == 0){
echo "Nu ai nici un site adaugat";
}else{
echo '<div id="'.$id.'" class="site">';
echo '<tr>';
echo '<th>Titlu</th>';
echo '<th>Descriere</th>';
echo '<th>Actiune</th>';
echo '</tr>';
echo '<tr>';
echo '<td><a href="'.$link.'">'.$titlu.'</a></td>';
echo '<td>'.$descriere.'</td>';
echo '<td>Sterge</td>';
echo '</tr>';
echo '</div>';
}
}
echo "</table>";
?>
<div id="modifica"></div>
Ideea este ca acel <div> l-am pus inainte la Sterge, si, stergea doar acel text. Acum, cand l-am pus sa fie si peste link, si descriere, nu mai functineaza...
Se spune ca...."omul tot invata in viata". Dar...Totusi...Trebie sa ne oprim undeva, nu?
keenbr Mesaje: 44
Asta e o varianta... doar il face sa dispara fara sa stearga din baza de date... revin si cu varianta de stergere din baza de date

Cod: Selectaţi tot

<html>
<head>
<script type="text/javascript">
function sterge() {
  document.getElementById('deSters').style.display = 'none';
}
</script>
</head>
<body>

<?php
mysql_connect("localhost", "root", "eoclaudiuu") or die("Nu ma pot connecta la MySQL");
mysql_select_db("cauta");

$ip = $_SERVER['REMOTE_ADDR'];
$select = mysql_query("SELECT * FROM siteuri WHERE ip = '92.118.164.165'");

echo '<table border="1">';
$randuri = mysql_num_rows($select);
while ($rez = mysql_fetch_assoc($select)){

$titlu = $rez['titlu_site'];
$descriere = $rez['descriere_site'];
$link = $rez['link_site'];
$id = $rez['id'];

if($randuri == 0){
echo "Nu ai nici un site adaugat";
}else{
echo '<div id="deSters">';
echo '<div id="'.$id.'" class="site">';
echo '<tr>';
echo '<th>Titlu</th>';
echo '<th>Descriere</th>';
echo '<th>Actiune</th>';
echo '</tr>';
echo '<tr>';
echo '<td><a href="'.$link.'">'.$titlu.'</a></td>';
echo '<td>'.$descriere.'</td>';
echo '<td><h3 onclick="sterge()">Sterge</h3></td>';
echo '</tr>';
echo '</div>';
echo '</div>';
}
}
echo "</table>";
?>
<div id="modifica"></div>
keenbr Mesaje: 44
Varianta a 2-a...

Pagina date.php

Cod: Selectaţi tot

<?php
if (isset($_POST['id'])) {
  $id = $_POST['id']; 
  $sql = mysql_query("delete from ... where id='".$id."'");
  if(!$sql) print "Eroare";
  else print "Sters";
}
?>
Pagina js

Cod: Selectaţi tot

function get_XmlHttp() {
  var xmlHttp = null;
  if(window.XMLHttpRequest) {
    xmlHttp = new XMLHttpRequest();
  }
  else if(window.ActiveXObject) {	
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  }

  return xmlHttp;
}

function ajaxrequest(tagID,id) {
  var cerere_http =  get_XmlHttp();
  var  datele = 'id='+id;
  cerere_http.open("POST", 'date.php', true);	
  cerere_http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  cerere_http.send(datele);

  cerere_http.onreadystatechange = function() {
    if (cerere_http.readyState == 4) {
      document.getElementById(tagID).innerHTML = cerere_http.responseText;
    }
  }
}
Pagina ta php

Cod: Selectaţi tot

mysql_connect("localhost", "root", "eoclaudiuu") or die("Nu ma pot connecta la MySQL");
mysql_select_db("cauta");

$ip = $_SERVER['REMOTE_ADDR'];

$select = mysql_query("SELECT * FROM siteuri WHERE ip = '92.118.164.165'");

echo '<table border="1">';

$randuri = mysql_num_rows($select);
while ($rez = mysql_fetch_assoc($select)){

$titlu = $rez['titlu_site'];
$descriere = $rez['descriere_site'];
$link = $rez['link_site'];
$id = $rez['id'];

if($randuri == 0){
echo "Nu ai nici un site adaugat";
}else{
echo '<div id="sters">';
echo '<div id="'.$id.'" class="site">';
echo '<tr>';
echo '<th>Titlu</th>';
echo '<th>Descriere</th>';
echo '<th>Actiune</th>';
echo '</tr>';
echo '<tr>';
echo '<td><a href="'.$link.'">'.$titlu.'</a></td>';
echo '<td>'.$descriere.'</td>';
echo '<td><h3 onclick="ajaxrequest('sters',\''.$id.'\')">Sterge</h3></td>';
echo '</tr>';
echo '</div>';
echo '</div>';
}
}
echo "</table>";
 
Nici unul nu e testat ... daca e vreo scapare pe undeva, astept sa fiu corectat... dar cam asta e ideea.