[JavaScript] nefunkcni zvetsovani obrazku v FF (uvozovky)

Zdravim,
tak uz mám hotovou osobní stránku je krásně validní na XHTML 1.0 Strict no skoro i na XHTML 1.1 :)) Proste vsechno jsem tak nejak vyladil, tak ze to jde i v IE a jinych prohlizecich.

http://skodik.no-ip.com

Ale presto tu jedna chyba je v FireFoxu mi nefunguje JS na zvetsovani obrazku. Imho je tam nekde problem s uvozovkama, nevim do JS moc nedelam :( Moc prosim o radu.

Dalsi takova podotazecka jak zni script v PHP ktery mi zmensi obrazek A z 520x390 na 150x130 a zobrazi ho?

Jinak ohledne webu primam jakekoliv pripominky, budu rad kdyz nekdo ohlasi chybu i gramatickou! Predem diky.

O akom zmensovani obrazkov hovoris?

Kde konkretne?

Citace:

Původně odeslal JS konzole

Chyba: adresar_nov is not defined
Zdrojový soubor: http://www.skodik.ic.cz/index.php?id=o_mne
Řádek: 45

Jinak otevirani obrazku jde resit i elegantneji.

BTW: podle CV uplny superman ;D

Skript zní GD2...

Citace:

Původně odeslal Kaltas

Skript zní GD2...

Presne tak... Ale na resizovanie obrazkov pri kazdom zobrazovani je to dost nevhodne vzhladom na velku zataz servera, ktoru to sposobuje.

Citace:

Původně odeslal jedik

Citace:

Původně odeslal JS konzole

Chyba: adresar_nov is not defined
Zdrojový soubor: http://www.skodik.ic.cz/index.php?id=o_mne
Řádek: 45

Jinak otevirani obrazku jde resit i elegantneji.

BTW: podle CV uplny superman ;D

No diky, ze jsi napsal JS konzole, malem bych na to zapomnel. Popravde receno jsem ten script trochu upravoval sam bez JS vzdelani :) Totis slo o to ze se mi porad spousti jeden a ten stejny index.php s includem. A casto potrebuju zobrazit obrazek z nejake slozky, ale "name="slozka/obrazek" je nevalidni, protoze tam nesmi byt "/", a tak jsem to chtel vyresit tim ze na slozku si vytvorim vlastni input pro složky

Kód:

<input type="hidden" name="adresar" value="slozka/dalsi_slozka" />

coz funguje dobre, ale asi jsem to spatne zapojil do toho JS, tam jsem to napsal takto

Citace:

Původně odeslal Zvyraznene je to, co imho dela problem

function img(name)
{
no=window.open("","zoom", "toolbar=no,location=no,directories=no,status=no,m enubar=no,scrollbars=yes,resizable=yes,copyhistory =no");
with (no.document)
{
open();
writeln('<html>\n<title>Zvětšený obrázek</title>');
writeln('[img]'+adresar.value+'/'+name+'.jpg[/img]');
writeln('</html>');
close();
}
}

No a celé to zdánlivě pracuje, jen FF nechápe, že to má číst z input hidden, a tak vypíše toto:

Kód:

Chyba: adresar is not defined Zdrojový soubor: http://server./personal_webpage/index.php?id=galerie/galerie Řádek: 33

A tak bych prosil někoho, kdo trošku rozumí JS, aby to dal do správné formy.

Jedíku mohl by jsi nahodit ten tvuj elegantnější způsob? :)
ad CV) tam musí člověk vypadat nejlépe, ale opravdu tam nijak zlášt nelžu, jen je to hezky napsane :) ale to nebudeme rozebírat, kdyžtak SZ!!

--------------RE: PHP GD - zmenseni obrazku-----------------

Citace:

Původně odeslal PiT

Citace:

Původně odeslal Kaltas

Skript zní GD2...

Presne tak... Ale na resizovanie obrazkov pri kazdom zobrazovani je to dost nevhodne vzhladom na velku zataz servera, ktoru to sposobuje.

no koho by zajimalo neco blize tak tady:
http://www.pabi3.com/104-praca-s-gd-kniznicou-6.diel-(praca-s-rozmermi-obrazku)
zítra se na to mrknu a ty 2 obrázky v novinkách budu generovat přes PHP. Jinak jsem koukal že někde mi ještě chybí zmenšeniny, to dodělám.

EDIT: tak ten PHP GD funguje perfektne jeste se Vam bude hodit toto http://diskuse.jakpsatweb.cz/index.p...orum=9&page=-1 ja uz jsem to tedy nekde vyuzil a ani to zas tolik nacitani stranky nespomali.

