[Dl][JS]alert

[bnmbb]

Jeśli ktoś obserwuje stronę Eternal Sun pewnie wie jakie dałem tam alerty . Najpierw się pojawiają. Potem przez chwile je widać i zanikają.

Aktualnie dałem tylko 2 Odcienie - zielony i czerwony

Efekt : http://esonline.xpag.pl/test.php

 

A oto kod jaki stosuję (może i długi ,ale za to jaki efekt fajny :> (nie dopracowane do końca ,ale ujdzie)) :

var costam;
costam = 0;
var x1;
var x2;
var x3;
function alert(text_alert, type) {

if(type == 'green') {
tlo = '#42ff3d';
obramowka = '#2eb52b';
color_f = 'black';
}
if(type == 'red') {
bg = '#ff4444';
border = '#cb0000';
color_f = 'white';
}
var window = document.createElement("div");
window.id="alert_window";
window.style.opacity = "0";
window.style.position = "absolute";
window.style.left = "30%";
window.style.top = "180px";
window.style.color = color_f;
window.style.float = "center";
window.style.width = "300px";
window.style.minHeight = "50px";
window.style.textAlign = "center";
window.style.backgroundColor = tlo;
window.style.border = "1px solid "+obramowka;
window.style.borderRadius = "5px";
window.style.zIndex ="100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000";
document.body.appendChild(window);
window.innerHTML = ''+text_alert+'';

x = document.getElementById("alert_window");   //clearInterval(x2);
x1 = setInterval('costam++', 10);
x3 = setInterval('x.style.opacity=costam / 100; hide_window(costam);', 11);
}
function hide_window(costam) {
if(costam > 200) {
clearInterval(x1);
clearInterval(x3);
costam = 100;
x = document.getElementById("alert_window");
x1 = setInterval('costam--', 5);
x3 = setInterval('x.style.opacity=costam / 100; delete_window(costam);', 6);// clearInterval(x2);
}
}

function delete_window(costam) {
if(costam <10) {
   document.body.removeChild(document.getElementById("alert_window"));
 clearInterval(x1);
   clearInterval(x3);
   }
}

 

Jak wywołać :

alert("Jakiś tekst", "green/red");

[Gość]

dzięki

wykorzystam to na swojej stronce

[bnmbb]

spx. Można tym też robić confirmy. Wystarczy Dodać 2 przyciski (button) - 1 zwraca true ,a 2 false. (OnClick="return true;", OnClick="return false;").

Mogę się mylić bo jeszcze nie sprawdzałem tego.

[Gość]

a jest możliwość dania obrazka jako ramki?

da się zmienić czas albo żeby po kliknięciu się chowało

 

żeby dobrze chodziło trzeba dać to w plik js i includowac do pliku php (?)

[bnmbb]

No np. tworzysz plik. dajmy create_alert.js

 

w niego wrzucasz kod ,a do layoutu możesz dodać :

<script type="text/javascript" src="http://mojastrona.pl/create_alert.js"></script>

 

A z obramowaniem możesz też dać obrazkowym (Wpisz border-image)

[Gość]

a znikanie po kliknięciu?

da się coś z tym zrobić?

[Scolari]

http://jqueryui.com/demos/dialog/

[bnmbb]

Można i też tak

A z kliknięciem by zniknął :

window.onclick = 'clearInterval(x1); clearInterval(x3); costam=200; hide_window(costam);';

[Gość]

nie jestem dobry w js ;/

wszystko robie dobrze ale bład mi wyskakuje...

w pliku shop wyskakuje bład prz kupowaniu jak ma się pojawić informacja że gracz kupił itemka.

w pliku index, layout, i shop mam kod includowania tego pliku

[b]Fatal error[/b]: Call to undefined function alert() in [b]/home/a8644443/public_html/gracz/[/b] on line [b]82[/b]

<script type="text/javascript" src="http:///include/tabela.js"></script>

var costam;
costam = 0;
var x1;
var x2;
var x3;
function alert(text_alert, type) {

if(type == 'green') {
tlo = '#42ff3d';
obramowka = '#2eb52b';
color_f = 'black';
}
if(type == 'red') {
bg = '#ff4444';
border = '#cb0000';
color_f = 'white';
}
var window = document.createElement("div");
window.id="alert_window";
window.style.opacity = "0";
window.style.position = "absolute";
window.style.left = "30%";
window.style.top = "180px";
window.style.color = color_f;
window.style.float = "center";
window.style.width = "300px";
window.style.minHeight = "50px";
window.style.textAlign = "center";
window.style.backgroundColor = tlo;
window.style.border = "1px solid "+obramowka;
window.style.borderRadius = "5px";
window.style.zIndex ="100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000";
document.body.appendChild(window);
window.innerHTML = ''+text_alert+'';

x = document.getElementById("alert_window");   //clearInterval(x2);
x1 = setInterval('costam++', 10);
x3 = setInterval('x.style.opacity=costam / 100; hide_window(costam);', 11);
}
function hide_window(costam) {
if(costam > 200) {
clearInterval(x1);
clearInterval(x3);
costam = 100;
x = document.getElementById("alert_window");
x1 = setInterval('costam--', 5);
x3 = setInterval('x.style.opacity=costam / 100; delete_window(costam);', 6);// clearInterval(x2);
}
}

function delete_window(costam) {
if(costam <10) {
    document.body.removeChild(document.getElementById("alert_window"));
 clearInterval(x1);
    clearInterval(x3);
    }
}

    mysql_query("update konta set kasa = kasa - ".$item['cena_kup']." where id = ".$user -> get['id']);

    $user -> get['kasa'] -= $item['cena_kup'];
    alert("kupiono przedmiot", "green");
   }

[bnmbb]

A widzisz. Bo mylisz PHP z JS

<script type="text/javascript">

alert("kupiono przedmiot", 'green');

</script>

Możesz funkcję w PHP o nazwie alert i wtedy powinno hulać.