Razvoj web-stranica - Rasprava izdvojena tema

poruka: 3.141
|
čitano: 645.116
|
moderatori: XXX-Man, vincimus
+/- sve poruke
ravni prikaz
starije poruke gore
15 godina
odjavljen
offline
Re: Razvoj web-stranica - Rasprava
croart kaže...

 

Evo ovako.... trebam kod (Javascript pretpostavljam) koji ce mi prilikom klika na neki tekst, sliku, limk, gumb..... otvoriti novi prozor sa sadrzajem koji treba isprintati.


 

Za to što ti tražiš dovoljan ti je i atribut target="_blank", koji kao što i pretpostavljaš klikom na link, otvara taj sadržaj, koji je definiram unutar href="" atributa, odnosno putanja do njega, ili da imaš unutar tog prozora window.print() metodu, koja se pogađaš, pokreće na klik, i šalje sav sadržaj unutar prozora na printer.

 

EDIT: Možda je za korisnika ugodnije riješenje otvaranje hm, modalnog prozora, nego otvaranje novog browser windowa.

Poruka je uređivana zadnji put sri 10.4.2013 21:42 (alankish).
17 godina
offline
Re: Razvoj web-stranica - Rasprava

Evo ovako tu sam uspio dobit sa "return false" kada kliknem na svoj thumbnail da mi otvori print prozor  prilikom klika na "moj_thumbnail.jpg"  <a href="bilosta.html" onClick="window.print();return false"><img src="moj_thumbnail.jpg"></a>

Ali sa ovim rijesenjem mi otvara stranicu na kojoj je moj thumbnail a ne sliku koju ja zelim

znaci nedostaje mi kod (link) do stranice ili slike koju zelim printati kada kliknem na "moj_thumbnail.jpg"

 

Posto je nemam bas previse pojma o Javascriptu zamolio bih te ako mi mozes napisati ostatak koda, znaci kako da sada dalje "linkam" na sliku koju zelim printati prilikom klika na "moj_thumbnail".

Uffff.. nadam se da si me razumio.

 

Thnx

 

 


http://www.handmadeinterior.com
Poruka je uređivana zadnji put čet 11.4.2013 0:15 (croart).
12 godina
neaktivan
offline
Re: Razvoj web-stranica - Rasprava

Nisam siguran da razumijem tocno sto hoces napraviti. Ti hoces otvoriti novi prozor/tab sa velikom slikom a ne tim thumbnail-om? Onda u href napisi link od velike slike, dodaj target="_blank" i makni taj return false jer on blokira otvaranje link-a do te velike slike.

 

<a href="LINK_DO_VELIKE_SLIKE" target="_blank" onClick="window.print();"><img src="moj_thumbnail.jpg"></a>

15 godina
odjavljen
offline
Re: Razvoj web-stranica - Rasprava
croart kaže...

Nisam te odmah dobro shvatio, ovdje sam razumio, da ti je dovoljna window.open() metoda, no ovdje spominješ printanje. Dakle kao što vjerojatno i sam zaključuješ, pošto imaš <img> tag wrappan sa <a> tagom, cijela slika se ponaša kao link, te ti ovdje return false; služi da browser ne radi default akciju, a to je, da ide na link specificiran unutar href="" atributa, isto tako da direktno pozivaš window.print(), printa, pogađaš trenutni otvoreni prozor.  U tvome slučaju je dovoljno da unutar open() metode, prosljediš kao parametar traženi URL, i zatim radiš sa tim prozorom što god želiš, zdravo seljački inline unobtrusive primjer pogledaj ovdje.

15 godina
odjavljen
offline
Re: Razvoj web-stranica - Rasprava
croart kaže...