ako sa to vezme...

GD pouzivam na main page ocguru na generovanie nadpisov sekcii...

Alebo v mojej galerii http://www.bic.sk/pit/gallery na kompletne generovanie nadhladov (zmensenin) a to bolo brutal pomale, takze som to riesil tak, ze si to vygeneruje nadhlady do TEMPu same, ale iba raz resp. v pripade, ze neexistuju.

tak tak, to je normalni technika GD, a halvne je problem, ze pokud nemas vlastni hosting, tak nevis jak je PHPcompiler nakofigurovany, na vetsine hostingu bezi php v safe modu, takze GD je takrka nevyuzitelne, protoze vam prideli strasne malo pameti na skript, a na meneni velikosti JePeGecek vetsich jak 1024~800 muzes zapomenout, a na jine formaty jako GIF tuplem, viz http://pics.arteee.net ... pak z fotek hodne vyuzivat Thumu, a z nefotek zkratka delat nahradni nahledy v podobe GD vytvoreneho obarzku, ze nahled neexistuje :-/

no mate pravdu, ze to zpomaluje a vytezuje server, ale je to naprosto jednoduche reseni, kdybych mel generovat pres PHP nahledy ktere se ukladaji, tak bych musel napsat script na konrolu zda uz nahlede neni vygenerovany apod.. a navic kdyby odstranil nejaky obrazek, tak se mi neodstrani nahled, takze by v tom byl bordel, ano slo by napsat i to odstranovani nahledu, ale to uz jsou vsechno docela rozsahle scripty na takovouhle zalezitost, a tak to resim takhle, ale ne na cele strance jen u jedne sekce.

Jinak GD podporuje WZ i jine freehostings v plne mire, tedy TrueColor i s vyhlazenim ;-)

Tedy toto by bylo. Ale jak vyresit to s tim JS?? Please moc o pomoc, nebo Vam to v FF funguje? Budu rad i za nahozeni jineho scriptu, ktery bych si uz nejak zkusil upravit do sve podoby.. Predem MOC dekuji.

a nazory na web jsou take stale vitany :)

Tie fotky mas urobene blbo (foto1.jpg, foto2.jpg), pretoze na stranke sa zobrazuje ten velky obrazok (len ho browser zmensi). A po kliknuti to samozrejme nefunguje - otvori sa prazdne okno.
BTW. Osobne podobne javascripty nemam rad, pretoze ked je niekde viac fotiek, tak ich vsetky pootvaram do tabov vo firefoxe a potom pozeram - a ked je tam takyto javascript, tak to nefunguje.
BTW.2: V XHTML sa tusim neda spravit <a href="nieco.jpg" target="_blank">, ze?

Citace:

Původně odeslal Rainbow

Tie fotky mas urobene blbo (foto1.jpg, foto2.jpg), pretoze na stranke sa zobrazuje ten velky obrazok (len ho browser zmensi). A po kliknuti to samozrejme nefunguje - otvori sa prazdne okno.
BTW. Osobne podobne javascripty nemam rad, pretoze ked je niekde viac fotiek, tak ich vsetky pootvaram do tabov vo firefoxe a potom pozeram - a ked je tam takyto javascript, tak to nefunguje.
BTW.2: V XHTML sa tusim neda spravit <a href="nieco.jpg" target="_blank">, ze?

1) ano ty NEKTERE fotky jsou nyni jeste tak ze je prohlizec pouze zmensi, ale to brzi opravim tim PHP, vetsi galirie fotek maji uz sve nahledy.

Po kliknuti to samozrejme fungovat musi, protoze kdyz obrazek nema nahled, tak se pousti JS script "img", kdyz nahled ma tak se pousti img_zoom (ktery otevre v-obrazek) a pro nahledy v Novinkach se pousti img_nov. Takze v tom to neni. Kdyby mi aspon FF zacal ten JS a vytvoril stranku aspon s tim ze je spatna cesta k obrazku... ale on neudela obsolutne nic jen okno se otevre a chrousta.
2) Ja JS taky nemam rad, presne proto jak rikas, ale bohuzel jine reseni asi validni neni. A jak jsem rekl, klidne pouziju jiny JS, ale v JS nedelam, tak nevim.
3) Presne tak, target je v XHMTL 1.0 Strict zakazan.

Jaky jiny JS? :)

Jinak proc to proste neudelas tak, ze budes mit jedno phpko, kteremu v GETu predas cestu k souboru nez to generovat takhle...

A nejaky zvlastni duvod proc pouzivat Strict mas?

Taketo nieco som kedysi pouzival:

Kód:

