javascript - Display block after fadeout or fadein after fadeto -

-

when click on image want div fadein , fadeout. div should occupy same space (display: block). if click again, want div reappear.

can't achieve this. if use fadeout(), inline style display:none added. if use fadeto(), div hidden without occupying space.

how have it?

code:

function edit(oneid)  {    avisedit(oneid);    }    function avisedit(oneid)  {  	var nom = $('#x'+oneid+' .nom').text();  	showalerts("ara pots editar el valor dels camps de '"+nom+"'", 2);  }      function showalerts(sms, code)  {  	switch(code)  	{  		case 0:  			actions(sms, "success");  			break;  		  		case 1:  			actions(sms, "error");  			break;  		case 2:  			actions(sms, "info");  			break;  	}  }    function actions(sms, tipus)  {  	$("#warningboxes").toggleclass(tipus);	// add class  	$('#warningboxes').css('visibility','visible').hide();		// start hidden fadein  	$("#warningboxes").html(sms); // add message in div  	$("#warningboxes").fadein(1500, function() // show  		{  			settimeout(function()  			{  				$('#warningboxes').fadeout(1500, 0); // dissapears removes space of div #warningboxes; fadeto(), fadein won't work anymore  			}, 1500)  			  			  			settimeout(function()  			{  				backtostd(tipus);  // remove properties added still works  				  			}, 3000);  		}			  	);  }    function backtostd(tipus)  {  	$('#warningboxes').toggleclass(tipus);  	$('#warningboxes').css(  		{  			display: "block",  			opacity: "",  			filter: "",  			zoom: "",  			visibility: ""  		}  	);  }
.warningboxes  {  	border: 1px solid;  	margin: 10px 0px;  	padding:15px 10px 15px 50px;  	background-repeat: no-repeat;  	background-position: 10px center;  	visibility:hidden;  	display:block;  }  .info   {  	color: #00529b;  	background-color: #bde5f8;  	background-image: url('../res/pngicons/knobinfo.png');  }  .success   {  	color: #4f8a10;  	background-color: #dff2bf;  	background-image: url('../res/pngicons/knobvalidgreen.png');  }  .warning   {  	color: #9f6000;  	background-color: #feefb3;  	background-image: url('../res/pngicons/knobattention.png');  }  .error   {  	color: #d8000c;  	background-color: #ffbaba;  	background-image: url('../res/pngicons/knobcancel.png');  }
<body>    	<div class="warningboxes" id ="warningboxes" name="warningboxes"> info message</div>  	<table id="myid">        ....        ....        ...                <img src='./res/edit.png' id='imagenok4' class='deleteandothers' onclick='edit(4)'>        <img src='./res/edit.png' id='imagenok5' class='deleteandothers' onclick='edit(5)'>        <img src='./res/edit.png' id='imagenok6' class='deleteandothers' onclick='edit(6)'>        ....

adding code messy , irrelevant. important part in 

function actions(sms, tipus)

as here fadein , fadeout...

i have read lots can't make code work.

thanks!

please try code. on first click on img, div fades out. on clicking again, fades in.

update: if want div faded out initially, need add class gone manually @ start. because class causes div have 0 opacity.

$("#fade-img").on("click", function(e){    $("#fade-div").toggleclass("gone");  });//img click
#fade-div  {    background: green;    height: 200px;    transition: opacity 1s ease;    width: 200px;  }    #fade-div.gone  {    opacity: 0;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <img id="fade-img" src="http://placehold.it/100x100" alt="" />  <div id="fade-div" class="gone"></div>


Comments

Post a Comment

Popular posts from this blog

matlab - error with cyclic autocorrelation function -

-
Image
i'm trying code cyclic autocorrelation function in matlab follows: t=0:(n-1); t=t*te; i_alpha=0; tau=-n2*te:te:n2*te; alpha=-1/2:1/n:1/2; ryy_cl=zeros(length(alpha),length(tau)); alpha=alpha/te ind_tau=0; i_alpha=i_alpha+1; k=tau ind_tau=ind_tau+1; if k>0 % ryy_cl(i_alpha,ind_tau)=1/length(sig_bin_syl_mod(1:end- k))*sum((sig_bin_syl_mod(1:end-k)).*sig_bin_syl_mod(k+1:end)).*exp(1i*2*pi*alpha*t(1+k:length(sig_bin_syl_mod(1:end)))); ryy_cl(i_alpha,ind_tau)=(1/n)*sum((sig_bin_syl_mod(1:end-k)).*sig_bin_syl_mod(k+1:end)).*exp(-1i*2*pi*alpha*t(1:end-k)); else ryy_cl(i_alpha,ind_tau)=(1/n)*sum((sig_bin_syl_mod(1-k:end)).*sig_bin_syl_mod(1:end+k)).*exp(-1i*2*pi*alpha*t(1-k:end)); end end end i'm getting errors, , doesn't show expecting. according below formulae, how can fix it? the code provided incomplete, difficult confidently reproduce error. in particular, haven't de...
Read more

django - (fields.E300) Field defines a relation with model 'AbstractEmailUser' which is either not installed, or is abstract -

-
i trying create customuser django project email username , add radio button truck , company. in registration process email-id registered per truck or company. mentioned radio button 'tag' , add manytomany field tag in emailuser model. when makemigrations, raising error : (fields.e300) field defines relation model 'abstractemailuser' either not installed, or abstract. i quite new django , not sure whether have created correct code wants. please me solving this. here code, models.py: import django django.contrib.auth.models import ( abstractbaseuser, baseusermanager, permissionsmixin) django.core.mail import send_mail django.db import models django.utils import timezone django.utils.translation import ugettext_lazy _ class emailusermanager(baseusermanager): """custom manager emailuser.""" def _create_user(self, email, password, is_staff, is_superuser, **extra_fields): """create , save emailus...
Read more

c# - What is a good .Net RefEdit control to use with ExcelDna? -

-
i using exceldna , c# build suite of tools. part of forms i'd want user select cells/ranges workbook. i've got application.inputbox route working...but doesn't cool... i haven't read many things excel's refedit control, , see many have in past written workarounds, in (shudder) vba or vb.net. however, none of these seem recent... best approach/control refedit functionality on form run via exceldna (if applicable)? the refedit sample project of github explores different ways of dealing threading when showing form excel add-in, main issue making refedit control .net add-in. check page links various other implementations: https://github.com/excel-dna/exceldna/wiki/links-about-refedit
Read more