Kao što i tigerfoot, riješenje je banalno jednostavno, samo moraš biti siguran što hočeš, ako želiš pop-up prozor, ili modalni prozor sa recimo specifikacijama riješenje je malo kompleksnije, no nije neizvedivo, pitanje je samo kako popunjavaš novo nastali (html) dokument, najednostavnije je sa CSS media types imati dedicirani CSS stylesheet, i zatim sa display:none, jednostavno sakriješ sadržaj koji ne želiš printati, i zatim unutar tog prozora pozivaš print() metodu. Vidi dolje, URL može biti putanja do slike.

tigerfoot kaže...

<a href="LINK_DO_VELIKE_SLIKE" target="_blank" onClick="window.print();"><img src="moj_thumbnail.jpg"></a>

window.print() printa, pogađaš trenutni otvoreni dokument, odnosno prozor Namigiva

12 godina
neaktivan
offline
Razvoj web-stranica - Rasprava

Sad je mene to njegovo mucilo pa sam evo natipkao mali kod koji otvara novi prozor i otvara print za njega i mislim da je to ono sto si zelio. Testirao na IE10, Chrome i Firefox - sve radi, mada me Chrome malo zahebavao jer je otvarao prije Print Window nego sliku, i jos uz to se slika nije htjela prikazati dok ne zatvorim Chrom-ov Print Window... jao sto ga ne volim... {#}

 

 

<script>
function PrintImage(url){
   var _window = window.open('', 'Image', 'resizable=yes,...');
   if (_window) {
      _window.document.writeln('<img src="'+url+'" alt="image">');
      _window.document.close();
      _window.location.reload();   
      _window.focus();
      _window.print();
   }
   return false;
}

</script>

 

<a href="" onClick="PrintImage('http://www.TVOJA_STR/SLIKE/VELIKA_SLIKA.jpg')"><img src="TVOJA_THUMBNAIL_SLIKA.jpg"></a>

Poruka je uređivana zadnji put čet 11.4.2013 2:40 (tigerfoot).
 
0 0 hvala 1
17 godina
offline
Razvoj web-stranica - Rasprava

Hvala alankish i tigerfoot.

Posto nemam  nekakvog prevelikog znanja potrebna su mi pretezno jednostavna rijesenja sa malim objasnjenjem

Znam da je za vas to jednostavno i da ima puno nacina da se to izvede drugacije, ali za nekoga tko ne zna bas puno o tome (ja) su i jednostavne stvari komplicirane.

 

Probati cu oba rijesenja koje ste mi ponudili pa vam javim i pokazem kako je to ispalo.

Hvala jos jednom.

 

Pozdrav.

http://www.handmadeinterior.com
 
0 0 hvala 0
17 godina
offline
Re: Razvoj web-stranica - Rasprava

Tvoj kod radi otprilike onako kako sam zelio (Tigerfoot) samo sto mi uopce ne prikazuje sliku u Chrome-u, IE i FF prikazuju ok.

Ne znam da li ima nekakvo rijesenje za taj problem? 

Probati cu potraziti po netu, a mozda tebi stog padne na pamet...?

http://www.handmadeinterior.com
Poruka je uređivana zadnji put čet 11.4.2013 14:13 (croart).
17 godina
offline
Re: Razvoj web-stranica - Rasprava
tigerfoot kaže...

Sad je mene to njegovo mucilo pa sam evo natipkao mali kod koji otvara novi prozor i otvara print za njega i mislim da je to ono sto si zelio. Testirao na IE10, Chrome i Firefox - sve radi, mada me Chrome malo zahebavao jer je otvarao prije Print Window nego sliku, i jos uz to se slika nije htjela prikazati dok ne zatvorim Chrom-ov Print Window... jao sto ga ne volim... {#}

 

 

<script>
function PrintImage(url){
   var _window = window.open('', 'Image', 'resizable=yes,...');
   if (_window) {
      _window.document.writeln('<img src="'+url+'" alt="image">');
      _window.document.close();
      _window.location.reload();   
      _window.focus();
      _window.print();
   }
   return false;
}

</script>

 

<a href="" onClick="PrintImage('http://www.TVOJA_STR/SLIKE/VELIKA_SLIKA.jpg')"><img src="TVOJA_THUMBNAIL_SLIKA.jpg"></a>

AHA! Otvara mi PNG. fileove u Chrome-u ali ne i JPG.

Cudno!

Hmmmmm....

http://www.handmadeinterior.com
12 godina
neaktivan
offline
Re: Razvoj web-stranica - Rasprava

Hm... meni je otvarao .jpg i jos uvijek otvara, a .png-ove nisam ni probavao. Malo me bio zezao jer bi mi Chrome otvorio prvo print window na obicnoj stranici a sliku bi otvorio tek kad bih zatvorio print window. Mada sa ovim kodom gore je radilo/radi normalno. Imam Chrome verziju 26.0.1410.64 m. Daj kod pa da preletim, mozda si nesto krivo stavio, mada sumnjam...

 

EDIT: ima na netu dosta ljudi kojima Chrome nece otvoriti .jpg-ove dok IE i Firefox otvaraju normalno. Zvuci kao tvoj problem, pa probaj vidjeti jel ti Chrome up-to-date i jel ti se isti problem dogadja na drugom racunala (ako mozes provjeriti).

EDIT2: ajd probaj maknuti AdBlock ako imas u Chrome-u pa vidi jel ti i bez toga blokira .jpg-ove

Poruka je uređivana zadnji put čet 11.4.2013 15:20 (tigerfoot).
17 godina
offline
Re: Razvoj web-stranica - Rasprava
tigerfoot kaže...

Hm... meni je otvarao .jpg i jos uvijek otvara, a .png-ove nisam ni probavao. Malo me bio zezao jer bi mi Chrome otvorio prvo print window na obicnoj stranici a sliku bi otvorio tek kad bih zatvorio print window. Mada sa ovim kodom gore je radilo/radi normalno. Imam Chrome verziju 26.0.1410.64 m. Daj kod pa da preletim, mozda si nesto krivo stavio, mada sumnjam...

 

EDIT: ima na netu dosta ljudi kojima Chrome nece otvoriti .jpg-ove dok IE i Firefox otvaraju normalno. Zvuci kao tvoj problem, pa probaj vidjeti jel ti Chrome up-to-date i jel ti se isti problem dogadja na drugom racunala (ako mozes provjeriti).

EDIT2: ajd probaj maknuti AdBlock ako imas u Chrome-u pa vidi jel ti i bez toga blokira .jpg-ove

AdBlock ne koristim, verzija je "up to date" znaci isto kao i tvoja, preletio sam settingse u chrome-u ali ne vidim nikakve cudnovate postavke.

Zasto je to tako? Pojma nemam, ali staviti cu sliku u PNG posto i sam kazes da ima dosta korisnika kojima se desava ista stvar.

 

Pa eto da bih izbjegao daljne probleme zadovoljiti cu se ovim rijesenjem.

Kada to uredim stavim ovdje link, pa tko bude imao volje isprobati....

 

Hvala puno i pozdrav.

http://www.handmadeinterior.com
12 godina
neaktivan
offline
Re: Razvoj web-stranica - Rasprava

Evo imam jos jednu ideju, ako to ne pomogne odustajem :)

Probaj sa nekim drugim .jpg-ovima i gledaj da ih ne save-as kao progressive nego ih snimi kao normalni jpeg. Navodno Chrome ima/imao problema sa prikazivanjem pjpeg formata, pogotovo na XP-u.

16 godina
offline
Razvoj web-stranica - Rasprava

Neznam dali sam pogodio temu, ali imam jedno pitanje vezano uz razmještaj elemnata na stranici.

 

 Imam 3 div elementa. Raspoređena kao dolje na slici. Ovaj "glavni mi služi" kao okvir za sve i on je zadan u % (dakle prilagođava se širini prozora). Sad ne znam kako divove "div2" i "div 3" pozicionirat tako da stoje jedan pored drugog, a da u slučaju smanjivanja se približavaju jedan drugome do određene udaljenosti, recimo 10px i nakon toga da "div 3" jednostavno polako nestaje s desne strane. Recimo da su oni fiksnih dimenzija.

 

Pa ako je lagano, molio bi za odgovor, ako se može riješit samo pomoću css-a. Jer meni ili se preklope ili "div3" ode ispod "div2".

 

 

Moj PC  
0 0 hvala 0
12 godina
neaktivan
offline
Re: Razvoj web-stranica - Rasprava

Stavi kod od dolje u html pa testiraj i vidi jel ti tako odgovara.

 

<!doctype html>
<html>
<body>
<style>

#wrapper {
    background: #CCC;
    width: 90%;
 margin-left:auto;
 margin-right:auto;
    overflow: hidden; /*ključno*/
    white-space: nowrap; /*ključno*/
 text-align:center;
}

