Srodne teme
Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Početniku potrebna pomoć

[es] :: Javascript i AJAX :: Početniku potrebna pomoć

[ Pregleda: 2703 | Odgovora: 11 ] > FB > Twit

Postavi temu Odgovori

Autor
Pretraga teme: Traži
Markiranje Štampanje RSS

A_c_a

Član broj: 90452
Poruke: 14
*.exe042.net.



Profil

icon Početniku potrebna pomoć23.07.2008. u 21:35 - pre 191 meseci
Pozdrav svima!!!
Početnik sam u javascript-u i želeo bih da mi neko iskusniji pomogne u ovome što želim da napravim:
Želim da napravim skriptu koja bi se izvršavala u IE ili nekom drugom browseru nebitno, ali OFF LINE ukoliko je moguće, a to bi bio jedan mali imenik u koji bi unosio podatke: ime, prezime, telefon.... u obliku forme. Dakle, na html stranici bi mi se nalazile kategorije UNOS i PRETRAGA. Klikom na UNOS unosio bi podatke u polja forme, a klikom na PRETRAGA izlistavao rezultate po poljima unosa. Znao bih da napravim formu za unos podataka, ali ne znam šta se sa njima posle unosa dešava:
da li se podaci unosa beleže u neki drugi dokument (fajl), a kasnije pretragom iz tog dokumenta potražuju? Da li se na taj način formira neka tabela u tom drugom dokumentu ili slično, pa se iz nje čitaju uneti podaci?
da li je moguće u okviru istog html-a upisivati te podatke a kasnije ih potrazivati i kako?
Ako nije problem, da li može neko da mi na primeru UNOS za dve kategorije samo (ime i telefon) objasni kako se povezuju podaci iz unosa i "baze" imena i telefona stvorene na taj način.
To bi bila simulacija jednog malog imenika, odnosno univerzalni tip skripte za unos i pretragu po poljima unosa (imenik u ovom slučaju), ali ne mora biti imenik.
Nadam se da ovo nije neki veliki problem, ali u tutorijalima koje imam nisam nasao odgovor na ovo.
Hvala svima na razumevanju!!!
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-1.sezampro.yu.



+33 Profil

icon Re: Početniku potrebna pomoć24.07.2008. u 10:52 - pre 191 meseci
Evo napravio sam jedan prost primer, koji je slichan onome shto tebe zanima. Kopiraj ga pa ga testiraj kod sebe, i onda samo dodaj ono shto tebi treba. Kao shto vidish, tu imash polja za unos imena i prezimena, a onda posle kad ukucash ime osobe, i kliknesh na pretraga, skript ce pretrazhiti te nizove u koje je sachuvao ime i prezime, i ako nadje uneto ime, u polju ispod unetog imena ce prikazati odgovarajuce prezime, a u suprotnom ce ispisati "Ne postoji osoba sa takvim imenom". Nadam se da ce ti ovaj primer pomoci...
Code:
<html>
 <head>
   <title>Test</title>
   <script language = "JavaScript">
    
        var nizIme = new Array(10);
     var nizPrezime = new Array(10);
     var i = 0;
     
       function unos(){
       
        var ime = document.forma.ime.value;
        var prez = document.forma.prezime.value;
        
         if (ime.length <= 2 || prez.length <= 2) {
            alert ("Ime i prezime moraju biti duzi od dva karaktera!");
            document.forma.ime.value = "";
            document.forma.prezime.value = "";
            }
        else {
            nizIme[i] = ime;
            nizPrezime[i] = prez;
            i++;
        }
        
        document.forma.ime.value = "";
        document.forma.prezime.value = "";
    }
        function trazi(){
            var ime_t = document.forma.p_ime.value;
            var x = 0;
            
          for (var k = 0; k < nizIme.length; k++){
            if (ime_t == nizIme[k]){
               document.forma.n_prezime.value = nizPrezime[k];
               x = 1;
             }
         }
          if (x == 0) {
            document.forma.n_prezime.value = "Ne postoji osoba sa takvim imenom."
          }
         
        }
          
   </script>
 </head>
 
 <body>
   <form name = "forma">
     <input type = "text" name = "ime" size = "33"><br>

     <input type = "text" name = "prezime" size = "33"><br>
     <input type = "button" value = "Unos" onClick = "unos()"><br><br><br>
     
     <input type = "text" name = "p_ime" size = "33"><br>
     <input type = "text" name = "n_prezime" size = "33"><br>
     <input type = "button" value = "Pretraga" onClick = "trazi()">
   </form>
 </body>
