T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
« Caliber – USB reader – Radio submiter – Avtoradio tuner
Javascript – print – tiskanje – document – onload »
13th May

Javascript – alert – confirm – prompt

Javascript pozna tri načine s katerimi lahko nekaj izpišemo (alert), potrdimo (confirm) ali dobimo povratno informacijo (prompt). Poglejmo si uporabo vseh treh načinov:

#1 Alert

PLAIN TEXT
JAVASCRIPT:
  1. function createAlertBox() {
  2.     alert('Tekst, ki bo izpisan uporabniku');
  3. }

#2 Confirm

PLAIN TEXT
JAVASCRIPT:
  1. function createConfirmBox() {
  2.     var status = confirm('Ste prepričani, da želite izbrisati datoteko');
  3.  
  4.     if (status !== false) {
  5.         alert('Datoteka je bila izbrisana');
  6.         location.href='/index.php?a=delete&id=5';
  7.     } else {
  8.         alert('Datoteka ni bila izbrisana');
  9.     }
  10. }


#3 Prompt

PLAIN TEXT
JAVASCRIPT:
  1. function createPromptBox() {
  2.     var name = prompt('Prosimo vnesite vaše ime');
  3.     if (name !== null && name !== '') {
  4.         alert('Vaše ime je: '+name);
  5.     } else {
  6.         alert('Internetni neznanec');
  7.     }
  8. }

Preizkusite delovanje zgoraj omenjenih primerov.

Dodatne informacije:

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Javascript – delci uporabne kode
  2. Input background-color – spreminjanje z Javascript-om
  3. PHP & Javascript asociativna tabela (Associative array)
  4. Javascript koledar – izbira datuma – jQuery date picker
  5. Javascript – fade efekt – jQuery – fadeIn – fadeOut – setTimeout – removeChild
  6. Operacije nad seznami – Javascript DOM – HTML select – HTML option
  7. PHP funkcije v Javascript jeziku – isset
  8. Textarea defaultValute – Javascript string replace – uidatepicker onClose
  9. Javascript – PHP – antispam – dekodiranje – fromCharCode – ASCII
  10. Javascript – avtomatsko osveževanje strani – refresh page – reload page

Roky || Tuesday, May 13th, 2008 ob 12:00 am || Splet, Splet (Javascript, Ajax) || RSS 2.0 | Dodaj komentar || Trackback


13x komentirano na “Javascript – alert – confirm – prompt”

  1. Cobra je napisal:
    May 13th, 2008 ob 11:48 pm

    Tole stvar confrim bi rad uporabil pri shranjevanju novice.Pač v tisto formo vpišem text in to in potem kliknem gumb shrani kateri me vpraša če želim pač shranit in to in če bi dal Da/Yes/Ok bi shranilo vnešene podatke v bazo v primeru da dam Ne/No/Cancel bi pa pač preusmerilo samo na neko stran.Kako bi lahko to naredil?

  2. Roky je napisal:
    May 14th, 2008 ob 9:26 am
    PLAIN TEXT
    JAVASCRIPT:
    1. function createConfirmBox() {
    2.     var status = confirm('Ste prepričani, da želite izbrisati novico');
    3.     if (status !== false) {
    4.         alert('Novica je bila izbrisana');
    5.         location.href='/delete.php?a=delete&id=5';
    6.     } else {
    7.         alert('Novica ni bila izbrisana');
    8.     }
    9. }

    PLAIN TEXT
    PHP:
    1. //delete.php
    2. $id = $_GET['id'];
    3. $sql = "DELETE FROM `news` WHERE id='$id'";
    5.  
    6. // redirect nazaj na pregled novic

    Nekako tako. Pač z javascriptiom s pomočjo location.href preusmerimo na določen naslov, kjer potem PHP izbriše novico in ponovno preusmeri na pregled novic.

  3. Carli je napisal:
    May 14th, 2008 ob 11:50 am

    Eh ja ...

    Kaj pa:

    PLAIN TEXT
    CODE:
    1. href="page.php?id=1" onclick="return confirm('Neko opozorilo?')"

    Ni ravno pravilno, ampak deluje :D

  4. Roky je napisal:
    May 14th, 2008 ob 2:46 pm

    Carli zelo kul ja, zgoraj je bolj obsežen primer z alertom:).

  5. Cobra je napisal:
    May 14th, 2008 ob 5:27 pm

    No ja kaj pa v primeru da forma šiba podatke preko POST?

  6. Roky je napisal:
    May 14th, 2008 ob 5:36 pm

    potem pa recimo:

    PLAIN TEXT
    HTML:
    1. <form id="form1" method="post" action="index.php?m=delete&id=">
    2. <input type="button" value="Izbriši novico" onclick="confirmDelete();" />
    3. </form>

    PLAIN TEXT
    JAVASCRIPT:
    1. var status = confirm('Ste prepričani, da želite izbrisati novico');
    2. if (status !== false) {
    3.    document.getElementById('form1').action = document.getElementById('form1').action+id_novice;
    4.    document.getElementById('form1').submit();
    5. }

  7. Cobra je napisal:
    May 14th, 2008 ob 6:16 pm

    Shrani podatke v bazo neglede na izbrano tipko.

  8. Roky je napisal:
    May 14th, 2008 ob 10:47 pm

    Dodaj še return false; v funkciji ter spremeni klic na: onclick="return confirmDelete();"

  9. Boštjan je napisal:
    May 15th, 2008 ob 2:53 pm

    a nebi blo bolš da daš formi onSubmit attribut, če se pošlje forma preko enter tipke?

  10. Roky je napisal:
    May 15th, 2008 ob 3:38 pm

    em, ja sam tuki je bla fora form-a to, da smo prek njega post izvedel, nič drugega, vbistvu element za pošiljanje POST podatkov.

  11. Boštjan je napisal:
    May 16th, 2008 ob 7:17 am

    aja, ja to pa ja :)

  12. Janko11 je napisal:
    November 5th, 2008 ob 10:59 pm

    $sql = "DELETE FROM `news` WHERE id='$id' ";
    ko imaš več idjev tale stvar ne deluje več. Predvidevam da je id tipa integer in ne string. Se pravi WHERE id = $id. Samo moj skromen komentar. Drugače pa dober članek. lp

  13. Roky je napisal:
    November 6th, 2008 ob 11:11 am

    Imaš prav ja, mogoče bi lahko rešil z kreiranjem WHERE stavka ali z uporabo WHERE IN ('$ids');

Dodaj komentar