.cell {
 background:#FFF;
    display: inline-block; /*ključno*/
    border: 1px solid green;
    width: 200px;
 margin:10px;
 /*probaj obrisati gornje dvije linije i maknuti komentare sa donje dvije linije pa vidi jel ti tako mozda vise odgovara*/
 /*width:30%;
 min-width:200px;
 max-width:300px;
 margin-left:1%;*/
    height: 300px;
 
}
</style>

<div id="wrapper">
 Div 1<br>
    <div class="cell">Div 2</div>
    <div class="cell">Div 3</div>
    <div class="cell">Div 4</div>
</div>
</body>
</html>

Poruka je uređivana zadnji put sub 13.4.2013 19:40 (tigerfoot).
16 godina
offline
Razvoj web-stranica - Rasprava

To majstore. Rješio si me muke. Početnik sam i uopće se nisam sjetio takvog pristupa. Ja sa mučim sa postion absolute, relative, float {#}

 

Dužan sam ti{#}

Moj PC  
0 0 hvala 0
14 godina
offline
Razvoj web-stranica - Rasprava

Ovako, imam jedan čudan problem. Radio sam jednu galeriju, te sam koristio http://fancyapps.com/fancybox/ za prikaz slika. Podaci o slikama se nalaze u bazi, putanja, naziv slike, ekstenzija preko koje filtriram i ono najvažnije, opis ili ti ga caption, kako vam je draže. Sad u ovom fancyboxu taj caption ide u title na a elementu, međutim kad ja stavim tu varijablu u kojoj mi je spremljen caption iz baze, on mi samo ispiše prvu riječ.

 

Evo kod i pojašnjenje...

 

<div class="picLightbox" style="background:url('.$putanja.') no-repeat 50% 50%;"><a class="fancybox" rel="gallery1" href='.$putanja.' title='.$opis.'><p class="caption">'.$naziv.'</p></a></div>

 

Sad, caption neke slike mi je "Ovo je prva slika u ovom albumu", on meni pod tim titleom ispiše samo "Ovo" i kraj priče. Probao sam samo upisati neku bezveze rečenicu, bez povlačenja iz baze, tad radi kako treba. Provjerio sam da nije problem u povlačenju iz baze, nije, normalno mi ispiše sve... Zna li netko u čemu je problem? Hvala

Moj PC  
0 0 hvala 0
14 godina
offline
Re: Razvoj web-stranica - Rasprava
david7 kaže...

Ovako, imam jedan čudan problem. Radio sam jednu galeriju, te sam koristio http://fancyapps.com/fancybox/ za prikaz slika. Podaci o slikama se nalaze u bazi, putanja, naziv slike, ekstenzija preko koje filtriram i ono najvažnije, opis ili ti ga caption, kako vam je draže. Sad u ovom fancyboxu taj caption ide u title na a elementu, međutim kad ja stavim tu varijablu u kojoj mi je spremljen caption iz baze, on mi samo ispiše prvu riječ.

 

Evo kod i pojašnjenje...

 

<div class="picLightbox" style="background:url('.$putanja.') no-repeat 50% 50%;"><a class="fancybox" rel="gallery1" href='.$putanja.' title='.$opis.'><p class="caption">'.$naziv.'</p></a></div>

 

Sad, caption neke slike mi je "Ovo je prva slika u ovom albumu", on meni pod tim titleom ispiše samo "Ovo" i kraj priče. Probao sam samo upisati neku bezveze rečenicu, bez povlačenja iz baze, tad radi kako treba. Provjerio sam da nije problem u povlačenju iz baze, nije, normalno mi ispiše sve... Zna li netko u čemu je problem? Hvala

Pretpostavljam da je greška u tome što nemaš "", probaj s ovim kodom:

 

<div class="picLightbox" style="background:url('.$putanja.') no-repeat 50% 50%;"><a class="fancybox" rel="gallery1" href="'.$putanja.'" title="'.$opis.'"><p class="caption">'.$naziv.'</p></a></div>

WordPress ❤
14 godina
offline
Razvoj web-stranica - Rasprava

Da, to je to, to mi uopće nije palo na pamet, hvala {#}

Moj PC  
0 0 hvala 0
17 godina
neaktivan
offline
Razvoj web-stranica - Rasprava

momci, pitanje imam.

ako bi radio kao web dizajner, da li su potrebne diplome s faksa i sl. ili mogu jednostavno dobiti posao kao freelancer bez potonjeg?

što je češće, raditi u nekoj firmi ili biti freelancer?

usto, koji fakulteti bi bili potrebni(ako su potrebni) za ovaj posao?

Win7 je glupost ziva.....neke jako dobre igrice nemogu na njega zato sto je prenov...za nekih 2-3 god. ce bit dobro imat -Atom
Moj PC  
0 0 hvala 0
14 godina
offline
Re: Razvoj web-stranica - Rasprava

1.) Ne trebaju ti nikakve diplome ako se želiš zaposliti u poštenoj tvrtci, samo znanje i portfolio.

2.) To ne možemo znati. Znam samo da ako planiraš raditi u hr firmi, većinom ti se crno piše. Rekao bih da je idealnije raditi kao freelancer, pošto si sam svoj šef (u određenoj mjeri), no ništa nije idealno i ovisi od osobe do osobe.

3.) Fakultet te neće gotovo ništa naučiti, učiš sam. Odaberi neki fakultet koji je najbliži onome što te zanima a ti kreni raditi i radi sam doma, svaki dan. Stvori svoj portfolio i neće biti problema, smao treba biti uporan i voljeti to što radiš.

