Öncelikle hayırlı geceler dilerim
bir konuda yardıma ihtiyacım var
index tasarlamaya çalışıyorum da
burda login tıkladıgımda alert pencere si değilde
bu scriptin çalışmasını istiyorum yada ekrana
Yanlış şifre yazan bir uyarı mesajı istiyorum ancak pencere şeklinde windows alert değil bunu nasıl yaparım
bir konuda yardıma ihtiyacım var
index tasarlamaya çalışıyorum da
Kod:
<form id="login">
<input type="text" name="kullanici" placeholder="Username"><br />
<input type="password" name="sifre" placeholder="Pass"><br />
<button type="button" onclick="alert('My Name Is Neo :)')">Login</button>
</form>
Kod:
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Koddostu Zıplayan duyuru panosu-->
<div class="kddtop"> <div class="kddtut"> <p>
<b>Duyuru</b><br/><br/>
Sitemize hoş geldiniz! Koddostu işbirliği ile sitemize eklenen bu duyuru panosundan sitemizdeki son gelişmeleri takip edebilirsiniz!
*********
.kddtop {
right:16px;
width: 300px;
min-height:180px;
background: transparent;
margin: 0 auto;
position: fixed;
font-family:Arial, sans-serif !important;
border-radius:3px;
-webkit-border-radius:3px;
bottom: 16px;
overflow: hidden;box-shadow: 0px 1px 4px transparent;
z-index:900;}
.kdtutkdrs{
margin:0px;padding:0px;border:none;text-decoration:none;display:block;width:90px;height:18px;background:transparent url(http://3.bp.blogspot.com/-MHH2O2mO5m8/T6UsNCyesCI/AAAAAAAAHhg/s7iG_hDCqg0/s1600/kd32.png);opacity:0.4;filter:alpha(opacity=40);position:absolute;top:0px;left:-56px;z-index:60200;
}
.kddtop p{width:0px;height:0px;overflow:hidden;opacity:0;position:relative;padding:16px 0 0 20px;z-index:5;margin:0 0 0 0;
color:rgba(0,0,0,0);}
.kddtop:hover p{display:block;
width:100%;height:100%;opacity:1;color:#fff;
transition:opacity 1s 0.4s ease;
}
.kddtop:before {
content: "?";
position: absolute;
line-height: 1150px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 760px;
z-index:1;
width: 1100px;
height: 1100px;
background: #F44336;
border-radius: 50%;
top: 100%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.035);
transform: translate3d(-50%, -50%, 0) scale(0.035);
-webkit-animation: .5s bounce infinite alternate-reverse;
animation: .5s bounce infinite alternate-reverse;
-webkit-transition: .5s -webkit-transform ease, .5s color ease;
transition: .5s transform ease, .5s color ease;
}
.kddtop:after {
content: "";
position: absolute;
left: 133px;
right: 133px;
bottom: 0;
height: 15px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
-webkit-transition: .3s opacity ease;
transition: .3s opacity ease;
-webkit-animation: .5s shadow infinite alternate-reverse;
animation: .5s shadow infinite alternate-reverse;
}
.kddtop:hover {
box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
-webkit-transition: .5s all ease .25s;
transition: .5s all ease .25s;
}
.kddtop:hover:before { color: #F44336; top: 100%; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); -webkit-transition: .3s top ease, .5s -webkit-transform ease .25s, .5s color ease .25s; transition: .3s top ease, .5s transform ease .25s, .5s color ease .25s; } </style> <a class="kdtutkdrs" href="http://www.koddostu.com/" onfocus="this.blur();" target="_blank"> </a> ********* .kddtop:hover:after { opacity: 0; } .kddtop:hover .kddtut:before { width: 50px; -webkit-transition: .3s all ease 1.25s; transition: .3s all ease 1.25s; } .kddtop .kddtut { padding: 0 35px 5px 0; box-sizing: border-box; display: block; position: relative; opacity: 1; text-align: center; } .kddtop .kddtut:before { content: ""; position: absolute; top: 0; left: 150px; rigth: 150px; width: 0px; height: 1px; background: black; } @-webkit-keyframes bounce { from { top: 93%; } to { top: 50%; } } [USER=350438]KeyF[/USER]rames bounce { from { top: 93%; } to { top: 50%; } } @-webkit-keyframes shadow { from { height: 5px; } to { height: 20px; -webkit-transform: scale(0.3); transform: scale(0.3); } } [USER=350438]KeyF[/USER]rames shadow { from { height: 5px; } to { height: 20px; -webkit-transform: scale(0.3); transform: scale(0.3); } }</style>
</p> </div> </div>
<script src="https://www.koddostu.com/duzelt.js?no=287"></script>
Yanlış şifre yazan bir uyarı mesajı istiyorum ancak pencere şeklinde windows alert değil bunu nasıl yaparım