Nedzēš ierakstu no tabulas

[Kracker]

Paņem to pašu kodu ko iedevu un palēnām ej caur visam liekot kopā. Strādās! :)

[Cibiņš]

Ok nebrēcam viss ar to dzēšanu strādā. Tagad ieskāba kārtējā problēma. Kā ļaut fade-out ja attēls tiek dzēsts pie uploada funkcijas, tas ir, ja attēls tiek augšupielādēts, tas parādās uz zaļa fona pašlaik, ja uzklikšķina "dzēst" tad tas nodzēšās no datubāzes un arī attēlu novāc. Tik nepatīk ka attēls lapā paliek un lapa jārefrešo lai tas pazustu. Gribējās pie delete likt fade out. Pašlaik esošais fade out darbojas pie lapas refrešošanas un ieraksta dzēšanas jau esošajos datos, kuri atrodas tabulā. Bet gribas lai uzreiz pie uploada ja attēls ir augšupielādēts, tad ja tas uzreiz tiek dzēsts tad darbojas fade-out.

 

<script type="text/javascript" >
   $(function() {
       $(".delete").click(function() {
  	     var upldimages = $(this).parent();
  	     var id = $(this).attr("id");
  	     var string = 'id='+ id ;

  	     $.ajax({
     		     type: "POST",
 			     success: function(){
  			     upldimages.fadeOut('slow', function() {$(this).remove();});
			     }
  	     });
  	     return false;
       });
   });

   function nos_dz(id_d){
       $.post("delete.php", {nos_dz:""+id_d+""}, function(data){
  	     $('#f_nosaukums').html(data);
   	});
   }

   $(function(){
       var btnUpload=$('#upload');
       var status=$('#status');
       new AjaxUpload(btnUpload, {
  	     action: 'upload-file.php',
  	     name: 'uploadfile',
  	     onSubmit: function(file, ext){
  		  	if (! (ext && /^(jpg|png|jpeg)$/.test(ext))){ // Allowed extensions
  			     alert('Only JPG or PNG images allowed');
  			     return false;
  		     }
  		     status.text('Uploading...');
  	     },
  	     onComplete: function(file, response){
  		     //When ready, remove statuss
  		     status.text('');
  		     //Uploaded file added to list
  		     if(response==="success"){
  			     $('<li></li>').appendTo('#files').html('<a class="img-delete delete" href="#" onclick="nos_dz(\''+file+'\');"></a><img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('upldimages success');
  		     } else{
  			     $('<li></li>').appendTo('#files').text(file).addClass('error');
  		     }
  		     alert('Success');
  	     }
       });
   });    
</script>

Edited March 7, 2012 by Cibiņš

[Kracker]

Priekškam tev vajag fade-out, taisi uz show/hide JQuery. Attēla div-am vai elementam iedod kādu id un tiklīdz izpildās nos_dz() vai JQuery Click, tā momentā paslēpj div-u vai elementu kurā ir attēls.

 

Cerams, ka principu saprati! :)

[Cibiņš]

Nu aptuveni +/- sapratu bet manuprāt ka to fade-off vajag gan. Kā jau minēju, ka pašlaik tiem datiem, kas jau ir datubāzē, ir piesaistīta zemākesošā funkcija

  $(function() {        $(".delete").click(function() {         	var upldimages = $(this).parent();         	var id = $(this).attr("id");         	var string = 'id='+ id ;             	$.ajax({                 	type: "POST",                         	success: function(){                         	upldimages.fadeOut('slow', function() {$(this).remove();});                         	}         	});         	return false;        });    });

 

Taču kad attēlu uploado, fonā ir zaļa krāsa ka attēls ir uploadots. Teorētiski viss tas pats kas esošajiem ierakstiem db tikai nez kapēc augstākminētajai funkcijai neklausa. Gribētos jau ar to feidu labāk tik nesaprotu kapēc pie uploada ID neklausa..jo .delete jau ir norādīts. Respektīvi zemākesošajai f-jai

 

 $(function(){        var btnUpload=$('#upload');        var status=$('#status');        new AjaxUpload(btnUpload, {         	action: 'upload-file.php',         	name: 'uploadfile',         	onSubmit: function(file, ext){                        if (! (ext && /^(jpg|png|jpeg)$/.test(ext))){ // Allowed extensions                         	alert('Only JPG or PNG images allowed');                         	return false;                 	}                 	status.text('Uploading...');         	},         	onComplete: function(file, response){                 	//When ready, remove statuss                 	status.text('');                 	//Uploaded file added to list                 	if(response==="success"){                         	$('<li></li>').appendTo('#files').html('<a class="img-delete delete" href="#" onclick="nos_dz(\''+file+'\');"></a><img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('upldimages success');                 	} else{                         	$('<li></li>').appendTo('#files').text(file).addClass('error');                 	}                 	alert('Success');         	}        });    });

 

te kautkas ir neriktīgi

 

if(response==="success"){                         	$('<li></li>').appendTo('#files').html('<a class="img-delete delete" href="#" onclick="nos_dz(\''+file+'\');"></a><img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('upldimages success');                 	}

a klasei jau ir delete un tam fade būtu jāizpildās..jo vismaz kā jau minēju, ja lapu refrešo, esošajiem ierakstiem no DB tas feids strādā.

Edited March 8, 2012 by Cibiņš

[Cibiņš]

Nezin neviens??

[rATRIJS]

Es tajos one-liner'os negribu skatiities dizhi, bet aatri uzmetot aci izskataas, ka tev to fade-out vajag likt nos_dz() funkcijaa nevis uz $.click.