</html>
 
Odgovor na temu

A_c_a

Član broj: 90452
Poruke: 14
*.exe042.net.



Profil

icon Re: Početniku potrebna pomoć25.07.2008. u 21:07 - pre 191 meseci
Hvala puno na pomoći!
Sada su mi neke stvari jasnije. Vezano za ovo ineresuju me jos neke stvari:
kako mogu da trajno sačuvam podatke koje upisujem u formu, jer pri sledećem pokretanju sve se gubi?
kako bih mogao da izvedem da određenom polju u formi dodam neki fajl kao attach? pa da mi se prilikom sledeće pretrage pojavljulju i imena tih fajlova koje mogu da pozovem?
kako mogu da napravim listu svih unetih podataka-pretpostavljam da se neka tabela tada formira pa da pritiskom na gumb (npr) "IZLISTAJ SVE" dobijem listing?
Iz kojih oblasti JS mi je potrebno znanje da bih uradio ovo?
Predpostavljam da nije baš lako sve ovo, ali tutorijali koje imam više se oslanjaju na neke druge stvari, pa ne mogu ove stvari da povežem. Ukoliko ima neka kvalitetna knjiga koja opisuje sve ovo, molio bih da mi kazete koja vredi kupovine:)
Hvala svima na razumevanju! (raynor-u, jos jedanput se zahvaljujem)
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-1.sezampro.yu.



+33 Profil

icon Re: Početniku potrebna pomoć26.07.2008. u 11:42 - pre 191 meseci
Citat:
A_c_a: kako mogu da trajno sačuvam podatke koje upisujem u formu, jer pri sledećem pokretanju sve se gubi?

Tu vec JavaScript postaje "tanak"... Za takve stvari obichno se radi sa bazama podataka, npr. kombinacija PHP/MySQL, a ako to bash zhelish da odradish koristeci JavaScript, najbolje je da ga koristish sa XML-om, koji je odlichan za skladishtenje podataka.


Citat:
A_c_a: kako bih mogao da izvedem da određenom polju u formi dodam neki fajl kao attach? pa da mi se prilikom sledeće pretrage pojavljulju i imena tih fajlova koje mogu da pozovem?

Prouchi <input type = "file">.


Citat:
A_c_a:kako mogu da napravim listu svih unetih podataka-pretpostavljam da se neka tabela tada formira pa da pritiskom na gumb (npr) "IZLISTAJ SVE" dobijem listing?

Pretragu takodje mozhesh da realizujesh kombinacijom JS-a, XML-a, i HTML-a. Ako budem imao vremena, ispisacu ti jedan primer toga...
 
Odgovor na temu

A_c_a

Član broj: 90452
Poruke: 14
*.exe042.net.



Profil

icon Re: Početniku potrebna pomoć26.07.2008. u 13:34 - pre 191 meseci
Hvala još jedanput!
 
Odgovor na temu

Wizard4U
Wizard4U

Član broj: 178049
Poruke: 122
*.adsl.net.t-com.hr.



Profil

icon Re: Početniku potrebna pomoć07.08.2008. u 08:56 - pre 191 meseci
javljam se ovdje budući da sam i ja početnik u Javascript tako da ne otvaram novu temu:

ovo je Source code jedne stranice (kopiram je), princip je da kad odaberete neku kategoriju onda se ispišu njene podkategorije:

Jel mi može netko objasniti i uputiti kako da to napravim
ovo je moja tablica

category

category_id | category_name | supercategory_id | super_name


Code:

