Javascript štýlovanie alert okna CSS

Programovacie jazyky, rady, poradňa...
redge
Light Star
Light Star
Príspevky: 287
Registrovaný: 09 feb 2011, 11:16

Javascript štýlovanie alert okna CSS

Príspevok od používateľa redge »

Pls, nepoznate niekto nejaky tutorial, ako stylovat javascript alert okna pomocov CSS??
ak poznate tak potom pls dajte sem linky, alebo napiste priklad. Dik. K :plus:
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa audiotrack »

skús pozreť napríklad toto: http://www.scriptiny.com/2008/04/custom ... log-boxes/
alebo zadaj do googla custom javascript dialog a nájdi si iné
redge
Light Star
Light Star
Príspevky: 287
Registrovaný: 09 feb 2011, 11:16

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa redge »

mohol by mi niekto urobit zakladny vytah okna. je to vela, pls.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa audiotrack »

pozeral si ten odkaz čo som ti dal? Máš tam aj demo, tak si to pozri. Je to asi nejjednoduchšie riešenie aké som kedy videl, preto som ti dal práve tento link. Stačí do hlavičky dať jeden js súbor ktorý si tam ztiahneš, a volanie funkcie máš napísané v tom jedno riadku kódu čo tam je. Prípadne si klikni na demo, a tam si pozri v zdrojáku ako to používajú
redge
Light Star
Light Star
Príspevky: 287
Registrovaný: 09 feb 2011, 11:16

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa redge »

ale ja myslim len zmenu bgcoloru a nie celeho okna, lebo sa mi to tam miesa.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa audiotrack »

bezny dialog ale nie je vec html ci css alebo javascriptu, ale je to vec prehliadaca. V kazdom prehliadaci vyzera dialog inac. Z toho dovodu nie je ani customizovatelny, jedine namiesto neho zobrazovat nejaky div a presne to robia tieto knizcnice. Cize musis zmenit cele okno, neda sa zmenit iba bgcolor.
redge
Light Star
Light Star
Príspevky: 287
Registrovaný: 09 feb 2011, 11:16

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa redge »

if(!document.getElementById('dialog')) {

}
preco je tam ten vykricnik?
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa audiotrack »

ten znamena negaciu, teda v konkretne tejto ukazke sa vykona to telo podmienky ak na stranke /presnejsie napisane v DOM/ neexistuje element s ID dialog.
redge
Light Star
Light Star
Príspevky: 287
Registrovaný: 09 feb 2011, 11:16

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa redge »

no cize ak dam:

Kód: Vybrať všetko

var dialog;
if(document.getElementById('dialog')) {
dialog = document.createElement('div');
dialog.id = 'dialog';
}
v css

Kód: Vybrať všetko

#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#fff}
.error {background:#fff url(error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}

a v html:

Kód: Vybrať všetko

<a href="javascript:showDialog('Error','Chyba','error',2);">Dialog</a>
zobrazi sa mi okno s pozadim error.jpg a s borderom 1px???
alebo treba pridať ešte niečo iné?
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa audiotrack »

ty sa ma pytas veci, co mas napisane v tom linku v druhom prispevku tejto temy. Pride mi zbytocne pisat znova nieco, co je tam velmi prehladne a jasne napisane. Ten tvoj pseudokod v javascripte tam nema co robit, namiesto neho mas pouzit tu triedu a to takym stylom, ze ju nalinkujes do hlavicky.
redge
Light Star
Light Star
Príspevky: 287
Registrovaný: 09 feb 2011, 11:16

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa redge »

ale fungovalo by to?
redge
Light Star
Light Star
Príspevky: 287
Registrovaný: 09 feb 2011, 11:16

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa redge »

a co by tomu bolo treba pridat, aby to fungovalo, teda okrem function showdialog?
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa audiotrack »

1) snazis sa vytvorit ten div vtedy, ked existuje. Ked teda neexistuje (pri prvom nacitani stranky) tak ho ani nevytvoris a teda nikdy nevynikne. Pytal si sa co znamena ten vykricnik na zaciatku, povedal som ti, a nelogicky si ho nasledne zmazal
2) povedzme si si tu podmienku opravis, potom uz vztvoris div, das mu id ale nepripojis ho do DOM samotnej stranky, takze pamat sice alokujes no do stranky ho nevlozis a nemozes s nim viac narabat
3) dajme tomu, ze opravis aj to. Pripojis ho do documentu, tak dalsia chyba je ze si mu nedal ziaden class. Cize ta trieda error z tvojho csska sa k nemu nepripoji
4) treba ti niecim zavolat tvoju funkciu, ty namiesto toho volas funkciu co nemas deklarovanu
redge
Light Star
Light Star
Príspevky: 287
Registrovaný: 09 feb 2011, 11:16

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa redge »

to vlozim cez script type?
cize napr:

Kód: Vybrať všetko

var dialog;
if(!document.getElementById('dialog')) {
dialog = document.createElement('div');
dialog.id = 'dialog';
} else {
dialog = document.createElement('div');
dialog.id = 'dialog';
}
aku funkciu nemam deklarovanu?
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa audiotrack »

teraz ten javascript nemá už žiaden zmysel. Keď ti obe vetvy robia toisté, tak načo tam máš podmienku? Celé zle. Veď ty nemáš nie že základy javascriptu, ty nemáš ani základné algoritmické myslenie!

A čo si myslel tým script type neviem.
c-ice
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 475
Registrovaný: 04 mar 2008, 15:18
Kontaktovať používateľa:

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa c-ice »

ja ti to prelozim :D ...

Kód: Vybrať všetko

<script src="" type="" > 
myslí tento atribut dnes mam ake vnímave myslenie rozumiem co lamy chcu :)

btw.

Kód: Vybrať všetko

<script type="text/javascript" > /* TODO: Code here */ </script>
Spoiler
na niekoho kto toto vsetko vie
http://www.hojko.com/post1590390.html?h ... l#p1590390
http://www.hojko.com/post1625260.html?h ... l#p1625260

by bolo celkom normalne ze by si vedel pozriet na w3schools.com nejaku tu dokumentaciu a examples

poprosim podpisovat sa pod K :minus: pre buducnost
redge
Light Star
Light Star
Príspevky: 287
Registrovaný: 09 feb 2011, 11:16

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa redge »

na niekoho kto toto vsetko vie
post1590390.html?hilit=html#p1590390
post1625260.html?hilit=html#p1625260
toto som nepochopil. daval som tam len svoje znalosti, nenapisal som tam nic a js, a prave ked sa idem ucit:
Screenshot_1.jpg
skocim do predu a pytam sa.
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa BX »

Redge ja Teba niagraz nechápem. Toto neber v zlom, len by som bol rád, keby si mi objasnil pár vecí:
1.) Chceš sa naučiť js tým, že ideš stylovať alert okno. (Teda z Tvojich slov som pochopil, že js nevieš a učíš sa ho tak, že skocíš a spýtaš sa. Pochopil som správne?)

2.) Prečo tu vidím screen z audiotracka? Dúfam, že sa neučíš js kvôli tomu. Ak by to tak bolo, tak neviem prečo styluješ alert.
3.) Veľa krát tvoje vety vyznejú veľmi nezrozumiteľne. Mohol by si to zlepšiť? :)
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Javascript štýlovanie alert okna CSS

Príspevok od používateľa audiotrack »

4) ako mi chceš dať tú k+ čo slubuješ v prvom poste keď si v zápornej?
Napísať odpoveď