blabla onclick="window.open('popup.html','','width=400,height=320,left=50,top=50');"

To uz nefunguje? Namiesto popup.html sa moze dat priamo cesta k obrazku alebo PHPcko a cesta k obrazku ako parameter.

Zapni si podporu GD2

PHP je můj koníček :-)

Kód:

<?php class ImageException extends Exception { public function __construct () { print "Nedovolený formát souboru!"; } } class Image { protected $ImageName; protected $Properties = array (); protected $Directory; public $Type; public function __construct ( $name, $dir ){ $this -> ImageName = $name; $this -> Directory = $dir; } public function getProperties () { $this -> Properties = getimagesize ( $this -> Directory . $this -> ImageName ); switch ( $this -> Properties[2] ) { case 1: $this -> Type = "gif"; break; case 2: $this -> Type = "jpeg"; break; case 3: $this -> Type = "png"; break; } return new Image_Statement ( $this -> Properties, $this -> Directory, $this -> ImageName ); } } class Image_Statement { protected $Properties = array (); private $Height; private $Width; public $Type; private $Directory; private $ImageName; private $tmp; public function __construct ( $Properties, $Directory, $ImageName ) { $this -> Properties = $Properties; $this -> Directory = $Directory; $this -> ImageName = $ImageName; $this -> tmp = $ImageName; $this -> Type = $this -> Properties[2]; if ( !is_array ( $this -> Properties ) || !is_string ( $this -> Directory ) || !is_string ( $this -> tmp ) || $this -> Properties[2] == 0 || $tis -> Properties > 3 || $this -> Properties[2] == "" ) throw new ImageException; } public function resampledImage ( $width, $height ) { $skelet = imagecreatetruecolor ( $width, $height ); //vytvoreni obrazku ze vstupniho switch ( $this -> Type ) { case 1: $res = imagecreatefromgif ( $this -> Directory . $this -> tmp ); break; case 2: $res = imagecreatefromjpeg ( $this -> Directory . $this -> tmp ); break; case 3: $res = imagecreatefrompng ( $this -> Directory . $this -> tmp ); break; } //zmena velikosti imagecopyresampled ( $skelet, $res, 0, 0, 0, 0, $width, $height, $this -> Properties[0], $this -> Properties[1] ); imagedestroy ( $res ); switch ( $this -> Type ){ case 1: imagegif ( $skelet, $this -> Directory . $this -> tmp ); break; case 2: imagesetpixel ($skelet, $width, $height, 20); imagejpeg ( $skelet, $this -> Directory . $this -> tmp ); break; case 3: imagepng ( $skelet, $this -> Directory . $this -> tmp ); break; } return $this; } public function renameImage ( $name ) { return ( rename ( $this -> Directory . $this -> tmp, $this -> Directory . $name ) ); } public function copyImage ( $name ) { //vytvoreni nazvu obrazku copy ( $this -> Directory . $this -> ImageName, $this -> Directory . $name ); //vlozeni do tmp pro moznost nastaveni velikosti v resampledImage $this -> tmp = addslashes ( $name ); return $this; } public function unlinkTmpImage () { if ( is_string ( $this -> ImageName ) ) { return ( unlink ( $this -> Directory . $this -> ImageName ) ); } } } ?>

Edit:
Použítí je následující

Kód:

//upload na server //delej nejakou podminku na is_uploaded_file move_uploaded_file($_FILES['newImage']['tmp_name'],$_SERVER['DOCUMENT_ROOT']."/path/".$tmp ); //nová instance nastavi jmeno a cestu $imh = new Image( $tmp, $_SERVER['DOCUMENT_ROOT']."/path" ); //zjisti udaje o obrazku preda objekt Image_Statement a tam zkontroluje $proper = $imh -> getProperties (); //nstaveni jmen obrazku a prilozeni typu (gif, jpeg, png) $nameB = $tmp."B.".$imh -> Type; $nameS = $tmp."S.".$imh -> Type; //udela obrazek o veliksoti 320x220 a mensi 114x87 $big = $proper -> copyImage ( $nameB ) -> resampledImage ( 320, 220); $small = $proper -> copyImage ( $nameS ) -> resampledImage ( 114, 87); //zrusi tmp nahravanej obrazek kvuli velikosti $destroyTmp = $proper -> unlinkTmpImage ();

Trida je udelana jako mala FAKTORY predavam objekt z class Image do Image_Statement

huh
Edit2:
ve windowsech staci povolit jen tu knihovnu gd2.dll v php.ini a reset apache
v linuxu je myslim podpora gifu a png, ale jpeg musis mit zvlast zkompilovanej
tot asi vsechno