<div id="predaja_kategorija">  
        <span>Kategorija: </span>

       
            
         <span>
        <select name="kategorija" id="kategorija" onchange="kat_change(this.value)">
        <option value="">Izaberi kategoriju</option>
            <option value="2">Automobili i vozila</option>
            <option value="3">Multimedija</option>
            <option value="1">Nekretnine</option>

            <option value="4">Ostalo</option>
        </select>
        </span>
        <span style="display: none;" id="pod_2">
        <select name="podkategorija_2" id="podkategorija_2" onchange="pod_change(this.value)">
            <option value="">Izaberi podkategoriju</option>
            <option value="159||">Auto oprema</option>

            <option value="78||">Auto-dijelovi</option>
            <option value="81||">Bicikli</option>
            <option value="79||make_e,model_e,year,km">Kamioni / Prikolice</option>
            <option value="80||make_e,model_e,year,km">Kombi / Dostavna vozila</option>
            <option value="82||make_e,model_e,year,km">Motocikli i mopedi</option>
            <option value="83||make,model,year,km">Osobni automobili</option>

            <option value="110||make_e,model_e,year">Plovila - Najam</option>
            <option value="111||make_e,model_e,year">Plovila - Prodaja</option>
            <option value="112||make_e,model_e,year,km">Potražnja vozila</option>
            <option value="113||">Trgovine / usluge</option>
            <option value="115||make_e,model_e,year,km">Vozila - Najam</option>
            <option value="172||make_e,model_e,year,km">Vozila - Unajmljujem</option>

        </select>
        </span>
        <span style="display: none;" id="pod_3">
        <select name="podkategorija_3" id="podkategorija_3" onchange="pod_change(this.value)">
            <option value="">Izaberi podkategoriju</option>
            <option value="135||">DVD, Video, MP3</option>
            <option value="138||">Televizori</option>

            <option value="157||">Telefoni</option>
            <option value="29||">Softver</option>
            <option value="28||">Računalne komponente i pribor</option>
            <option value="165||">Prijenosna računala</option>
            <option value="30||">Potražnja / Zamjena multimedije</option>
            <option value="123||">Pisači (printeri)</option>

            <option value="27||">PC i Mac</option>
            <option value="166||">Monitori</option>
            <option value="25||">Mobiteli</option>
            <option value="124||">Internet</option>
            <option value="137||">Glazbeni instrumenti</option>
            <option value="139||">Glazbene linije i komponente</option>

            <option value="140||">Glazba, ploče i CDi</option>
            <option value="143||">Fotoaparati i kamere</option>
            <option value="136||">Filmovi</option>
            <option value="31||">Trgovine / Usluge</option>
        </select>
        </span>
        <span style="display: none;" id="pod_1">

        <select name="podkategorija_1" id="podkategorija_1" onchange="pod_change(this.value)">
            <option value="">Izaberi podkategoriju</option>
            <option value="169||size,rooms,floor,age">Apartman - Prodaja</option>
            <option value="9||yard-size">Građevinsko Zemljište</option>
            <option value="300||size,yard-size,age">Hotel - Prodaja</option>
            <option value="12||size,yard-size,age">Kuća - Najam</option>

            <option value="13||size,yard-size,age">Kuća - Prodaja</option>
            <option value="14||yard-size">Poljoprivredno zemljište</option>
            <option value="301||size,yard-size,age">Poslovni centri - Zakup</option>
            <option value="15||size,yard-size,age">Poslovni prostor - Najam</option>
            <option value="16||size,yard-size,age">Poslovni prostor - Prodaja</option>
            <option value="17||size,yard-size,age">Potražnja nekretnina</option>

            <option value="19||size,yard-size,rooms,floor,age">Stan - Najam</option>
            <option value="20||size,yard-size,rooms,floor,age">Stan - Prodaja</option>
            <option value="170||size,yard-size,age">Unajmljivanje nekretnina</option>
        </select>
        </span>
        <span style="display: none;" id="pod_4">
        <select name="podkategorija_4" id="podkategorija_4" onchange="pod_change(this.value)">

            <option value="">Izaberi podkategoriju</option>
            <option value="162||">Trebam pomoč ili donaciju</option>
            <option value="155||">Trgovine / Usluge</option>
            <option value="163||">Tarot</option>
            <option value="146||">Razno</option>
            <option value="154||">Potražnja / Zamjena</option>

            <option value="147||">Ostalo</option>
            <option value="145||">Obavijesti</option>
            <option value="150||">Multilevel Marketing</option>
            <option value="76||">žene traže muškarce</option>
            <option value="153||">Opuštajuče masaže</option>
            <option value="75||">muškarci traže žene</option>

            <option value="77||">LGBT</option>
            <option value="74||">Brak i ozbiljne veze</option>
            <option value="69||">Zanatski servisi</option>
            <option value="71||">Zajmovi, krediti i ostalo</option>
            <option value="67||">Ugostiteljska i uredska operma</option>
            <option value="72||">Trebam uslugu</option>

            <option value="158||">Partnerstva</option>
            <option value="5||">Agencije</option>
            <option value="129||">Alati i strojevi</option>
            <option value="130||">Elektroinstalacije</option>
            <option value="161||">Nudim pomoč ili donaciju</option>
            <option value="142||">Usluge / Trgovine</option>

            <option value="167||">Ulaznice i karte</option>
            <option value="148||">Sport i sportska oprema</option>
            <option value="141||">Potražnja / Zamjena</option>
            <option value="149||">Oružje</option>
            <option value="151||">Obavijesti</option>
            <option value="152||">Dogačanja</option>

            <option value="134||">Bandovi / Pjevači</option>
            <option value="127||">Zidanje i soboslikarski radoovi</option>
            <option value="132||">Vodoinstalacije / Odčepljivanje</option>
            <option value="131||">Tražim građevinsku uslugu</option>
            <option value="128||">Selidbe i prijevoznici</option>
            <option value="133||">Podopokrivanje</option>

            <option value="125||">Klimatizacija</option>
            <option value="126||">građevinski materijal</option>
            <option value="22||">građevinske trgovine / usluge</option>
            <option value="70||">Medicinske usluge i oprema</option>
            <option value="144||">Intelektualne usluge</option>
            <option value="68||">Alati i strojevi</option>

            <option value="53||">Namještaj i kučanski aparati</option>
            <option value="49||">Zdravstvo i briga o ljepoti</option>
            <option value="160||">Ugostiteljstvo</option>
            <option value="48||">Trgovina, prodaja i marketing</option>
            <option value="44||">Tražim posao</option>
            <option value="47||">Studentski / povremeni poslovi</option>

            <option value="46||">Strojarstvo i elektrotehnika</option>
            <option value="45||">Računarstvo i Internet</option>
            <option value="43||">Ostalo</option>
            <option value="168||">Obrazovanje i briga o djeci</option>
            <option value="42||">MLM - Mrežni marketing</option>
            <option value="41||">Građevina i arhitektura</option>

            <option value="40||">Ekonomija opčenito</option>
            <option value="50||">Agencije</option>
            <option value="39||">Administratitvna zanimanja</option>
            <option value="36||">Trebam smještaj</option>
            <option value="33||">Apartmani - Najam</option>
            <option value="52||">Odječa &gt; Dječja oprema</option>

            <option value="120||">Odječa &gt; Krojači i postolati</option>
            <option value="122||">Odječa &gt; Potražnja / Zamjena</option>
            <option value="64||">Trgovine / Usluge</option>
            <option value="63||">Tražim / Mijenjam</option>
            <option value="117||">Literatura &gt; Tehnička i stručna</option>

            <option value="119||">Literatura &gt; Studentska i školska</option>
            <option value="118||">Literatura &gt; Potražnja / Zamjena</option>
            <option value="116||">Literatura &gt; Magazini i časopisi</option>
            <option value="60||">Literatura &gt; Knjige opčenito</option>

            <option value="57||">Glazbala</option>
            <option value="61||">Filatelija i numezmatika</option>
            <option value="62||">Dogačanja</option>
            <option value="58||">CD, DVD, ploče, kazete</option>
            <option value="59||">Antikviteti i umjetnine</option>
            <option value="56||">Životinje</option>

            <option value="54||">Vrt</option>
            <option value="66||">Trgovine / Usluge</option>
            <option value="65||">Tražim / Mijenjam</option>
            <option value="121||">Odječa &gt; Žene i muškarci</option>
            <option value="32||">Agencije</option>

        </select>
        </span>
      
        
        
  
        
        </div> 



