»RSS Benchmark sajt

      Prikazani rezultati od 1 do 7 od ukupno 7

      Tema: Javascript / Jquery provera input polja

      1. #1
        Member
        Na forumu od
        Feb 2007
        Lokacija
        Around Belgrade
        Poruka
        189

        Javascript / Jquery provera input polja

        Поштовани чланови форума,
        неопходна ми је помоћ.
        Потребно је да проверим да ли корисник уписује празно место у ιnput пољу, и ако упише једно празно место, да се испод тог поља упише реч Τag. За свако празно поље, уписује се нова реч Таg2 и ресетује поље. Код клика на дугме "ресетовање" брише се свако настало Τag polje.

        <!DOCTYPE html>
        <html lang="en" dir="ltr">
        <head>
        <meta charset="utf-8">
        <script src="jquery-3.3.1.min.js"></script>
        <title> Jquery</title>
        </head>
        <body>


        <input type="text" name="prvi" id="prvi" value="Tag"></input>

        <button type="button" id="ponisti" name="ponistavanje">Poništi</button>

        <div id="prikazati"><br></div>
        <hr>
        <input type="number" name="broj1" placeholder="min"></input>
        <input type="number" name="broj2" placeholder="max"></input>
        <button type="button" name="generisi">Generiši</button>
        <script>

        var input_karakter = document.getElementById('prvi');
        var paragraf = document.getElementById('prikazati');
        input_karakter.onkeydown = function(e) {
        if input_karakter == keycode 32
        };

        $(function() {
        var sadrzaj = ("text");
        });

        </script>

        </body>
        </html>
        Не знам да ли сам на добром путу ? Хвала.

      2. #2
        Member Avatar korisnika zeroberto
        Na forumu od
        Dec 2007
        Lokacija
        Novi Sad
        Poruka
        293
      3. Moja mašina
        • CPU: AMD Phenom II x4 955 Black Edition 3.2 GHz + CM Hyper TX3
        • MoBo: Gigabyte GA-770TA-UD3
        • RAM: DDR3 2x2GB 1600MHz + 2x4GB 1333MHz Mushkin Siverline Stiletto
        • VGA: ASUS GTX 1050 Ti 4GB GDDR5
        • MON: DELL U2414h
        • HDD: MUSHKIN Callisto 60GB SSD, WD10EZEX, WD3200AAKS, Samsung F2 5400 1.5TB EcoGreen HD154UI
        • Case: Cooler Master 690 II Advanced & Chieftec CFT-650-14CS
        • SND: Sound Blaster X-Fi XtremeGamer
        • OS: Windows 10 x64, Slackware Linux 14.2 x64
        • TV: Samsung LE-40B651
        • INET: Kablovska
        • Ostalo: LG Nexus 4
      4. U <script></script> obrisi sve tvoje i ubaci ovo:
        Kod:
        $('#prvi').on('input', function(e) {
          if (e.target.value.trim() !== e.target.value) {
            $('#prikazati').text($('#prikazati').text() + e.target.value);
            e.target.value = '';
          }
        });
        
        $('#ponisti').click(function() {
          $('#prikazati').html('<br>');
        });
        Ako nisam dobro razumeo pitanje, javi pa da ispravimo.

      5. #3
        Member
        Na forumu od
        Feb 2007
        Lokacija
        Around Belgrade
        Poruka
        189
        Tребало би да се направи функција у којој није унапред дефинисан низ који ће бити обрађен.
        Функција реагује на оно што корисник унесе.
        За сваки унет празан карактер, испод поља за унос приказује се реч "Τag".
        За сваки следећи празан карактер приказује се Τag2, Таg3. Kликом на један од тагова, таг нестаје, а на mouseover tag постаје жут.
        Копирањем твог кода, спречава се упис празних карактера у пољу за унос.
        Хвала на предусретљивости у сваком случају
        Не знам шта је лакше, да ли да пробам да то одрадим у чистом JS + jquery или само Jquery. Не знам ни тачно како да то изведем.
        Хвала.
        Menjao Diamond : 31.08.2019. u 12:47

      6. #4
        Newcomers Avatar korisnika vanbasten
        Na forumu od
        Jul 2018
        Poruka
        441
        Pa ako ima negde vec jquery library koja radi to iskoristi a ako nema pisi sam u js.

      7. #5
        Member
        Na forumu od
        Feb 2007
        Lokacija
        Around Belgrade
        Poruka
        189
        Написао сам део, треба ми даља помоћ
        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8">
        <script src="jquery-3.3.1.min.js"></script>
        <title> Jquery</title>
        </head>
        <body>


        <input type="text" name="prvi" id="prvi" value="Tag"></input>

        <button type="button" id="ponisti" name="ponistavanje">Poništi</button>
        <div class="prikazati"><br></div>
        <hr>
        <input type="number" name="broj1" placeholder="min"></input>
        <input type="number" name="broj2" placeholder="max"></input>
        <button type="button" name="generisi">Generiši</button>
        <script>
        var brojac = 1;
        $('#prvi').on('input', function(e) {
        if (e.target.value === ' ') {
        $('.prikazati').append('Tag' + brojac);
        $('#prvi').val('');
        brojac += 1;
        }
        });
        $('.prikazati').on('click', function() {
        $('.prikazati').remove(this);
        });

        $('#ponisti').click(function() {
        $('.prikazati').html('<br>');
        brojac = 1;
        });

        </script>

        </body>
        </html>
        На који начин се кликом на један таг уклања само тај таг, а не сви тагови из низа ?

      8. #6
        Member Avatar korisnika zeroberto
        Na forumu od
        Dec 2007
        Lokacija
        Novi Sad
        Poruka
        293
      9. Moja mašina
        • CPU: AMD Phenom II x4 955 Black Edition 3.2 GHz + CM Hyper TX3
        • MoBo: Gigabyte GA-770TA-UD3
        • RAM: DDR3 2x2GB 1600MHz + 2x4GB 1333MHz Mushkin Siverline Stiletto
        • VGA: ASUS GTX 1050 Ti 4GB GDDR5
        • MON: DELL U2414h
        • HDD: MUSHKIN Callisto 60GB SSD, WD10EZEX, WD3200AAKS, Samsung F2 5400 1.5TB EcoGreen HD154UI
        • Case: Cooler Master 690 II Advanced & Chieftec CFT-650-14CS
        • SND: Sound Blaster X-Fi XtremeGamer
        • OS: Windows 10 x64, Slackware Linux 14.2 x64
        • TV: Samsung LE-40B651
        • INET: Kablovska
        • Ostalo: LG Nexus 4
      10. Ovo je meni i dalje vrlo nejasno i konfuzno, posebno nakon tvog poslednjeg primera koji kod mene ni ne radi.

        Sta treba ovo da radi if (e.target.value === ' ') tri reda ispod <script> ?
        e.target.value je vrednost celog input polja. Znaci ti ovde proveravas da li je korisnik uneo space kao prvi karakter, i samo u tom slucaju dodajes tag? To po meni nema smisla.

        Ovo isto ne znam kako ti radi, ako radi uopste $('.prikazati').remove(this), pogresno je skroz.
        Za uklananje jednog taga najlakse je umesto obicnog teksta staviti listu, da izgleda ovako:
        <div class="prikazati"><ul><li>Tag1</li><li>Tag2</li><li>Tag3</li></ul></div>
        ali posto ce ovako da prikazuje tag jedan ispod drugog, onda treba jos i u css da stavis li {display: inline}, i posle napraviti da se klikom na taj tag ukloni element liste, odnosno samo taj <li>Tag</li>.

        Predlazem ti da nadjes neki js/jquery kurs za pocetnike, da shvatis osnovne stvari, ima ih brdo po youtubu, a i na drugim mestima.

      11. #7
        Member
        Na forumu od
        Feb 2007
        Lokacija
        Around Belgrade
        Poruka
        189
        Треба уклонити део, .prikazati').on('click', function() {
        $('.prikazati').remove(this);
        });.
        Онда ће радити, извињавам се на забуни. Скинуо сам неколико књига за Jquery, али тамо има све осим идеје како да селектујем појединачно делове које сам додао преко append. Зато сам и овде, што не могу да се снађем са књигама и курсевима. Хвала.

      Bookmarks

      Dozvoljeni tagovi

      • Ne možete pokrenuti nove teme
      • Ne možete odgovoriti u temi
      • Ne možete okačiti atačmente
      • Ne možete izmeniti svoje poruke
      •