Download vsebine strani s JS @ Slo-Tech

Forum » Izdelava spletišč »
Download vsebine strani s JS

Download vsebine strani s JS

alexa-lol :: 9. avg 2011, 18:47

hej

je stran...

Abc bla bla

Kako bi naredil gumb in to v JS, da bi lahko to stvar mer

<p> </p>

shranil v recimo .txt formatu na računalniku.

hvala in lp

FrEaKmAn :: 9. avg 2011, 23:03

Kaj? Iz naslova mi je jasno kaj hočeš, iz opisa pa popolnoma nič!

alexa-lol :: 10. avg 2011, 10:06

Bila bi stran....
na tej strani bi bila vsebina in gumb Download.
Gumb bi sporožil tako funkcijo, da bi dobila vsebino med

<p> </p>

in potem bi ti brskalnik javil, da se hoče downloadati neka datoteka. Se da to naresti samo z JS al je treba prek AJAX na server zahtevo poslati (potem server to sestavi in ti da možnost downloada).

Lp

technolog :: 10. avg 2011, 10:12

Ne, žal rabiš server-side language, z ajaxom poslat vsebino med tagoma, server pa potem odgovori z datoteko, ki jo user potem prenese.

Tody :: 10. avg 2011, 11:10

Kaj takega rabiš ja ... http://tutorialzine.com/2011/05/generat...

alexa-lol :: 10. avg 2011, 11:52

hvala vsem za odgovor

@Tody... to je točno to kar rabim, bom preučil

lp

alexa-lol :: 12. avg 2011, 22:55

hej

kako bi pa rešil obraten problem...
imam vsebino na disku (vsebina.txt) in bi jo rad uploadal na "stran" v textarea...

Ima kdo kakšen link?

hvala in lep pozdrav

Gandalfar :: 12. avg 2011, 23:11

alexa-lol je 12. avg 2011 ob 22:55 izjavil:

hej kako bi pa rešil obraten problem...
imam vsebino na disku (vsebina.txt) in bi jo rad uploadal na "stran" v textarea...

Ima kdo kakšen link?

hvala in lep pozdrav

Imas na serverju ali userjevem racunalniku?

Ce je na serverju .. si poglej jquery.get() recimo. Ce na userjev racunalniku, se ne da. Mora user uploadat skozi file dialog.

alexa-lol :: 12. avg 2011, 23:14

Na userjevem računalniku... no sej to sem mislil, da bi preko Open File Dialoga uporabnik lociral file, potem bi pa nekako to uploadal na server podatke ven prebral in jih vrnil skripti kot string oz. kakorkoli. Se to da?

Lp

Gandalfar :: 12. avg 2011, 23:53

Jap .. simple verzija: http://www.phplivex.com/ajax_file_uploa...

alexa-lol :: 13. avg 2011, 00:09

aha..thanks.. kako bi pa potem to lokacijo oz. vsebino JS posredoval? Bi dal v session pa bi potem izvajal naprej operacij nad tem?

lp

Gandalfar :: 13. avg 2011, 00:21

V session imas userid. Upload pa zapises v bazo in potem ves kaj pokazat vsakemu userju na podlagi ajax requesta.

alexa-lol :: 13. avg 2011, 21:32

bom to naredil... imam nekaj tezav s skripto od @Tody

(function($){
	
	// Creating a jQuery plugin:
	
	$.generateFile = function(options){
		
		options = options || {};
		
		if(!options.script || !options.filename || !options.content){
			throw new Error("Please enter all the required config options!");
		}
		
		// Creating a 1 by 1 px invisible iframe:
		
		var iframe = $('<iframe>',{
			width:1,
			height:1,
			frameborder:0,
			css:{
				display:'none'
			}
		}).appendTo('body');

		var formHTML = '<form action="" method="post">'+
			'<input type="hidden" name="filename" />'+
			'<input type="hidden" name="content" />'+
			'</form>';
		
		// Giving IE a chance to build the DOM in
		// the iframe with a short timeout:
		
		setTimeout(function(){
		
			// The body element of the iframe document:
			
			var body = (iframe.prop('contentDocument') !== undefined) ?
							iframe.prop('contentDocument').body :
							iframe.prop('document').body;	// IE
			// tu so tezave
			body = $(body);
			
			// Adding the form to the body:
			body.html(formHTML);
			
			var form = body.find('form');
			
			form.attr('action',options.script);
			form.find('input[name=filename]').val(options.filename);
			form.find('input[name=content]').val(options.content);
			
			// Submitting the form to download.php. This will
			// cause the file download dialog box to appear.
			
			form.submit();
		},50);
	};
	
})(jQuery);

