Iskocni prozor od registracije na sajt

Web dizajn i grafika
1

Pravim jedan sajt koi ukljucuje login i registraciju…za sada sam napravio i login i registraciju, te sve povezao sa bazama, sve radi, ali mi je na dvije razlicite stranice. Zanima me kako mogu da na stranici od logina negde u cosku stavim dugme registracija i kada neko klikne na to dugme da se otvori odnososno iskoci na toj stranici nova manja stranica sa poljima od registracije. Hvala na odgovorima

2

Možeš sa css3 http://codepen.io/dimsemenov/pen/GAIkt

ili jQuery http://jqueryui.com/dialog/

3

Evo vec dva sta pokusavam ovaj css3 da namjestim. Kopiram sva tri dokumenta i css i js pozovem u index i nece da mi radi…

4

Dobro obrati paznju na .min.js i .js datoteke mozda su ti neke duple

5

Ako sam te dobro razumeo tebi treba nesto ovako!

<div id="message_box" > 
	<div id="registration_window">
     	<div id="infosignup">
         <p ><b>Obavezno popunite sva polja oznacena zvezdicom. *</b></p> 
        </div>
         <button id="hide" >  <b>X</b> </button>
		<form action="/index.php" method="post">
		<table id="registration_table">
		<tr><td>Korisnicko ime:</td>
		<td><input type="text" name="korime">*</td></tr>
		<tr><td>Lozinka:</td>
		<td><input type="password" name="sifra">*</td></tr>
		<tr><td>E-Mail:</td>
		<td><input type="text" name="email" >*</td></tr>
		<tr><td>Ime:</td>
		<td><input type="text" name="ime" maxlength="20">*</td></tr>
		<tr><td>Prezime:</td>
		<td><input type="text" name="prezime" maxlength="60">*</td></tr>
		<tr><td>Broj telefona:</td>
		<td><input type="text" name="brojtel" maxlength="20">*</td></tr>
		<tr><td align="right"><input type="reset" value="Obrisi" /></td>
		<td><input type="submit" name="submit" target="_blank" value="Registruj se"></td></tr>
		</table>
		</form>
		</div>	
     	</div>

Stavi recimo ovakonesto u css

#message_box{
	position:relative;margin-left:auto;margin-right:auto;width:500px;height:300px;display: none;
}

#infosignup{
	position:absolute;width:480px;height:20px;
}

#hide {
	position: absolute;
	left: 480px;
	height: 22px;
	width: 22px;
}

#registration_table{
	border-style: none;
	margin-left: 10px;
	margin-top: 30px;
}

u head ubaci ovo

<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("#message_box").hide();
  });
  $("#show").click(function(){
    $("#message_box").show();
  });
});
</script>

Na dugme kojim pozivas taj prozor stavi

<button id="show">

i naravno korime,sifra,email,ime,prezime i td. u imena koja si ti stavljao u svojoj skripti i bazi i u form action ubaci “login.php” ili kako si vec nazvao skriptu za logovanje.
Javi dal je ovo to sto tebi treba.
(ps. ja sam ovo u css-u nalupao a ti posle prepravi kakav tebi izgled pase.
Pozz!!

6

Preporucam FancyBox komponentu. Jednostavno pozovete onload JS i odmah se prikaze “iskocni prozor” odnosno fancybox element u kojemu se definira kasnije sto hoces.