Creating a very simple app with HTML, CSS & Javascript - Part 2/3 - Web SQL

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 29

  • @khairulizhar
    @khairulizhar 7 ปีที่แล้ว

    This is simply great and simple for me to understand.

  • @ucil__4703
    @ucil__4703 5 ปีที่แล้ว +1

    nice tutorial really enjoying it, can i ask with create CRUD app.Can you create some tutorial bcs i stuck with UPDATE function.

  • @jualkuelebaransurabaya4584
    @jualkuelebaransurabaya4584 6 ปีที่แล้ว

    Hi, Arhnuld. Thanks for your tutorial of Web SQL and Onsen. I want to make tutorial from this and for the next part (SELECT, UPDATE) in Bahasa. I write this video link, i will. Thanks so much

  • @MWEMJSUNP
    @MWEMJSUNP 7 ปีที่แล้ว

    I finally resolved this problem ;) , but I have question can do it the same application without using database, just like in many websites using clean javascript or jquery ?

  • @hamedolundegun115
    @hamedolundegun115 5 ปีที่แล้ว +1

    how can i connect onsen ui to a remote database or mysql

  • @nurulatikah8389
    @nurulatikah8389 7 ปีที่แล้ว +1

    my error is openDatabase is not defined. Why?

  • @rockinpaladin3659
    @rockinpaladin3659 6 ปีที่แล้ว +1

    nice tutorial. so i was wondering can you store data to android/ios local storage using hybrid app? if yes, how?

    • @Arhnuld
      @Arhnuld  6 ปีที่แล้ว

      That's extremely easy. On all platforms local storage can be accessed using the Window.localStorage object (or just localStorage)
      The drawback of this is that you can only store strings and not more complex objects. You can work around this by converting objects to strings by using JSON.stringify before storing and JSON.parse after reading.
      Here's good documentation: developer.mozilla.org/nl/docs/Web/API/Window/localStorage

    • @rockinpaladin3659
      @rockinpaladin3659 6 ปีที่แล้ว +1

      Arhnuld oh so do you mean i can do that with just a simple html and js without frameworks? Cool. Thank you for replying so fast by the way :)

    • @Arhnuld
      @Arhnuld  6 ปีที่แล้ว

      Rockin' Paladin Yes, it's a standard feature. No problemo.

  • @tomaszcysewski3225
    @tomaszcysewski3225 8 ปีที่แล้ว +1

    Looking for third part! :)

    • @Arhnuld
      @Arhnuld  7 ปีที่แล้ว +1

      Uploaded it right after you posted this, hope you found it!

  • @ashmorrison2475
    @ashmorrison2475 6 ปีที่แล้ว

    The add button just doesn't work for me, what am I doing wrong??? please assist.

  • @dennisweijer3289
    @dennisweijer3289 5 ปีที่แล้ว

    Waarom staat er bij errors: openDatabase is not defined????

  • @sepehrgoodman3988
    @sepehrgoodman3988 3 ปีที่แล้ว

    your voice is like arnold

  • @andrewsdg1
    @andrewsdg1 3 ปีที่แล้ว

    Hi Arhnuld I see webSQL and its functions are no longer supported at least in Firefox. So openDatabase etc no longer work. What is the best alternative? And have you perhaps updated the code accordingly?

    • @its.arjun.s
      @its.arjun.s 2 ปีที่แล้ว

      I think localstorage is the alternative

    • @Metalvain4
      @Metalvain4 2 ปีที่แล้ว

      @@its.arjun.s I'm getting "Something went wrong: undefined". Is that why because of webSQL is no longer supported?

  • @GilGarcia
    @GilGarcia 7 ปีที่แล้ว +1

    Hello Arhnuld, can you tell me if WebSQL is still a proper source for back database? I don't see any syntax errors in my code but i'm getting a message saying "Something went wrong:could not prepare statement (1 no such table: item)". Thanks for the awesome video! I really like Onsen because I can create apps using vanilla javascript, as a beginner programmer I have found it to be the best starting point. I will look into Vue, Ionic(angular) and the other after getting some coding experience.

    • @Arhnuld
      @Arhnuld  7 ปีที่แล้ว

      Sure! It's supported in Chrome (caniuse.com/#search=storage). In the example code, the table is called 'items', maybe you missed an 's' somewhere?

    • @Arhnuld
      @Arhnuld  7 ปีที่แล้ว +1

      Awesome! Thanks for uploading!
      I can see two typos that mess up the script:
      CREATE TABLE IF NOT EXIST should be CREATE TABLE IF NOT EXISTS
      document.getElementByID should be document.getElementById
      CSS looks okay here. Maybe you can try switching to device view in Chrome? (F12 and then ctrl+shift+m) and refresh with F5?

    • @GilGarcia
      @GilGarcia 7 ปีที่แล้ว +1

      Yes i'm glad GitHub is available lol. Thanks for finding the typos(noob mistakes :-). I have posed the updates to GitHub
      -CSS: I"m currently loading those via CDN, when I try to use customized CSS created by the CSS tool you used and I point my import to the local copy, all styling is lost. I will try and sort it. Thanks again!

  • @andrewbacchusproductions3129
    @andrewbacchusproductions3129 6 ปีที่แล้ว

    What did i do wrong..... everything is working except the part to click on the bin and delete item.... it doesn't delete.

    • @rafapower7416
      @rafapower7416 5 ปีที่แล้ว

      "you need to add" getItems(); "just below function" onSuccess(tx, r){

  • @johnmahugu
    @johnmahugu 7 ปีที่แล้ว +1

    please perhaps you could post a link to the sourcecode?

    • @GilGarcia
      @GilGarcia 7 ปีที่แล้ว +2

      I don't mind sharing my code with you, if you don't mind helping me troubleshoot the one error i'm getting?

  • @MohammadAli-nw7np
    @MohammadAli-nw7np 6 ปีที่แล้ว

    hello guys this is arnuldddd :-))))))