WordPress ❤
14 godina
offline
Razvoj web-stranica - Rasprava

Već rečeno, smisao za dizajn ti ne može dati nitko, to moraš imati. Mogu te naučiti kako koristiti programe razne i šta već sve... Prijatelj mi je na Grafičkom u Zagrebu, mogu ga kako se kreće web dizajn kod njih na faksu...

Moj PC  
0 0 hvala 1
15 godina
odjavljen
offline
Re: Razvoj web-stranica - Rasprava
djdomi kaže...

Kao što su ti momci već rekli, diploma sa faksa ti apsolutno nije uvjet, da ti može negdje predstavljati prednost, apsolutno, ali u većim tvrtkama gdje se njeguje corporate kultura, u manjem studiu, agenciji, tvoj rad, talent i dosadašnji radovi služe kao dokaz tvoje kompetentnosti. Plus, u manjoj agenciji je svakako zabavnije, projekti su zabavaniji, zanimljiviji, atmosfera je opuštenija, dok u većim tvrtkama koje trebaju in house designera, obično vladaju drugačiji uvjeti, a i često traže diplomu. Kao freelancer ako si dobar i uporan, uvijek možeš dobiti posao. Ukoliko se spremaš studirati, i zanima te dizajn, onda ili arhitekturu, smjer grafički dizajn, ili na grafički fakultet.