2.PITANJE:

Kako općenito napraviti (nisam siguran da je to javascript) , da npr. imate 2 radio button-a,:
1. radio button Novi korisnik - registracija
2. radio button Postojeći korisnik - Prijava

Kad se označi prvi radio button onda se pojavi par polja za registraciju a kad 2 rad... onda polja za prijavu


Ako me netko nije skužio ovo je ili prvo pitanje ili baš želi vidjeti kako to izgleda neka mi se javi na PM da mu dam link na tu stranicu!
Hvala


[Ovu poruku je menjao Wizard4U dana 07.08.2008. u 10:20 GMT+1]
 
Odgovor na temu

Wizard4U
Wizard4U

Član broj: 178049
Poruke: 122
*.adsl.net.t-com.hr.



Profil

icon Re: Početniku potrebna pomoć07.08.2008. u 11:57 - pre 191 meseci
1. PITANJE
Nešto sam uspio napraviti ali sam sad stao jer ne znam to kako pa molim za pomoč!

Napravio sam znači ovako za rubriku:

Code:

<tr>
    <td>
        Rubrika:    </td>
    <td>
    <select name="supercategory_id" id="superkategorija" onchange="kat_change(this.value)">
         
          <?php $rs = db_query("SELECT DISTINCT supercategory_id, super_name FROM category");
    
    while ($row=mysql_fetch_array($rs)){
    
    
    
      
            echo"<option value=".$row[supercategory_id].">".$row[super_name]."</option>"; }
       ?>
        </select>    </td>