Ta del kode dela, če uporabim jQuery 1.6.2... težava je v tem, da bi moral to nekako ponovno spisati, da bi delal tudi na 1.4.2

Odkril sem, da težave dela .prop in naslednja vrstica (.prop je šele od 1.6 naprej)
Cela skripta doda iframe in not v body en form
Bi lahko kdo priporočal kaj naj spremenim ker nimam izkušenj z jQuery ?

Lep pozdrav

Zgodovina sprememb…

spremenil: alexa-lol (13. avg 2011 ob 21:32)

Gandalfar :: 14. avg 2011, 05:54

kaksen poseben razlog, da zadevo spravljas na starejsi jquery?

alexa-lol :: 14. avg 2011, 10:12

ja.. je en open source projekt in uporablja jQuery 1.4 in ce zamenjam pri tem projektu z jQuery 1.6 ne dela več

Sem poskušal z .append in podobnimi ukazi ampak na iframe nič ne deluje (na katerem koli drugem tagu pa deluje). Vse kar sem našel je bilo kako src pri iframu zamenjaš. Poskusil sem tudi dodati (kot string) celo kodo iframe + input pa ni delalo. Ima kdo kako idejo kako bi dodal?

lep pozdrav

alexa-lol :: 14. avg 2011, 12:40

Sem prišel do napredka...

$('iframe').contents().find('body').append(formHTML);

Ampak tuki je problem, ker find(element) je spet samo od 1.6 naprej
Je pa find (selector) od 1.0, a če dam $('body') mi pa izbere zunanji body in ne tega v iframeu...

Je še predlagana rešitev v APIju a ne dela...

Selector context is implemented with the .find() method; therefore, $('li.item-ii').find('li') is equivalent to $('li', 'li.item-ii').

kako bi to usposobil?

lp

Gandalfar :: 14. avg 2011, 16:13

a imas iframe na isti domeni? :)

Zaradi 'same origin policy' (googlaj) ne mores sarit po iframih, ki so v tujih domenah.

alexa-lol :: 14. avg 2011, 16:19

kako to misliš na isti domeni?

Vse skupaj je pod localhost

Gandalfar :: 14. avg 2011, 16:22

$('#iframe_id body')

alexa-lol :: 14. avg 2011, 16:34

ne dela

naredim iframe in mu dam id

naredi = function () {
				$('body').append('<iframe>');
				$('iframe').attr('id','iframeID');
			}

potem imam pa za dodajanje vsebina v body od iframe z idjem iframeID v drugi funkciji, ki jo aktivira gumb

var formHTML = '<form action="" method="post">'+
				'<input type="hidden" name="filename" />'+
				'<input type="hidden" name="content" />'+
				'</form>';
				
								

				$('#iframeID body').append(formHTML);

a body ostane prazen

?

Gandalfar :: 14. avg 2011, 16:52

A to ti po kaksnem tutorialu delas? :)

Zakaj pa ne uporabis recimo http://www.uploadify.com/ ce ze vztrajas na tej tehniki? :)

alexa-lol :: 14. avg 2011, 17:15

nope.. :)

prvi cilj je, da bi s klikom sprožil funkcijo, ki bi sprožila file download. Skripto in tutorial mi je našel Tody ampak morem tisto stvar nekako na jQuery 1.4 prevesti, ker tam kjer jo rabim 1.6 ne dela.

In find('body') ne dela v 1.4; find($('body')) sicer dela a pripne vsebino k ta glavnemu body ne tistemu pri iframe.

Torej prvi cilj je download oz. najti način kako bi k iframu pripel form.

A bi bila možnost, da bi jaz ta form kr v kodo ze na zacetku dal in bi mu dal nek id, potem bi pa samo ta form spremenil in klical submit?

oz. isto vprašanje iz druge strani... zakaj sploh dati form v iframe?

Zgodovina sprememb…

spremenil: alexa-lol (14. avg 2011 ob 17:18)

Gandalfar :: 14. avg 2011, 20:21

> oz. isto vprašanje iz druge strani... zakaj sploh dati form v iframe?

To sem tudi jaz spraseval - od tu vprasanje glede tutoriala ;)

Formo delas tako, da das file input field notri in potem s POST submitas na server, kjer to sprocesiras. Nobene jQuery magije ne rabis v resnici.

MrBrdo :: 14. avg 2011, 20:38

Mislim da bi imelo lahko smisel dati formo v iframe, če je na isti glavni domeni (in npr. različni poddomeni), potem lahko komuniciraš z iframe. Samo ne vem če ma to veze pri formi, vem da se včasih uporablja za AJAX na drugo poddomeno. V drugih primerih pa pomoje nima veze.
Drugače pa nism čisto poštekal kaj delaš, tko da se opravičujem če to kar sem napisal nima veze.