17 godina
neaktivan
offline
Re: Razvoj web-stranica - Rasprava
alankish kaže...
djdomi kaže...

Kao što su ti momci već rekli, diploma sa faksa ti apsolutno nije uvjet, da ti može negdje predstavljati prednost, apsolutno, ali u većim tvrtkama gdje se njeguje corporate kultura, u manjem studiu, agenciji, tvoj rad, talent i dosadašnji radovi služe kao dokaz tvoje kompetentnosti. Plus, u manjoj agenciji je svakako zabavnije, projekti su zabavaniji, zanimljiviji, atmosfera je opuštenija, dok u većim tvrtkama koje trebaju in house designera, obično vladaju drugačiji uvjeti, a i često traže diplomu. Kao freelancer ako si dobar i uporan, uvijek možeš dobiti posao. Ukoliko se spremaš studirati, i zanima te dizajn, onda ili arhitekturu, smjer grafički dizajn, ili na grafički fakultet.

za grafičke poslove i za grafički fakultet, koliko je nužna sposobnost crtanja(ljevak sam pa užasno pišem i crtam)?

(ovo navodim pod uvjetom ako bi se trebali uz web stranicu dizajnirati radovi tipa logotip firme i sl.)

Win7 je glupost ziva.....neke jako dobre igrice nemogu na njega zato sto je prenov...za nekih 2-3 god. ce bit dobro imat -Atom
15 godina
odjavljen
offline
Re: Razvoj web-stranica - Rasprava
djdomi kaže...

