Hej,
Jeg vil lave et "login" som skal ske via popup med inputs.
Men når jeg submitér, så fader popup vinduet væk. Det skal den helst ikke.
Skal forblive i popup vinduet, og give en handling med logger ind eller ej.
Nogen der kan hjælpe?.
--
tinybox.js
- var TINY={};
-
- function T$(i){return document.getElementById(i)}
-
- TINY.box=function(){
- var p,m,b,fn,ic,iu,iw,ih,ia,f=0;
- return{
- show:function(c,u,w,h,a,t){
- if(!f){
- p=document.createElement('div'); p.id='tinybox';
- m=document.createElement('div'); m.id='tinymask';
- b=document.createElement('div'); b.id='tinycontent';
- document.body.appendChild(m); document.body.appendChild(p); p.appendChild(b);
- m.onclick=TINY.box.hide; window.onresize=TINY.box.resize; f=1
- }
- if(!a&&!u){
- p.style.width=w?w+'px':'auto'; p.style.height=h?h+'px':'auto';
- p.style.backgroundImage='none'; b.innerHTML=c
- }else{
- b.style.display='none'; p.style.width=p.style.height='100px'
- }
- this.mask();
- ic=c; iu=u; iw=w; ih=h; ia=a; this.alpha(m,1,80,3);
- if(t){setTimeout(function(){TINY.box.hide()},1000*t)}
- },
- fill:function(c,u,w,h,a){
- if(u){
- p.style.backgroundImage='';
- var x=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP');
- x.onreadystatechange=function(){
- if(x.readyState==4&&x.status==200){TINY.box.psh(x.responseText,w,h,a)}
- };
- x.open('GET',c,1); x.send(null)
- }else{
- this.psh(c,w,h,a)
- }
- },
- psh:function(c,w,h,a){
- if(a){
- if(!w||!h){
- var x=p.style.width, y=p.style.height; b.innerHTML=c;
- p.style.width=w?w+'px':''; p.style.height=h?h+'px':'';
- b.style.display='';
- w=parseInt(b.offsetWidth); h=parseInt(b.offsetHeight);
- b.style.display='none'; p.style.width=x; p.style.height=y;
- }else{
- b.innerHTML=c
- }
- this.size(p,w,h)
- }else{
- p.style.backgroundImage='none'
- }
- },
- hide:function(){
- TINY.box.alpha(p,-1,0,3)
- },
- resize:function(){
- TINY.box.pos(); TINY.box.mask()
- },
- mask:function(){
- m.style.height=TINY.page.total(1)+'px';
- m.style.width=''; m.style.width=TINY.page.total(0)+'px'
- },
- pos:function(){
- var t=(TINY.page.height()/2)-(p.offsetHeight/2); t=t<10?10:t;
- p.style.top=(t+TINY.page.top())+'px';
- p.style.left=(TINY.page.width()/2)-(p.offsetWidth/2)+'px'
- },
- alpha:function(e,d,a){
- clearInterval(e.ai);
- if(d==1){
- e.style.opacity=0; e.style.filter='alpha(opacity=0)';
- e.style.display='block'; this.pos()
- }
- e.ai=setInterval(function(){TINY.box.ta(e,a,d)},20)
- },
- ta:function(e,a,d){
- var o=Math.round(e.style.opacity*100);
- if(o==a){
- clearInterval(e.ai);
- if(d==-1){
- e.style.display='none';
- e==p?TINY.box.alpha(m,-1,0,2):b.innerHTML=p.style.backgroundImage=''
- }else{
- e==m?this.alpha(p,1,100):TINY.box.fill(ic,iu,iw,ih,ia)
- }
- }else{
- var n=Math.ceil((o+((a-o)*.5))); n=n==1?0:n;
- e.style.opacity=n/100; e.style.filter='alpha(opacity='+n+')'
- }
- },
- size:function(e,w,h){
- e=typeof e=='object'?e:T$(e); clearInterval(e.si);
- var ow=e.offsetWidth, oh=e.offsetHeight,
- wo=ow-parseInt(e.style.width), ho=oh-parseInt(e.style.height);
- var wd=ow-wo>w?0:1, hd=(oh-ho>h)?0:1;
- e.si=setInterval(function(){TINY.box.ts(e,w,wo,wd,h,ho,hd)},20)
- },
- ts:function(e,w,wo,wd,h,ho,hd){
- var ow=e.offsetWidth-wo, oh=e.offsetHeight-ho;
- if(ow==w&&oh==h){
- clearInterval(e.si); p.style.backgroundImage='none'; b.style.display='block'
- }else{
- if(ow!=w){var n=ow+((w-ow)*.5); e.style.width=wd?Math.ceil(n)+'px':Math.floor(n)+'px'}
- if(oh!=h){var n=oh+((h-oh)*.5); e.style.height=hd?Math.ceil(n)+'px':Math.floor(n)+'px'}
- this.pos()
- }
- }
- }
- }();
-
- TINY.page=function(){
- return{
- top:function(){return document.documentElement.scrollTop||document.body.scrollTop},
- width:function(){return self.innerWidth||document.documentElement.clientWidth||document.body.clientWidth},
- height:function(){return self.innerHeight||document.documentElement.clientHeight||document.body.clientHeight},
- total:function(d){
- var b=document.body, e=document.documentElement;
- return d?Math.max(Math.max(b.scrollHeight,e.scrollHeight),Math.max(b.clientHeight,e.clientHeight)):
- Math.max(Math.max(b.scrollWidth,e.scrollWidth),Math.max(b.clientWidth,e.clientWidth))
- }
- }
- }();
Styk jasvascript kode i index.php
- <script type="text/javascript">
- T$('adm').onclick = function(){TINY.box.show('minsti.php',1,300,150,1)}
- </script>
Funktionen til at kalde på popup vinduet i index.php
- <div class="button" id="adm">Admin</div>
minsti.php (bare eksempel på stinavn.
- <?php
- if(isset($_POST['login'])):
- echo ("Handler ind nu.<br />");
- else:
- echo ("Skal vi handle eller hvad?<br />");
- endif;
- ?>
- <form action="" method="POST">
- <b>Brugernavn:</b>
- <input>
- <br />
- <b>Kodeord:</b>
- <input>
- <br />
- <input type="submit" name="login" value="Login">
- </form>
Ved klikket, forsvinder vinduet.
Håber i kan hjælpe mig videre.