MrBrdo

Zgodovina sprememb…

spremenilo: MrBrdo (14. avg 2011 ob 20:38)

alexa-lol :: 14. avg 2011, 20:50

Kaj zelim...

na strani je button z dolocenim idjem. Ko bi ga kliknil zelim, da bi pobral vsebino iz div taga z id="nekID" in potem to posredovati serverju (PHP), tam bi se to obdelalo in potem bi se uporabniku odprl Save File Dialog, kjer bi lahko shranil to. Pri tem ne želim, da se stran refresha oz. preusmeri.

Kako bi to najlažje dosegel?

Gandalfar :: 14. avg 2011, 21:26

z jquery naredis .ajax() post na server, v success callbacku preberes naslov na katerega preusmeris brskalnik, ki ima pravi mimetype. Ker bo tvoj mimetype binary oz. download bo userju odprl download request, site bo pa se ostal viden.

MrBrdo :: 14. avg 2011, 21:52

Tako kot pravi Gandalfar, lahko pa namesto ajax klica uporabiš tudi formo, tukaj je vseeno (v tem primeru ne rabiš redirecta, ampak direktno vrneš file). Za to da bo stran ostala vidna si pa poglej recimo tole: http://www.ryboe.com/tutorials/php-head... (to je to o čemer je Gandalfar govoril).

MrBrdo

alexa-lol :: 14. avg 2011, 23:34

Zelo napredni predlogi

)

Sem šel od začetka... in spisal tole

<html>
	<head>
		<script src="jquery.js"></script>
		<script type="text/javascript">
			addIframe = function() {
				$('body').append('<iframe>');
			}
			
			appendIframe = function() {
				var html = '<form action="download.php" method="post">'+
							'<input type="hidden" name="filename.txt" />'+
							'<input type="hidden" name="content123456" />'+
							'</form>';
							
				$('iframe').contents().find('body').append(html);
				//$('iframe').contents().find($('body')).last().append('appended');
				//var number = $('iframe').contents().length;
				//alert(number);
				
				//$('iframe').contents().find('form').submit();
			}
			
			submit = function() {
				$('iframe').contents().find('form').submit();
			}
		</script>
	</head>
	
	<body>
		<button onClick="javascript:addIframe();">addIframe</button>
		<button onClick="javascript:appendIframe();">appendIframe</button>
		<button onClick="javascript:submit();">Submit</button>
	</body>
</html>

In zadeva dela(čudež) tudi s jQ 1.4.2 ...

Sem pa odkril zanimivost koda deluje... ko pa klicem submit se cel iframe zbrise (samo iframe, head, body tagi ostanejo).. zakaj?

je mogoče kaj narobe s submitanjem?

Zgodovina sprememb…

spremenil: alexa-lol (14. avg 2011 ob 23:34)

Gandalfar :: 15. avg 2011, 00:52

Ko submitas formo .. dobis nazaj tisto kar tvoj download.php vrne potem, ko se mu poslje datoteka. Ocitno ne vrnes nic :)

alexa-lol :: 15. avg 2011, 09:08

saj dela

v input sem namesto, da bi dodal se atribut value in tam vsebino, vsebino vtaknil kar v name.

Sedaj dela razen še majhne težave...

rabil bi kombinacijo metode .html in .text...
Gre za to, da poiščem div z določenim id in bi rad dobil celoten html, ki je znotraj taga. Text vrne samo vsebino vseh potomcev, html pa samo html tega elementa s tem id in nič notranjosti.

kako bi to rešil ?
lep pozdrav

alexa-lol :: 15. avg 2011, 10:34

oh ja... sem rešil z navadnim JS (getElementById).. problem pa dela

Sem dal string.replace a zamenja samo en

.. zato sem dal v for zanko pa

i<25000

da zihr use zamenja.

Zdaj zadeva končno dela

alexa-lol :: 5. sep 2011, 22:22

hej

spet imam z jQuery nek problem

<div id="id1">
<h2 class="title">Nek naslov</h2>
</div>

kako bi dobil ven Nek naslov (kot string)
Problem je, da more bit id1 oče in zato $(".title") ne gre

Lp in hvala

Gandalfar :: 5. sep 2011, 22:25

$('#id1').find('.title').text()

alexa-lol :: 5. sep 2011, 22:29

Big thank you

Gandalfar :: 5. sep 2011, 22:32

To je bil sicer grd query. Lepsi bi bil:

$('#id1 .title') :)

alexa-lol :: 5. sep 2011, 23:05

:)