za grafičke poslove i za grafički fakultet, koliko je nužna sposobnost crtanja(ljevak sam pa užasno pišem i crtam)?

(ovo navodim pod uvjetom ako bi se trebali uz web stranicu dizajnirati radovi tipa logotip firme i sl.)

Znam iz priča da je ekipa na grafički fakultet nosila mape sa radovima, no to je bilo pred 10+ godina, tako da tu informaciju shvati uvjetno. I ja sam ljevak, odnosno od malih nogu priučen na desnu ruku, pa mi danas to malo predstavlja problem. Bitno je da imaš osjećaj za formu, harmoniju, itd... najbolje da pitaš nekog tko studira na grafičkom.

14 godina
neaktivan
offline
Razvoj web-stranica - Rasprava

Je li tko koristio genesisov framework za wordpress ? Kakav mu je ugrađen SEO i ako moze da napise dojmove ukratko.

 
0 0 hvala 0
12 godina
neaktivan
offline
Razvoj web-stranica - Rasprava

Imam ovo: www.jsfiddle.net/makotosan/bkw5p/5/ 

te ubacim ovo u source: www.knockoutjs.com/downloads/knockout-2.2.1.js ali opet mi ne funkcionira.

Ima netko savjet?

 
0 0 hvala 0
14 godina
protjeran
offline
Re: Razvoj web-stranica - Rasprava
jupiteru kaže...

 

Imam ovo: www.jsfiddle.net/makotosan/bkw5p/5/ 

te ubacim ovo u source: www.knockoutjs.com/downloads/knockout-2.2.1.js ali opet mi ne funkcionira.

Ima netko savjet?

 

Što ne funkcionira?

 

 

 

 

 

Ad astra peronospora
Poruka je uređivana zadnji put pet 19.4.2013 9:04 (Bypass).
12 godina
neaktivan
offline
Re: Razvoj web-stranica - Rasprava

Kad ovo kopiram sebi, onda mi nece da prebacuje u cart slike, mislim ne funkcionira ovo drag funkcija.

 

14 godina
protjeran
offline
Re: Razvoj web-stranica - Rasprava
jupiteru kaže...

Kad ovo kopiram sebi, onda mi nece da prebacuje u cart slike, mislim ne funkcionira ovo drag funkcija.

 

Ja sam pogriješio. Inače drag radi.

Ad astra peronospora
12 godina
neaktivan
offline
Razvoj web-stranica - Rasprava

Probaj citav html , css, i javascript sebi kopirat, i nece funkcionirati. Mozda ne vuce davalaj source sa konocout.js.

 
0 0 hvala 0
E-mail:
Lozinka:
 
vrh stranice