23. august 2008 - 18:01Der er
14 kommentarer og 1 løsning
Pop-up vindue, som nedtoner siden bagved
Hej. Jeg har en input-formular, og ved Submit indlæses ny side, hvor der: 1. Tjekkes for fejlindtastninger 2. Skrives til MySQL
Jeg kunne godt tænke mig, at punkt 1 sker inden der indlæses ny side, og hvis der er fejl, så popper et vindue op, hvor der informeres om fejlene - altså ingen ny side, men et pop-up vindue.
Findes der en løsning, hvor input-formularen fx. nedtones og er inaktiv, mens popupvinduet vises. Og gerne henvisning til noget materiale, der beskriver metoden.
Jeg er godt klar over, at jeg via Javascript kan kontrollere alle input, hvilket jeg også anvender, men jeg har også nogle PHP-valideringer på fejlindtastninger og sammenhænge.
JS valideringer sker jo løbende, men når jeg trykker Submit, laver jeg nogle PHP tjek. Dette er hidtil sket på side 2, men jeg ønsker i stedet det lavet i en popup til side 1, hvor side 1 nedtones og er inaktiv. Har du et link til et sted, der beskriver lidt om det.
Du kan ikke køre PHP uden at loade siden igen, og det er jo netop det, du ikke ønsker. Eneste løsning for at undgå dette (og stadig bruge PHP) er at bruge AJAX. Og det er ikke så ligetil. Ellers må du gøre det med JS.
Jo, men jeg kan vel loade siden igen, når jeg trykker på Submit, og derved lave nogle PHP-tjek Et eksempel: Hvis der som input er indtastet "200" i [Antal biler], og det indtastede tal er usædvanligt højt, så skal der komme et popup vindue, som skriver, at det er et højt tal. Vil du rette eller fortsætte.
Popupboksen er bare lavet med almindelige HTML-elementer og CSS. Den tonede baggrund er bare et halvgennemsigtigt div-element, som er 100% højt og bredt.
Jeg kan jo også vælge helt at droppe side 2, men i stedet anvende lightboxe.
Lightbox type 1 = Advarselsbox (Er du nu sikker... Fortsæt eller ret) Lightbox type 2 = Fejlbox (Du har lavet disse fejl.... Ret) Lightbox type 3 = Kvitteringsbox (Dine indtastninger er nu gemt.... Ny eller luk)
Se du nogen problemer i dette, hvis ellers jeg finder ud af at definere Ligth-boxene og de tilhørende knapper/Link.
Jeg er godt i gang, men jeg har 1 ting, jeg ikke kan hitte ude af. Derfor fordobler jeg lige pointene, hvis du også vil svare på dette:
Jeg har hentet et lightbox script og anvender en kode, som har en OK og Fortryd knap: Men jeg kan ikke se, hvordan jeg definerer, hvad der skal ske, når det trykkes på hhv. OK og Fortryd. Koden ser sådan her ud:
Dialog.confirm("Add your <b>HTML</b> message here<br/>Better than a classic javascript alert?", {top: 10, width:250, className: "alphacube", okLabel: "Yes", cancelLabel:"No"})
Jeg kan se i dokumentation, at der står: Key=onOk Default=none Description =Ok callback function called on ok button
Er det noget med, at jeg skal have "onOK:"NyFunktion;" ind i ovennævnte kode, og så lave en funktion, som kalder det link, jeg vil have den til at gå til. Men jeg er ikke klar over hvordan man laver denne funktion.
Jeg opretter lige spørgsmålet i en ny tråd. Tak for hjælpen indtil nu.
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