</tr>


A imam 4 različite rubrike pa sam napravio još 4 div-a kojima sam dodjelio neke id-ove i style"display:none;"
u svakom divu sam stavio ispis kategorija, npr. u prvom divu je ... WHERE supercategory_id=1, i tako za ostala tri!

Sad bi trebalo u javascript napraviti 4 funkcije, ako je označeno npr. Apartmani onda neka se prikaže div koji pod apartmani

Može pomoč?
 
Odgovor na temu

m.stojanov
Test Test

Član broj: 126777
Poruke: 231
*.adsl.verat.net.



+3 Profil

icon Re: Početniku potrebna pomoć07.08.2008. u 12:08 - pre 191 meseci
Pozdrav...i ja sam apsolutni pocetnik u JavaScript-u.
Citat:
Wizard4U


2.PITANJE:

Kako općenito napraviti (nisam siguran da je to javascript) , da npr. imate 2 radio button-a,:
1. radio button Novi korisnik - registracija
2. radio button Postojeći korisnik - Prijava

Kad se označi prvi radio button onda se pojavi par polja za registraciju a kad 2 rad... onda polja za prijavu


Ako me netko nije skužio ovo je ili prvo pitanje ili baš želi vidjeti kako to izgleda neka mi se javi na PM da mu dam link na tu stranicu!
Hvala


[Ovu poruku je menjao Wizard4U dana 07.08.2008. u 10:20 GMT+1]


Ovo sam uspeo da napravim. Pogledaj kod:

Code:
<html>
<head>
<title>Prijava/Registracija</title>
<script language="javascript">
function uradi() {
if (document.test.reg[0].checked) {
location="http://www.google.com"  // stavi link do stranice koja tebi treba
}
else {
location="http://www.yahoo.com" //stavi link do stranice koja tebi treba
}
}
</script>
</head>
<body>
<p>Dobro dosli. Molim Vas, registrujte se ukoliko vec niste clan ili idite na prijavu kako biste se logovali na sajt.</p>
<form name="test">
<input type="radio" name="reg" checked> Registracija
<input type="radio" name="reg"> Prijava
<input type="button" value="Potvrdi" onclick="uradi()">
</form>
</body>
</html>


Evo, tako ja mislim da bi moglo da se uradi - starije i iskusnije kolege neka isprave. ;)
 
Odgovor na temu

Wizard4U
Wizard4U

Član broj: 178049
Poruke: 122
*.adsl.net.t-com.hr.



Profil

icon Re: Početniku potrebna pomoć07.08.2008. u 12:18 - pre 191 meseci
A daj mi reci kako bi da imam select:

Code:

<select name="jezik_id">
       
            <option value="hr">Hrvatskom</option>
            <option value="en">Engleskom</option>
            <option value="de">Njemačkom</option>
        </select>


i sada prema tome napravio neku akciju!
Npr. ako je value=en napravi nešto!

Time bih mi jako puno pomogao!
Hvala
 
Odgovor na temu

Wizard4U
Wizard4U

Član broj: 178049
Poruke: 122
*.adsl.net.t-com.hr.



Profil

icon Re: Početniku potrebna pomoć07.08.2008. u 16:52 - pre 191 meseci
Rješio sam to! Ali onaj primjer gore koji si mi dao za radio button ne radi!
Znam proslijediti i prihvatiti ako je option select ali ne znam kako da dohvatim ili uopče provedem funkciju ako je u pitanju radio button!

Ima možda koji primjer negdje?
 
Odgovor na temu

Wizard4U
Wizard4U

Član broj: 178049
Poruke: 122
*.adsl.net.t-com.hr.



Profil

icon Re: Početniku potrebna pomoć08.08.2008. u 06:12 - pre 191 meseci
Nitko nezna ili nitko neće da pomogne?
Meni bi trebalo znači da su npr. 3 radio button-a i klikom na jednog od njih se aktivira neka funkcija u javascript!
Ali da se prilikom klika na neki radio button onaj prošli uncheckira!
 
Odgovor na temu

Wizard4U
Wizard4U

Član broj: 178049
Poruke: 122
*.adsl.net.t-com.hr.



Profil

icon Re: Početniku potrebna pomoć08.08.2008. u 10:26 - pre 191 meseci
Rješeno
 
Odgovor na temu

[es] :: Javascript i AJAX :: Početniku potrebna pomoć

[ Pregleda: 2703 | Odgovora: 11 ] > FB > Twit

Postavi temu Odgovori

Srodne teme
Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.