imam pa spet problem..

<div class="podatki">
<div class="podatek" id="podatek1" value="neka vrednost1"> ... </div>
...
</div>

Kako bi dobil ven neka vrednost1?

Ideja je taka (ne deluje)

arr =  $('.podatki').find('.podatek');
for(var i in arr){
				alert(arr[i].attr('value'));
			}

Kako bi to razrešil?

MrBrdo :: 5. sep 2011, 23:09

$(".podatki .podatek").each(function() { alert($(this).attr("value"); });

pri tvoji rešitvi pa verjetno manjka namesto arr[i] $(arr[i])

MrBrdo

alexa-lol :: 5. sep 2011, 23:26

to je manjkalo ja .. hvala

MrBrdo :: 6. sep 2011, 07:29

Upoštevaj kaj je Gandalfar prej rekel btw... Brezveze delaš .find ker lahko v enem selectorju vse narediš, tako kot sem tudi jaz naredil...

MrBrdo

alexa-lol :: 6. sep 2011, 08:36

bom upošteval

zanima me kako bi downloadal file, ki se nahaja na disku od serverja s PHP? Na način, da bi uporabnik kliknil download in bi se ta file zacel downloadati?

Zgodovina sprememb…

spremenil: alexa-lol (6. sep 2011 ob 09:11)

Gandalfar :: 6. sep 2011, 09:27

Tako da nastavis na serverju pravi header za ta file :)

http://www.ryboe.com/tutorials/php-head...

alexa-lol :: 6. sep 2011, 10:31

aha bom probal.. imam spet problem

PHPExcel

header('Content-Disposition: attachment; filename="' . $filename . '"');
$objWriter->save('uploads/test.xlsx');

Prva vrstica sproži file download in ta file je poškodovan (kar ena vsebina), dočim druga vrstica shrani ta file in ga lepo lahko odpiram. Kaj je fora?

MrBrdo :: 6. sep 2011, 15:58

lol... dej, malo pogooglaj no

če sam header nastaviš še ne pomeni da si poslal kaj.

MrBrdo

alexa-lol :: 8. sep 2011, 07:38

evo sem pogledal se mal primere, ki jih imajo na strani (PHP Excel) in prišel do tega

header('Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
header('Content-Disposition: attachment;filename="' . $filename . '"');
header('Cache-Control: max-age=0');

$objWriter = PHPExcel_IOFactory::createWriter($objPHPExcel, 'Excel2007');
$objWriter->save('php://output');
exit;

Koda na srečo deluje

Zanima pa me če je kaj takega zvedljivo.. JS listener
Server vrne vrednost v iframeu..

<div id="nekId" value="abc" />

Ko jo vrne želim pognati določeno funckijo ampak le če je kaj v atributu value
When $('#nekId').attr('value')!='' Then KODA

Lp in hvala

Zgodovina sprememb…

spremenil: alexa-lol (8. sep 2011 ob 07:44)

MrBrdo :: 8. sep 2011, 16:42

Zakaj v iframu? Uporabi AJAX.

MrBrdo

alexa-lol :: 8. sep 2011, 21:31

bom

sem ugotovil, da če pošlješ

<script>alert(1223);</script>

se le ta izvede, tako, da bi se mogla izvesti utdi katerakoli druga funkcija katero klices

Gandalfar :: 8. sep 2011, 23:30

ce si na isti domeni ja. Drugace te bo pa cross-domain ustavil.

MrBrdo :: 9. sep 2011, 15:51

Če hočeš skripte vračat iz strežnika preko AJAXa http://api.jquery.com/jQuery.getScript/

MrBrdo

Vredno ogleda ...

	Tema	Sporočila	Ogledi	Zadnje sporočilo
	Tema	Sporočila	Ogledi	Zadnje sporočilo
»	Jquery snooze77 Oddelek: Izdelava spletišč	15	1634 (1358)	mk818764 13. sep 2013 15:00:56
»	jquery in div-i (strani: 1 2 ) mk818764 Oddelek: Izdelava spletišč	87	10521 (9259)	lisjak 25. feb 2013 23:17:00
»	Login popup box login error. EmaZek Oddelek: Programiranje	9	1052 (940)	usoban 8. nov 2012 09:41:25
»	JavaScript offsetTop in brskalniki shorvat Oddelek: Izdelava spletišč	8	919 (851)	shorvat 16. dec 2010 10:27:48
»	linkanje med div-i? tntn3000 Oddelek: Izdelava spletišč	14	1517 (1335)	MrBrdo 30. sep 2010 17:09:03

Več podobnih tem

Forum » Izdelava spletišč » Download vsebine strani s JS

Download vsebine strani s JS